はてなブックマーク

はじめて使ってみて社内共有用に書いたやつを転載 ###目次 browserSyncについて できること 5分でできる簡易インストール 管理画面の設定 まとめ browserSyncについて Live Reloadができるnode.jsパッケージ 公式サイト Adobe Edge Inspectが似たようなことできるらしいけどbrowserSyncはPCでインストールするだけで拡張機能のインストールや端末へのアプリインストールも不要 参考：Adobe Edge Inspect リモートデバッグ、コード調査イメージ（画像はAdobe Edge Inspectのもの） できること 起動中にソースを変更するとブラウザをライブリロードして反映させる バックエンド依存無し、gulpなどのタスクツールとも連携しても使えるし、単独でも動作可能 apacheとか設定しなくてもターミナルで呼べば起動してくれる

動画の実装に馴染みがなかったので浅く調べたメモとAPIなど各実装時のパラメーターやイベントのまとめや複数設置や実装してみてわかったメモ 特徴 video 要素 メリット コンテンツの一元管理ができる 自由なサイズで埋め込み可能 デメリット 自前のサーバーに置くので負荷の心配 Youtube メリット 自前のサーバーに依存しない 共有性が高い youtubeからや共有先などからの流入経路に期待が持てる SEOに強い（動画単体でインデックスされるので検索で動画の方が上位表示されることもある） デメリット 意図せぬユーザーからのコメント等 サーバーが自前じゃ無いから不慮の事態（動画だけ遅いとか）の復旧等はプラットフォーム依存 停止状態の時の「youtube」のロゴだけはどうやっても消せない ※静止した時にyoutubeのサムネイルではなくオリジナルのサムネイルを用意してかぶせて隠して回避する 比

文字コードはiso-2022-jpが一般的にメーラーで使われてるもの iso-2022-jpで書き出したものをブラウザで開くと文字化けするので、確認用などでhtmlを書き出すときはcharsetをUTF-8で編集してメール用に忘れないようにiso-2022-jpに戻すといい 各メールクライアントのhtml送信方法（調べたものだけ） お客様にメール送信方法を聞かれた時の参考 AirMail Betaはメール作成画面を開いてhtmlモードで貼り付けるだけ 背景画像や背景色ががなければ書き出したhtmlをブラウザで開き、全て選択してコピーするとbody以下のスタイルを保持してクリップボードにコピーされるのでhtmlモードの状態で貼り付ければ使える 例えばPCのgmail（web）の場合、作成 → 右下の三角 → プレーンテキストモードのチェックを外す → 本文に貼り付ける 参考になったもの Th

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? 概要 制作時にブクマしとけばいいのについ毎回検索しちゃうものや ブックマークに埋もれて「あのサイト便利だったのになんて言うやつだっけ？」みたいなやつを防ぐ為に 自分及び社内用に作ったリンク集です。 ルール 会員登録やインストール無しで使える無料のwebツール等 ※例外としてGoogleはログイン可能とします。 オンラインエディタ コード共有 CodePen HTML・CSS・JSをブラウザ上でサクッと試すのに便利。 右上の「New Pen」で無料で使える。 scssやless、coffee scriptやtype scriptに対応して