Archive
カテゴリから記事を探す
開発の記事
- ローカル開発環境 WordPress の DebugBar プラグインで読み込みエラー
- 開発
AI自動要約 3月にWordPressのローカル開発環境でDebugBarプラグイン使用時に発生した「create_function()の非推奨エラー」について記録。PHP7.4環境下で表示されるこのエラーは、php.iniや.htaccessの設定変更が反映されず解決できなかったが、該当関数の前に@を付けてエラー表示を抑制。プラグインは本番で使わないため暫定対応とした。
- TypeScript 苦戦中
- 開発
AI自動要約 TypeScriptのコンパイルに成功したものの、その過程での型チェックに苦戦しています。厳密な型チェックに時間を要し、実際のプログラム開発がなかなか進まない現状を述べています。
- 深刻なマスク不足（20年２月末）
- 開発
AI自動要約 この記事では、2020年2月末の深刻なマスク不足に触れつつ、筆者がVue.jsを習得するためにTypeScriptの理解を深める必要性を感じたことを紹介しています。特に、山田祥寛氏の著書『速習TypeScript』をわかりやすいリファレンスとして薦めており、他の関連書籍も紹介しながら開発を続ける意向を述べています。
- どのフレームワークを選択すべきか
- 開発
AI自動要約 本記事では、JavaScriptフレームワークのAngular、Vue.js、Reactについて比較・検討しています。特にパフォーマンス面ではAngularが優れているという評価や、Vue.jsは初心者向けで学習コストが低い点が紹介されています。また、音を扱うウェブアプリ開発にはパフォーマンスが重要であり、その観点からフレームワーク選びが議論されています。最終的に筆者は、既に扱い始めているVue.jsを継続する方針を示しつつ、必要に応じて他のフレームワークの機能も検討したいと述べています。
- Vue.js 奮闘中（20年2月10日）
- 開発
AI自動要約 Vue.jsを用いた開発に取り組む中で、特に親子コンポーネント間のデータや関数のやりとりに注目しています。TypeScript環境で発生した$refsの型エラーを明示的な型定義で解決し、$emitの記述も改善しました。Reactより分かりやすい印象のVue.jsを今後も使い続ける予定です。
- Mac の Command Line Tools が見つからない
- 開発
AI自動要約 Macでnpm install中に node-gyp エラー発生。Xcodeが無いかCLTが認識されず、XcodeをApp Storeから再インストールしたが改善せず。xcode-select --installでは既にCLTが存在と表示。結局、Xcodeのメニューから公式サイト経由でCommand Line Toolsを手動ダウンロード・インストールし問題解決。Mac環境での開発ツールインストールの手間と注意点をまとめた。
- Vue.js 奮闘中（20年2月5日）
- 開発
AI自動要約 Vue.jsを用いて動的に要素の高さを調整しようとしていますが、うまく動作しない問題に直面しています。TypeScriptを導入し、Windowサイズの変更検知と高さ調整を試みています。参考にした記事も共有し、コード例を掲載しています。
- npm で苦戦中（20年2月）
- 開発
AI自動要約 WindowsのPowerShellでnpmを使ってパッケージをインストールしようとした際に、node-sassが原因のパーミッションエラーが発生。問題はnpm run serveでサーバーを起動したままだったためで、一度サーバーを停止してからnpm installを実行すると正常に完了した。OSに関わらず冷静な対処が重要であると述べている。
- エディタ選び
- 開発
AI自動要約 長年Vimを使用していたが、Windows環境の変化を機にAtomも利用するようになった。Vue.jsの開発に適したプラグインをQiitaの記事を参考に導入し、効率的な開発環境を整えている。具体的には「language-vue-component」「vue-autocomplete」「vue-snippets」など複数のプラグインを導入し、開発の進捗に期待している。
- Vue.js + Bootstrap
- 開発
AI自動要約 この記事では、Vue.jsのプロジェクトにBootstrapを組み込む手順を解説しています。まずnpmでvue、bootstrap-vue、bootstrapをインストールし、関連する設定ファイルを参考サイトを元に整えます。開発サーバー起動時に不足するsass-loaderとnode-sassを都度インストールして、最終的にサーバーの起動を成功させる手順を示しています。
- Vue.js はじめ
- 開発
AI自動要約 この記事は、Vue.jsを使ってシングルページアプリケーション（SPA）を始める手順を紹介しています。@vue/cliをnpmでインストールし、TypeScriptやVuex、ルーターを含めたプロジェクトを初期化。プロジェクトのフォルダ構成を示し、今後Bootstrapを加える予定としています。node.js環境がなくとも、ビルド済みファイルをApacheで動作させる方法に触れつつ、非同期処理に関わるSocket.ioとの連携についても言及しています。
- ライブコーディング用 Webアプリ試作（20年2月）
- 開発
AI自動要約 Processing（p5.js）を用いて音楽制作ができるライブコーディング用Webアプリをサブドメインに移設しました。今後はTone.jsとVue.jsを使って再開発を予定しており、主要なブラウザ（Chrome、Edge、Safari）での動作対応も目指しています。
- WordPress と Bootstrap
- 開発
AI自動要約 この記事は、WordPressでの外部リンク埋め込み機能とBootstrapを用いたレスポンシブルデザインの相性について解説しています。特に、WordPressの埋め込み機能がBootstrapの.containerクラスの中でうまく表示されず、携帯画面でレイアウト崩れが生じる問題に触れ、CSS修正の手間やページ表示速度への影響から埋め込みは控えたほうがよいと述べています。
- ロリポップサーバーにWordPressを構築
- 開発
AI自動要約 ローカルのXAMPP環境で構築したWordPressをロリポップのレンタルサーバーに移行する手順を解説。WordPressフォルダのアップロード、MySQLデータのインポート後、URL置換ツール「Search Replace DB」を用いてデータベース内のURLを書き換えます。また、運用環境に合わせて.htaccessのRewriteBase設定を調整し、動作確認を行った内容を紹介しています。
- WordPress の ' the_content() ' はループ内でのみ機能するみたい
- 開発
AI自動要約 WordPressで固定ページの内容を表示する際にthe_content()関数を使ってもエラーになり表示されないことがあるのは、この関数がループ内でのみ機能するためです。固定ページでもループを設ける必要があることを解説し、参考となるウェブページも紹介しています。
- WordPress での GET パラメータの取得
- 開発
AI自動要約 WordPressで現在のURLを取得する際、get_the_permalink()関数ではGETパラメータが含まれないため、$_SERVER["HTTP_HOST"]と$_SERVER["REQUEST_URI"]を組み合わせて使う方法が紹介されています。これにより、GETパラメータを含むフルURLを取得できます。
- WordPress での GET パラメータの使用について
- 開発
AI自動要約 WordPressでGETパラメータを利用する際の注意点について解説しています。予約語は使用できず、使用したいキーは事前に登録が必要です。また、PHPバージョン7以降では引数の渡し方に注意が必要で、具体的なエラー対処法も参考サイトを通じて紹介しています。
- WordPress での ログイン判定と編集リンクの生成
- 開発
AI自動要約 WordPressでログイン中のみ記事編集リンクを表示する方法を解説。ログイン判定にはis_user_logged_in()を使用し、編集リンクの生成にはget_edit_post_link()を利用。これらを組み合わせてログインユーザー限定で編集リンクを出力する方法を紹介しています。
- WordPress 制作メモ（20年1月26日）
- 開発
AI自動要約 2020年1月26日に記録されたWordPress制作のメモ。ログのアーカイブページを作成する作業について言及しており、投稿データを流すだけの比較的簡単な作業であると推測しています。
- WordPress での 投稿日付取得
- 開発
AI自動要約 WordPressで投稿の投稿日を取得する方法として、the_date()関数とthe_time()関数があるが、これらはデフォルトで画面に直接表示される。表示せずに値だけを取得したい場合、引数にfalseを渡すか、get_the_time()関数を使うのがよい。日付順に並べる場合、複雑な並び替えも可能だが実装が面倒という課題もある。