JavaScript– tag –
-
JavaScript: gulpfile.js の autoprefixer 設定を package.json へ変更する
[code] Replace Autoprefixer browsers option to Browserslist config. Use browserslist key in package.json or .browserslistrc file. ... [/code] 突然上記のようなエラーが出たので、解決方法をメモしておきます。 【目次】 gulpfile.js の autopref... -
JavaScript: Gulp4 + EJS のインクルードファイルの相対パスを変数化する
EJS を使用し、header や footer 等の共通部分を外部から呼び出す場合、インクルード元のファイルの階層が違うと、相対パスのリンクが切れてしまいます。 今回は、あらゆる階層から呼び出されても階層にあわせて相対パスが変わるように、EJS ファイルに変... -
JavaScript: Gulp で SCSS コンパイル後に FTP アップロードする
今回は非常にプロジェクトや、使いどころを選びますが、ウォッチしている SCSS に変更があった場合、コンパイルを行い、生成された CSS ファイルを FTP アップロードする方法をメモしておきます。 【目次】 Gulp で SCSS コンパイル後に FTP アップロード... -
JavaScript: Gulp, EJS, SASS, browser-sync の gulpfile サンプル（Gulp4.0対応）
Web アプリの HTML フロントモック開発プロジェクトを Gulp4.0 対応にし、gulpfile.js を書き換えました。 EJS(HTML)/SCSS でのアプリ UI 作成等にご利用ください。 【目次】 Gulp, EJS, SASS, browser-sync の gulpfile サンプル（Gulp4.0対応） まとめ ... -
HTML: よく使う EJS のサンプルコード
必要に迫られ、今さらですが Node.js で HTML テンプレートエンジンの EJS を導入しました。 今回は EJS のよく使うサンプルコードをメモしておきます。 【目次】 よく使う EJS のサンプルコード まとめ 【よく使う EJS のサンプルコード】 基本 の中で Ja... -
JavaScript: Bootstrap で「印刷する」ボタンを設置する
Web ブラウザで印刷を行う場合、JavaScript で簡単に実現することができます。 今回は Bootstrap ボタンで「印刷」ボタンを設置する方法をメモしておきます。 【目次】 Bootstrap で「印刷する」ボタンを設置する まとめ 【Bootstrap で「印刷する」ボタン... -
JavaScript: イベントバブリングによる親要素のイベント実行を停止する
親要素に設定されているクリックイベントにより、リンクやボタン等のクリックイベントが実行されない、先に親要素のイベントが発火してしまう、という問題があります。 今回は、イベントが設定されているネストされた要素の、親要素に設定されているイベン... -
Node.js: シェルコマンドを実行する
前回は Node.js を使ってファイルを操作する一覧をご紹介しました。 ファイルの操作ができると、それだけで色々と出来ることが増えていきます。簡単に色々とやれてしまうのが Node.js のいいところです。 今回は Node.js を使ってシェルコマンドを実行する... -
Node.js: よく使うファイル操作の一覧
Node.js はローカルでのちょっとした作業も、シンプルな記述で実行できるのでとても便利です。 ファイルの操作も簡単に実行できてしまうので、うまく利用すれば日々のルーチンワークを半自動化することも可能です。 今回は Node.js でよく使用するファイル... -
JavaScript: エスケープシーケンス一覧
本日は手短に JavaScript エスケープシーケンスの自分用メモです。 【JavaScript エスケープシーケンス一覧】 エスケープシーケンス意味 ¥bバックスペース ¥t水平タブ ¥v垂直タブ ¥n改行 ¥r復帰 ¥f改ページ ¥'シングルクオーテーション ¥"ダブルクオーテー...
