}将来的に、DB使ったり非同期処理使ったりしたいなら、Angularを選択した方が良いのかなとも思ったのですが、とりあえず、Vue.jsで開発を続けます。installでエラー。detected!どうやら、XCodeが入っていないらしい。10.15にアップデートした際に消えてしまったのかな。ダウンロード(約8GB)。(iPhoneのテザリングを通してなので、通信量がちょっと痛い。)インストール後、起動してライセンスに同意。detected!またも、エラー。インストールするコマンドを叩く。updatesしかし、すでにインストールされているとのこと。別のコマンドでも試行。instanceやはり、エラー。インストールする方法を探す。Toolsを探してダウンロードして、インストール。8.742sやっと走りました。何やら、すごく面倒なことになっていますね。動的に要素の高さを調整したいのだが、うまく動かない。}}</script>参考にしているのは次の記事。CSSを操作して、スタイルを動的に設定する(v-bind:style)VueコンポーネントでWindowサイズ変更検知&値取得ついでに、TypeScriptにも手を出している。JavaScriptよりも綺麗にコーディングできている感じがする。TypeScriptの書き方一覧2020-2-5_2WindowsのPowerShellにて。npmでインストールする際にエラーが頻発して、進まないようになる。-4048「node-sass」が邪魔をしているっぽいです。下のページと同じ症状。https://traveler0401.com/npm-install-operation-not-permitted/ただ、nodeのバージョンを落とすのも面倒なので、一度環境を見直してみる。serve」でサーバーを走らせていることに気付く。install」をたたいたところ、エラーなく終了。vulnerabilities「Windowsはこれがあるからいやだ!」なんて思っていたけれど、おそらくMacでも起こっていたでしょう。OS差別は良くないですね。落ち着いて、見直すことが大事。2020-2-4エディタは長年「Vim」を使っていましたが、最近Windowsを使うようになり、それを契機に「Atom」を使うようにもなりました。(Vimは使い続けています。)Vue.jsを使うということで、それに合ったプラグインを導入。参考は次のQiitaの記事。上のプラグインを愚直に導入。bootstrapそして、次のWEBサイトを参考に、ファイルを設定。serveサーバーを起動しようとすると、「sass-loader」がないとおこられるので、インストール。sass-loader今度は「node-sass」がないと注意されるので、再びインストールしてサーバーを起動。node-sassこれで、サーバーの起動を確認。2020-2-3Vue.jsを使ってSPAを作り始める。@vue/cli@Vue/cliをnpmでインストール。Vuex、あと今後にそなえて、ルーターも加えています。tsconfig.jsonフォルダの構造はこんな感じ。これに、今後、Bootstrapを加えて、作業を続けていく予定。使うだけなら、ビルドしたファイルをApacheのディレクトリに放り込めば動きそうですね。そこに非同期処理(Socket.io)とか混ぜていくなら、node.jsサーバー上で動かす必要が出てくるのかな。分からんけれど、進めてみます。2020-2-1Processing(p5.js)を使った音楽づくりページを、サブドメインに移植しました。https://livecoding-example.hiroshi-nagayama.com/今後は、ここで使用している仕組みを「Tone.js」「Vue.js」で置き換えて、再度作り直す予定です。Chromeだけでなく、EdgeやSafariでしっかりと動くようになれば良いですね。2020-1-31WordPressとBootstrapのレスポンシブルについて。WordPressでは、外部リンクを記事内に引用すると、相手サイトがWordpressの場合、綺麗に整形してくれる。この埋め込み機能、うまいことBootstrapのレスポンシブル・デザインとマッチしてくれない。携帯でページを見た際には、.containerクラスのdivから綺麗にはみ出してしまう。CSSを修正すれば解決するのだろうけれど、それもなんとなく面倒くさい。埋め込まれたページを読み込むこと自体が、このページの読み込み時間を遅くする影響もあるので、できれば使わない方が良いのでしょう。2020-1-30WordPressをローカルのXAMPP環境から、ロリポップのレンタルサーバー上に移行した。MySQL(MariaDB)のデータをエクスポート&インポートしかし、これだけでは動かない。DB」を使って、データベース内に書かれたローカル環境でのURL(http://localhost/~~/)を新URL(http://~~~/)に置換する。DB」を使おうまた、「.htaccess」を編集する(パーミッションも注意)。RewriteBaseを修正する。[L]これは、ドメイン直下にて運用する場合の「.htaccess」の例。サブディレクトリ「/wp/」を削除する。[L]とりえあず、これらによって、現在動作を確認。以後、エラーなどあり次第修正していきます。2020-1-26WordPressの固定ページで内容を表示するためにthe_content()を用いる。エラーが表示され内容が出力されない。ループ内でしか機能しないようだ。固定ページでも、ループを設ける必要がある。【参考WEBページ】WordPressの固定ページの中身が表示されない!2020-1-26_2WordPressで現在のURLを取得するには、get_the_permalink()を使うが、GETパラメータなどは取得してくれなかった。$_SERVER[“REQUEST_URI”]などとしてやると、うまく取得してくれる。2020-1-26_3WordPressでGETパラメータを使うのは少し手間がかかるようです。予約された語は使用できない。使用したいキーを登録しなければならない。【WordPress】GETパラメータを使う方法ついでに、PHPのバージョンが7になったため、引数を渡すときにも多少注意が必要。~というエラーが出た場合の対処方法2020-1-26_4ログイン中のみ編集リンクを出力したい。ログインの判定はis_user_logged_in()記事の編集リンクは、get_edit_post_link()これを組み合わせて出力する。2020-1-26_5ログのアーカイブページをつくる。これは、投稿したデータを流していけば良いので、簡単だろう。日付を取得するには、the_date()関数と、the_time()関数の2つがあるらしい。これらはデフォルトでechoされてしまうので、それを避ける場合には、引数にfalseをもたせて出力されないようにするか、get_the_time()関数で値だけを取得するとよい。日付順に並んだは良いが、オーダー的には、日付の降順、その中で、日時の昇順になると良いのだけれど、めんどくさそうだからパス。クエリの配列をいじれば、簡単に取得できるのかな。2020-1-26_7複数の記事を同日にアップロードしたときに、しっかりと区分けされるかをテスト。ループ中にget_previous_post()を判定することで、区分けが可能。2020-1-26_8MacBookProにXAMPPを入れて、ホームページの開発中。WordPressや、データベースの設定はうまくいったものの、途中でエラー。レスポンスではありません。パーマリンク設定を修正してあげると良いらしいが、そこでもエラー。.htaccessが更新できないとのこと。結果、.htaccessのパーミッションを「644」に修正することで解決。2020-1-25WordPressにてブログをローカル(XAMPP)に開設。