Archive
カテゴリから記事を探す
開発の記事
- [JavaScript] classList では空白文字を使って複数の class を追加できない。
- 開発
AI自動要約 JavaScriptのclassListを使う際、複数のクラスを追加するには空白で区切った一つの文字列ではなく、クラス名を個別の引数として指定する必要があります。空白を含む単一の文字列をaddメソッドに渡すとエラーになるため、classList.add('foo','bar')のように複数引数で渡すか、スプレッド構文を利用しましょう。一方、classNameプロパティを使用すれば、空白区切りの文字列で複数クラスを一度に設定可能です。本記事ではこの違いとエラー回避方法を解説しています。
- [JavaScript]Timer（setInterval） とThis
- 開発
AI自動要約 この記事ではJavaScriptのsetIntervalを使ったタイマー処理について解説しています。シンプルな例から変数をまとめて管理する方法まで紹介し、特にthisの扱いやアロー関数の違いに注意が必要だと説明。細かい挙動を理解しないと思わぬバグが発生するリスクを示しています。
- CentOSでのサービスの作成（node.jsアプリケーションをサービス化）
- 開発
AI自動要約 Node.jsで作成したWebアプリをCentOS上でサービスとして正しく管理する方法について解説しています。バックグラウンドでの直接実行から、systemdを用いたサービス登録に切り替えることで管理が容易になります。/etc/systemd/systemにサービスファイルを作成し、実行パスやパーミッション設定、ユーザー管理の注意点も紹介。これにより、安定的かつセキュアな運用が可能になる内容です。
- Mac購入時にAppleCare+は入るべきか。
- 開発
AI自動要約 Macは突然故障することがあり、著者は実際に3回の修理を経験しました。AppleCare+に加入していたため修理費は無料でしたが、加入していなければ高額な請求があった可能性があります。特に最新のMacは部品交換が難しいため、長期間使うならAppleCare+加入が安心です。また、未使用の場合は途中解約で日割り返金もありますが、一度でも利用すると返金はありません。
- EndNoteの参考文献書き出し順を，文章の表示順に合わせる
- 開発
AI自動要約 この記事では、文献管理ソフトEndNoteの使い方について解説しています。特に参考文献の書き出し順がデフォルトでは文章内の引用順と合わない問題に触れ、スタイル設定をカスタマイズし、ソート順を「著者名＋年」のみに変更することで解決できると説明しています。また、日本語文献の扱いの難しさや、EndNoteの価格に対する感想も述べています。
- システム基盤
- 開発
AI自動要約 システム基盤について素人が学びながらまとめた記事です。ハードウェア構成図、ソフトウェア構成図、ユースケース図の作成に役立つ情報や外部リンクを紹介しています。初心者向けの解説や具体例が掲載されており、システム設計の基本理解に役立ちます。
- なくなりゆくCentOS 8.x
- 開発
AI自動要約 CentOS 8のサポートが予定より早く2021年末に終了し、多くのユーザーが戸惑っています。CentOS Streamへの移行が進む一方、従来のCentOS 7は2024年6月までサポート継続。代替としてAlma LinuxやRocky Linuxも注目されており、サーバー環境の選択に悩みが続く現状を解説しています。
- 「display:flex」がすごい使いやすい。
- 開発
AI自動要約 本記事では、従来の「display:block」「display:inline-block」や「display:table」を使った手間のかかるWebレイアウト方法に比べて、「display:flex」がいかに使いやすく効率的かを紹介しています。要素の等間隔配置や縦方向の並べ方が簡単にでき、CSS作成の時間短縮につながる利点を具体例とともに解説。初心者にも優しいFlexboxの基本プロパティの説明や参考サイトも紹介しています。
- iframe内のDOM要素を取得する（JavaScript）
- 開発
AI自動要約 この記事では、JavaScriptでiframe内のDOM要素を取得しようと試みた事例を紹介しています。iframe自体は取得できるものの、その内部のdocumentや要素がcontentWindow.document経由で取得できず、nullが返される問題に直面。動的にiframeを生成していることが原因の可能性やクロスオリジン制約の影響も考察しつつ、最終的にはiframeではなくdiv要素を用いる方法に切り替える結論に至っています。
- WordPressにて，表示している記事のもつ「カテゴリ」または「タグ」を含む記事を検索する
- 開発
AI自動要約 WordPressの投稿ページで、現在表示している記事のカテゴリまたはタグを持つ別の記事を検索・表示する方法について解説しています。get_the_categoryやget_the_tags関数でカテゴリ・タグを取得し、set_query_varで他のテンプレートへ受け渡し。WP_Queryのtax_queryパラメータを使い、「OR」条件で関連投稿をランダムに抽出するコード例と実際の画面例も示しています。将来的には「AND」検索等で精度を高める検討も提案されています。
- webpack-dev-server の正しい使い方が分からない
- 開発
AI自動要約 webpack-dev-serverの使い方が分からず、公式リファレンスのみを頼りに設定を試みたが、バージョンアップでオプションが変わりエラーに直面。最終的に、webpackのwatchオプションを使用しつつnodeコマンドでサーバーを立てる方法に落ち着いた。M1 Proへの乗り換えでコンパイル速度も向上したと感じている。
- ローカルホスト（127.0.0.1）用のSSL証明書を取得する
- 開発
AI自動要約 この記事では、開発環境のローカルホスト（127.0.0.1）に対して、Let's EncryptとCertbotを使いSSL証明書を取得する手順を解説しています。ドメインのDNS設定でAレコードとTXTレコードの登録やCertbotの利用方法、Mac環境でのパーミッション調整方法など、具体的なコマンドや設定例を示しながら、実際にSSLアクセスを可能にする方法を紹介しています。
- ロリポップサーバーのMySQLのバージョンが8.x系になっている（なお，SSH上にて）
- 開発
AI自動要約 ロリポップサーバーのMySQLがSSH環境では8.x系で動作している一方、Web上では5.6系が稼働していることが判明。mysqldumpで古い5系用のコマンドを実行するとエラーが発生するため、--skip-column-statisticsオプションを追加し対応。バックアップはcronでも正常に動作しているようだが、環境ごとのバージョン違いに注意が必要である。
- Safari で Webfont が適用されない問題
- 開発
AI自動要約 本記事では、ホームページのフォントを「Noto Sans Japanese」と「Roboto Mono」に変更し、Webpackを用いてローカルにダウンロードしたWebフォントを読み込む方法を試みたものの、Safariでのみフォントが正しく適用されない問題に直面した経緯を紹介しています。最終的にはWebpackを使わず別途CSSファイルを用意することで問題を解決した事例を解説し、Webフォントの読み込みにおけるクロスブラウザの難しさと対策について言及しています。
- WordPress への YouTube 動画の埋め込み（が上手く反映されないのでまいっている）が，解決した。
- 開発
AI自動要約 WordPressのGutenbergでYouTube動画を埋め込みたいのに、リンク表示のままで埋め込みが反映されない問題に直面。複数の対策を試すも解決せず、原因はPHPコード中でget_the_content()を変数に格納してからechoしていたことに判明。the_content()を直接出力する形に修正することでoEmbedが正しく動作し、YouTube動画埋め込みが可能になった。記事では設定修正やJavaScript動作確認も行い、具体的なコード例も紹介している。
- いつの間にか３月になっている
- 開発
AI自動要約 記事では、CentOSの開発方針変更とCentOS Streamへの移行に驚きを感じつつ、今後はUbuntu系を利用する意向を述べています。また、Bootstrapのバージョンが5に進化していることや、Vueのリアクティブ機能での苦戦についても触れています。開発環境や技術の変化に戸惑いながらも、自身の学習と対応を続ける様子が綴られています。
- webpack5 がリリースされている
- 開発
AI自動要約 新規プロジェクトにwebpackをインストールし、既存のコンフィグファイルを使ったところ多くのエラーが発生。原因はwebpackのバージョン5への更新によるもので、10月11日のv5.0.0以降も頻繁にバージョンアップが続いています。書籍『速習 webpack 第2版』はv5以前の内容であり、最新情報は手探りで対応するしかない状況です。一方で秋の風景写真も紹介されています。
- ERROR ## There is an issue with node-fibers ##
- 開発
AI自動要約 教材開発が難航し、Nuxt TypeScriptやCanvas＋JavaScriptでの実装に挑戦するも手間がかかり断念。Adobe AnimateやUnityの習得時間もなく、再びNuxt TSに戻る決断をした。さらにfibersモジュールのエラーでビルドが止まる問題に直面したが、XCodeコマンドラインツールの再インストールとfibersの再インストールで解決。大会発表まで1ヶ月を切り、根気強くコーディングを続けている。
- CakePHP2.x 系にて，認証機能がうまく動かない人へ（2）
- 開発
AI自動要約 CakePHP 2.x系で認証機能がうまく動作しない問題に対して、SimplePasswordHasherの代わりにBlowfishPasswordHasherを使用する解決策を紹介しています。具体的には、AppControllerでBlowfishPasswordHasherを明示し、ModelのbeforeSaveメソッドでパスワードを暗号化する方法を解説。公式チュートリアル通りにもうまく動かない場合の注意や、今後のバージョンアップや他フレームワークへの移行についても触れています。
- CakePHP2.x 系にて，認証機能がうまく動かない人へ
- 開発
AI自動要約 CakePHP2.x系の認証機能が公式ドキュメント通りに動作しない問題について解説しています。主な原因はSecurity.Saltの読み違えで、パスワードの暗号化タイミングが異なるためです。対策として、モデルのbeforeSaveで暗号化せず、コントローラー側でsha256を用いたパスワードのハッシュ化を行う方法を具体的なコード例と共に紹介しています。