Web系 Node.jsとEJSとwebpackでテンプレート管理出来るweb制作環境を作る
過去に似たようなことを試しましたが、webpackのバージョンも上がり新たに環境を作ってみました。 前回はEJSのwebpack用プラグインを使いましたが、アップデートが放置されており不安だったのと、プラグインを使わない方法を実践している参...
Web系
Web系 
Web系 DockerのMySQLのボリュームをホストOSでの共有ディレクトリ以下に配置したらコンテナを起動出来なかった
未だにWindowsにおけるローカルの開発用サーバーとしてXAMPPを使うことがあるのですが、そろそろDockerに移行したいという思いがありました。今回、実際に環境を構築した際に掲題の件でつまづきましので、ここに対処法について記載しておき...
Web系 Vagrant上のDockerでWordPress開発環境のwp-envを使う
これまでWordPressの開発環境としてはLocal（旧Local by Flywheel）を使ってきましたが、最近はWordPress公式が開発しているDockerパッケージのwp-envという環境がオススメされているようなので試してみ...
Web系 [DataTables]ソート機能を持つ表の意図した順への並び替え
並び替え機能を持つtableタグで表示される表を実装する時、いつも使用するライブラリがあります。 対象の表のidを指定するだけで、ソート・絞り込み検索・ページネーションの機能を提供してくれる素晴らしいJavaScriptライブラリです。 ソ...
Web系 軽量CSSフレームワークのmini.cssを使ってみた
レスポンシブ対応ウェブサイトを作る際に、全て自分でCSSを設計するのは面倒なので、適当なフレームワークを使うことが多いです。これまではbootstrapばかり使ってきましたが、せっかくなので別のCSSフレームワークを使ってみることにしました...
Web系 WordPressの管理画面におけるカスタム投稿一覧画面のカスタマイズ
ここでは下記の条件を満たすカスタマイズを行います。 カスタムタクソノミーとカスタムフィールドを持つカスタム投稿一覧にカスタムタクソノミーとカスタムフィールドのカラム（列）を追加する各カラムでのソートが出来るようにする各カスタムタクソノミーと...
Web系 Windowsにてnpmでグローバルインストールしたパッケージのコマンドが使用できない場合の対処法
Gatsbyという静的サイトジェネレーターを使用したかったので、npmコマンドにてグローバルインストールを実行して"gatsby"コマンドを叩くも、有効なコマンド認識としてされない問題が発生しました。 Winodwsでコマンドが使えない理由...
Web系 送信ボタンの二重クリック防止を目的とするボタン無効化の推奨される対応方法について
サーバーに対して何かデータを送信するフォームがある時、送信ボタンが誤って２回連続で押されてしまったり、リクエスト送信後のサーバー側における処理終了後の画面遷移を待たずに再度送信ボタンを押されたりすること防ぐ為に、「送信ボタンを押されたらボタ...
PC UbuntuにphpMyAdminをインストールする（最新版phpMyAdminにも対応）
前提条件として、Apache2とMySQLがインストール済みであるとします。 パッケージ管理ツールを使用してインストール phpMyAdminは、apt-getコマンドで簡単にインストール出来ます。 $ sudo apt-get insta...
Web系 WordPressの投稿削除時にアイキャッチ画像も一緒に削除する
投稿にアイキャッチ画像を指定している状態で、投稿を削除してもアイキャッチ画像は削除されません。つまり、画像だけが残り続けて、いずれサーバーの容量を圧迫することになります。 そこで本記事では、投稿の削除処理をトリガーとしてアイキャッチ画像を削...