はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

WordPress のビジュアルエディタの自動整形機能(wpautop)の動作が、思わぬ弊害を生むことがあります。自動整形機能といい感じで付き合っていくための設定メモです。 目次 テキストエディタからビジュアルエディタに切り替えたときに pタグ、brタグが消えないようにする 空の pタグが勝手に入り、意図しない余白ができるのを防ぐ 任意の記事だけ wpautop を無効にする ビジュアルエディタに切り替えると、空の span タグや i タグが消えてしまうのを防止 (未解決)ビジュアルエディタに切り替えると data- 属性が消えるのを防止 (解決不可)ビジュアルエディタに切り替えると、インデントや空白行が消える 1. テキストエディタからビジュアルエディタに切り替えたときに pタグ、brタグが消えないようにする TinyMCE Advanced プラグインを使う。 "Keep parag

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? リファレンス コマンド一覧を表示 vagrant list-commands ヘルプ vagrant -h 仮想マシンの操作 vagrant up 仮想マシンの起動。vagrantfileのあるディレクトリ内で実行 vagrant halt 仮想マシンの終了(シャットダウン) vagrant suspend 仮想マシンの一時停止 vagrant resume 仮想マシンの一時停止から復帰 vagrant reload 仮想マシンの再起動 (≒ halt ＆ up) vagrant reload --provision プロビジョニングし

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

※ ここで紹介している"gulp-connect"プラグインは deprecateされた。 後継の"gulp-webserver"プラグインを使うこと（» gulp-webserverプラグインの解説） "gulp-connect"プラグインを使えば、簡単に開発用Webサーバーを立ち上げ、ライブリロードで確認しながら作業することができる 準備 gulpがインストールされていることが前提 gulp-connectのインストール npmで開発用としてインストールする npm install --save-dev gulp-connect gulpfile.jsの編集 gulp-connect - npm のサンプルそのまんま 事前に'app'ディレクトリを作成し、中に'index.html'と'about.html'を入れておく 【ディレクトリ構成】 テスト用ディレクトリ ├ gulpfile

ホームディレクトリにインストールするための手順。 環境は Mac OSX 10.15.7 Catalina。以下、ターミナルでの操作。 すでにインストーラーで入れた node.js と npm が入っている場合、一旦アンインストールする トラブルやゴミファイルの残存を防ぐため、まっさらにしておく。 インストーラーでインストールした node.js のアンインストール npm（ホームディレクトリにある）のアンインストール sudo rm -rf ~/.npm nodebrew のインストールと設定 インストール。ホームディレクトリで以下コマンド curl -L git.io/nodebrew | perl - setup ホームディレクトリにインストールされる（.nodebrewディレクトリ） インストールできたか確認（※helpにハイフン不要） nodebrew help ヘルプが表示され

gulp-webserverプラグインは、開発用のWebサーバーを簡単に立ち上げることができるgulpプラグイン。gulp-connect(すでにdeprecated)を書き直したものである ライブリロード機能も付いてるので gulp-livereload などは不要。ブラウザで表示確認しながら作業に専念することができる node.jsのサーバーなのでPHPは動かない。PHPを動かしたい場合はApache(MacならMAMPにも含む)やnginxを使うこと インストール・使い方 gulpがインストールされていることが前提 gulp-webserver プラグインのインストール npmで開発用としてインストール npm install --save-dev gulp-webserver (今回はプロジェクトディレクトリに入れる。-g オプションでグローバルに(ホームディレクトリ直下)) gu

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? gulpで使うプラグインやnpmモジュールをピックアップ 更新履歴 2016-03-11 更新 2014-07-25 gulp-bower-files がdeprecateされていた。代替は main-bower-files 2014-07-24 gulp-connect がdeprecateされた。代替は後継の gulp-webserver 2014-06-29 gulp-clean の箇所を修正（shinnn様にご指摘いただきました。感謝！m(_ _)m） プラグイン 今は使わない方が良いプラグインリスト - gulpjs/plug

本家サイト：gulp.js Grunt でなく gulp を使う理由 自動化するタスクを登録する設定ファイルを見比べると、gulpの方がはるかにすっきりしていて可読性高い。 新参のgulpはGruntに比べるとプラグインが少ないが、人気があるので今後充実していくだろう。 ルール等をきっちり決めるチーム運用の場合は、Gruntの方が良いらしい。 下記の記事が参考になった。 Gruntとgulpを比較 〜 JSおくのほそ道 ビルドツールまとめ。GruntとかGulpとか (フロント寄り) Build Wars: Gulp vs Grunt（スライド） gulp でできること プラグインを追加することで、様々な処理を自動化できる。例えば… Webサーバー/ライブリロード（gulp-connec） ライブリロードのみ（gulp-livereload） Sass、Compass、CoffeeScri

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ★★ bower list --paths でソースマッピングが確認できる。変更するにはどうすればいい？ 本家サイト：Bower - A package manager for the web BowerはJavaScript,CSS,HTMLなどを依存関係を含めて管理してくれる、フロントエンド用パッケージ管理ツール。Twitter製 各パッケージにある設定ファイル"bower.json"に依存パッケージが記述されており、インストール時に依存パッケージを含めて読み込む仕組み。プロジェクトディレクトリ内にbower.json があれば、そ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?