はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? wp-cliは、WordPressのコマンドラインツール。コマンドで WordPress やデータベースの様々な操作ができる。仮想環境なら、仮想マシンにログインした状態で実行する。 » エックスサーバー(XServer)で SSH接続し、PHP のバージョン切替えと WP-CLI のインストールをするまでの手順 wp-cli コマンドの一例 » コマンド一覧 プラグイン wp plugin install broken-link-checker contact-form-7 --activate インストール。--activate オプ

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

💀 Webフォントの問題点 Webフォントに限らず、ブラウザでテキストを表示する過程には、フォントの読み込み作業が存在します。また、フォントを読み終えるまではテキストを表示させない機能1がブラウザには組み込まれています。 ローカル環境下のフォントであれば読み込みに時間はあまりかからないので問題ありませんが、webフォントの場合はローカルフォントと比べると読み込みに多くの時間を要してしまいます。 この機能の影響で、ページのロードをしてからテキストが表示されるまでの間、ユーザーはテキストを読むことができない為、不満や苛立ちを覚え、体験価値の低下やページの離脱を引き起こすと考えられます。 ⚔️ 'font-display'プロパティでこの問題に立ち向かう font-displayというCSSプロパティを用いることで、webフォントを読み終えるまではローカルフォントを代替的にロードし、テキストの

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?

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

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

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

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?