ブログ

Web 制作・システム開発に関する記事を公開しています。

• busboyのデータ解析がタイムアウトで失敗する

  Netlify Functionsのイベントで、postされたデータを解析（パース）するためにbusboyを使ったのですが、開発環境時netlify devは上手くいくのに、本番環境時netlify build && netlify deployでは、処理が時間内に終わらずにタイムアウトするエラーが発生しました。

  2021/8/23

• Netlify Functionsをローカルで動かす — netlify devで確認してからデプロイする

  Netlifyでデプロイ（公開）しているサイトには、レンタルサーバーのようなサーバー機能がないため（サーバーレス）、サーバーサイドの処理をするためにNetlify Functionsの機能が提供されています。代表例が「問い合わせフォーム」で、クライアントサイドからpostされたデータを受け取って何らかの処理をする時に、このNetlify Functionsを使います。

  2021/8/23

• busboyでパースした画像が開けない時の対応

  Netlify Functionsを使った問い合わせフォームを作る時に、multipart/form-data形式でpost送信されたデータをパースするためにbusboyを使ったのですが、画像のパースが上手くいかず、開けない画像として扱われてしまいました。結局、クライアント側でpost送信する前に、画像をbase64にエンコードすることで対応できたので、参考までに。

  2021/8/21

• VercelとNetlifyの選定基準

  Next.jsやNuxt.jsで構築したWebサイトやWebアプリを公開する時、VercelとNetlify、無料プランならどちらを選ぶべきか、判断基準をまとめました。

  2021/8/11

• Gatsby.jsとNext.jsとNuxt.jsを比較する

  ReactフレームワークのGatsby.jsとNext.js、VueフレームワークのNuxt.js、これらの主要なJSフレームワークで静的サイトを構築して得た気づきをご紹介します。

  2021/8/11

• All-in-One WP Migrationでインポートに失敗する

  WordPressのサイト移行にはWordPressプラグイン「All-in-One WP Migration」を使うのが1番簡単で確実ですが、移行に失敗するケースもあります。移行失敗のほとんどの原因は【インポートサイズ上限よりもファイルサイズが大きい】ことですが、この問題を回避する方法がいくつかあります。

  2020/10/9

• WordPressサイトのローカル⇄本番の移行

  WordPressサイトの【ローカル環境から本番環境への移行】または【本番環境からローカル環境への移行】はWordPressプラグイン「All-in-One WP Migration」を使えば、難しいデータベースの操作不要で、誰でも簡単に実行できます。

  2020/10/8

• JavaScriptを最適化してページ表示を高速化する

  JavaScriptの主な最適化アプローチは、「圧縮」「ファイルのバンドル」「軽量ライブラリの使用」です。ライブラリを使う場合は「読み込む順番」にも気をつけなければいけません。ファイルサイズが大きくなりがちなので、上手く最適化しましょう。

  2020/10/7

• WordPressのphpMyAdminのログイン情報を調べる

  phpMyAdminへのログイン情報は、WordPressのコアフォルダの1番上にある「wp-config.php」に記述されています。ユーザー名はdefine( 'DB_USER', 'root' );のrootの部分、パスワードはdefine( 'DB_PASSWORD', 'pass' );のpassの部分になります。

  2020/10/6

• WordPressのユーザー名とパスワードを忘れたときの確認・変更方法

  WordPressのパスワードを変えたい・忘れたときの手順を3つに分けて書きました。ログインできるなら管理画面の「プロフィール」→「新しいパスワードを設定」、ログインできないならログイン画面の「パスワードをお忘れですか ?」から再発行、メールも届かずユーザー名も分からないならphpMyAdminでwp_usersを確認・変更します。WordPress 6.8（bcrypt移行後）でもMD5指定での変更は有効です。ユーザー名は管理画面から変更できない点も補足しています。

  2020/10/6

• CSS最適化はどこまで自動化されたか — 圧縮・不要CSS削除・インライン化の現在地

  2026年現在、CSSの圧縮・不要CSSの削除・インライン化はどこまでビルドツール任せにできるのか。Bootstrap 5.3.8で実測した圧縮効果（gzip後の差は約9%）をもとに、手を動かす価値が残っている部分と、もう自動化されている部分を切り分けます。

  2020/8/27

• Webページの表示速度はどうすれば上がるのか

  Webページを高速化する方法はいくつもありますが、基本的には、スペックの良いWebサーバーにを使う、画像を遅延読み込みする、重いファイルの読み込みを最適化する、ページの構成を見直す、の4点に集約されます。それぞれどのように最適化すればいいのかシェアします。

  2020/8/24

• WordPressの管理者メールアドレスを変更する — 管理画面が使えないときはデータベースから

  WordPressの管理者メールアドレスは通常、WordPressサイトの管理画面から変更しますが、データベースからも変更可能です。テスト環境から本番環境へ移行する時や、WordPressの管理画面にログインせずにメールアドレスを変更したい場合などに便利な方法です。

  2020/8/6