Archive
開発の記事
- 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()関数を使うのがよい。日付順に並べる場合、複雑な並び替えも可能だが実装が面倒という課題もある。
- WordPress のループ内処理での区分け
- 開発
AI要約 WordPressで複数記事を同日にアップロードした際に、記事の区分けを確実に行うテストを解説しています。ループ内での区分けは、get_previous_post()関数を用いて判定することで実現可能です。
- WordPress の開発では .htaccess の更新が必須
- 開発
AI要約 MacBookProにXAMPPを導入しWordPressで開発中に「返答が正しいJSONレスポンスではありません」というエラーが発生。原因はパーマリンク設定の問題で、.htaccessファイルの更新が不可に。ファイルのパーミッションを644に修正することでエラーを解消した事例を紹介。
- ホームページ開設(ローカル環境, 20年1月25日)
- 開発
AI要約 WordPressを利用して、ローカル環境(XAMPP)上にブログを開設し、テスト投稿を行いました。今後の運用開始に向けた基盤作りの一環としての試みです。