Web系Node.jsで追加したCSSのパッケージを利用する
LESSのmixins系ライブラリであるlesshatをnpmでインストールし、webpackで圧縮して使用することにします。 インストール $ npm install -D lesshat; 設定ファイル ...
Web系
Web系
Web系@wordpress/create-blockで作成したブロックのプラグインが認識されない場合の対処
ブロック開発を行うべく、下記を参考に作業しました。 $npx @wordpress/create-block hello-block $cd hello-block $wp-env start wp-envは既にグロー...
Web系Vue.jsのonchangeイベント時にVue Devtoolsで値の変更を検知出来ない場合の対策
内部的には問題無く更新されているようだったが、なんとなく釈然としないので試行錯誤してみました。 コード HTML <input type="file" ref="file0" accept="image/*" cl...
Web系npmでインストールしたライブラリをjsファイルで読み込んで利用する方法
基礎過ぎて今更感が半端無いですが、個人的にド忘れしていたので、今後の為にも書いておくことにしました。 ここでは、テーブルが横スクロール出来ることを明示してくれるライブラリ「scroll-hint」を利用する例で説明します。その他の前...
Web系保護中: カスタム投稿のアーカイブページに設置するページネーションを自前で書いてみる
このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。 パスワード:
Web系Node.jsとEJSとwebpackでテンプレート管理出来るweb制作環境を作る
過去に似たようなことを試しましたが、webpackのバージョンも上がり新たに環境を作ってみました。 前回はEJSのwebpack用プラグインを使いましたが、アップデートが放置されており不安だったのと、プラグインを使わない...
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フレームワークを使ってみることにしまし...