YoutubeとVimeoの動画の埋め込み用のHTMLダグの作り方
１ベジータがアラレにフルボッコにされます Vegeta VS Arale
▽タイトル付き動画の書き出しサンプル（↑上）
※※※※※※※※※※※※※※※
＞ウインドウズなどOSＸ以外は、こちらをお気に入りバーにドラッグするだけで OKです→ VimeoＵ
※※※※※※※※※※※※※※※
▽動画の埋め込み用のHTMLダグの作成に必要なファイルをダウンロードします（OSX_Safari_Only）
最初に、下記のリンクから
商品検索MeCabブックマークレット体験版の「辞書機能を追加するインストーラ」をダウンロードします
使い方マニュアルを参考にインストールします
＞以下はインストール「完了後」の操作になります（OSX_Safari_Only）
※※※※※※※※※※※※※※※
＞ウインドウズなどOSＸ以外は、こちらをお気に入りバーにドラッグするだけで OKです→ VimeoＵ
※※※※※※※※※※※※※※※
▽動画の埋め込み用のHTMLダグの作成に必要なファイルをダウンロードします（OSX_Safari_Only）
最初に、下記のリンクから
商品検索MeCabブックマークレット体験版の「辞書機能を追加するインストーラ」をダウンロードします
使い方マニュアルを参考にインストールします
＞以下はインストール「完了後」の操作になります（OSX_Safari_Only）
①◎ローカルサーバーの動作を確認します（Apacheサーバーの動作を確認します）
MacOSX 「It works!」→ http://localhost/index.html の内容がブラウザで表示されます
②◎PHPプログラムの動作確認
http://localhost/phpinfo.php（→PHPの設定情報***が表示されたらPHPは機能しています）
③◎動画の埋め込み用のHTMLダグを作成するためのブックマークレットを登録します→「完了」
下のリンクを「お気に入りバー」にドラッグしてください
動画を埋め込むためのHTML書き出し →「お気に入りバー」（タイトルは使いやすいように短くします
例→ VimeoⓊ
※※※※※※※※※※※※※※※
＞ウインドウズなどOSＸ以外は、こちらをお気に入りバーにドラッグするだけで OKです→ VimeoＵ
※※※※※※※※※※※※※※※
▽WEBページに動画を埋め込むための「HTML文字列」を作成するブックマークレットの使い方
①◎最初に、Youtube または Vimeo の動画視聴ページをブラウザで表示します
https://www.youtube.com/watch?v=＊＊＊＊＊＊
https://vimeo.com/＊＊＊＊＊＊
②◎お気に入りバーにドロップした「VimeoⓊ」をクリックします
③◎ウインドウに表示される文字列をコピーします→「完了」（キャンセルボタンで閉じます）
例:）最初の値は、横幅が可変します（親要素に幅が設定されていない場合）
<DIV style="position: relative; width: 100%; margin-bottom: 6px; padding-top: 56.25%;">
<iframe width="480" height="270" src="https://www.youtube.com/embed/GSXNe45pbBM?feature=oembed&rel=0&showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen="" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;">
</iframe>
</DIV>
<BR>
▽書き出し
①◎タイトルを追加→「OK」
②◎タイトルを追加し、横幅を設定します→「６４０」
③◎横幅を設定します→「６４０ｔ」△末尾を「ｔ」タイトルは追加しません
また、
タイトルの表示に使用するスタイルシートを追加しない場合は、先頭に「Ｃ」を入力します
①◎タイトルを追加→「Ｃ」
②◎タイトルを追加し、横幅を設定します→「ｃ６４０」
MacOSX 「It works!」→ http://localhost/index.html の内容がブラウザで表示されます
②◎PHPプログラムの動作確認
http://localhost/phpinfo.php（→PHPの設定情報***が表示されたらPHPは機能しています）
③◎動画の埋め込み用のHTMLダグを作成するためのブックマークレットを登録します→「完了」
下のリンクを「お気に入りバー」にドラッグしてください
動画を埋め込むためのHTML書き出し →「お気に入りバー」（タイトルは使いやすいように短くします
例→ VimeoⓊ
※※※※※※※※※※※※※※※
＞ウインドウズなどOSＸ以外は、こちらをお気に入りバーにドラッグするだけで OKです→ VimeoＵ
※※※※※※※※※※※※※※※
▽WEBページに動画を埋め込むための「HTML文字列」を作成するブックマークレットの使い方
①◎最初に、Youtube または Vimeo の動画視聴ページをブラウザで表示します
https://www.youtube.com/watch?v=＊＊＊＊＊＊
https://vimeo.com/＊＊＊＊＊＊
②◎お気に入りバーにドロップした「VimeoⓊ」をクリックします
③◎ウインドウに表示される文字列をコピーします→「完了」（キャンセルボタンで閉じます）
例:）最初の値は、横幅が可変します（親要素に幅が設定されていない場合）
<DIV style="position: relative; width: 100%; margin-bottom: 6px; padding-top: 56.25%;">
<iframe width="480" height="270" src="https://www.youtube.com/embed/GSXNe45pbBM?feature=oembed&rel=0&showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen="" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;">
</iframe>
</DIV>
<BR>
▽書き出し
①◎タイトルを追加→「OK」
②◎タイトルを追加し、横幅を設定します→「６４０」
③◎横幅を設定します→「６４０ｔ」△末尾を「ｔ」タイトルは追加しません
また、
タイトルの表示に使用するスタイルシートを追加しない場合は、先頭に「Ｃ」を入力します
①◎タイトルを追加→「Ｃ」
②◎タイトルを追加し、横幅を設定します→「ｃ６４０」
Finderアプリから右クリックでジャバスクリプトを圧縮するサービスメニューの使い方
▽ジャバスクリプトを圧縮します
※※※※※※※※※※※※※※※
＞ウインドウズなどOSＸ以外は、こちらの入力欄をご利用ください（1MBまでの制限があります）
※※※※※※※※※※※※※※※
▽入力フォームの使い方（1MBまで）
①◎最初に、テンプレートを選択します→「１」「２」「３」
②◎ここに処理の本体を記述のところに、プログラムを記入します→「Optimaize」
③◎書き出し先リンクも生成します→「クリック」
※※※※※※※※※※※※※※※
＞OSXの場合は、Finderアプリのサービスメニューに追加します（△上限なし）
※※※※※※※※※※※※※※※
▽JSを圧縮するサービスメニューの作成に必要なファイルをダウンロードします（OSX_Finder_Only）
http://snowjobs.php.xdomain.jp/tools/services/JSを圧縮.ZIP（サービスメニュー）
次に、以下の圧縮ファイルをダウンロードし「解凍」します
https://dl.google.com/closure-compiler/compiler-latest.zip（Javaプログラム △7.1MB）
解凍して生成された
「compiler-latest/closure-compiler-v2018＊＊＊.jar」を JSを圧縮/Javaフォルダにコピーして（移動して）
「compiler.jar」にファイル名を変更してください。
▽「JSを圧縮」フォルダは、こちらにも同封されています（他のツールといっしょに）
下記のリンクから
商品検索MeCabブックマークレット体験版の「辞書機能を追加するインストーラ」をダウンロードします
辞書機能を追加 /tools/３JSを圧縮する/「JSを圧縮」フォルダ
▽設定方法
①◎compiler.jar を含む「Javaフォルダ」をアプリケーションフォルダにコピーします
※※※「OPTION」＋ドラッグしてコピーします ※※※
JSを圧縮/Javaフォルダ→「/Applications」
②◎サービスフォルダに「JSを圧縮/Action/JSを圧縮.workflow」を移動します
JSを圧縮/Action/JSを圧縮.workflow →「/Users/あなたのホームフォルダ/Library/Services」
③◎システム環境設定アプリを起動します
Ⓐ◎キーボード→「ショートカット」→「サービス」（歯車のマーク）
Ⓑ▽ファイルとフォルダ
「JSを圧縮」にチェックを入れます→「ON」
※※※※※※※※※※※※※※※※
▽圧縮ファイルの作成方法
例:）
①◎Finderアプリで「ジャバスクリプトのファイル」を選択します
②◎右クリック→「サービス」→「JSを圧縮」
③◎同じフォルダに「ファイル名＋.min.js」のファイルが作成されます
＞ソースコード/01_Program/comment_demo.js
comment_demo.min.js
△注意事項
圧縮した後も「ジャバスクリプトのファイル」は当然そのまま残ります
圧縮ファイルを作成する前に「comment_demo.min.js」が存在すると、上書きされます
このプログラムは
s.pressアプリでは、変換されない日本語の文字列を「ユニコード」に変換してくれます
▽Closure Compiler Application（開発者ページ）
Getting Started with the Closure Compiler Application | Closure Compiler | Google Developers
※※※※※※※※※※※※※※※
＞ウインドウズなどOSＸ以外は、こちらの入力欄をご利用ください（1MBまでの制限があります）
※※※※※※※※※※※※※※※
▽入力フォームの使い方（1MBまで）
①◎最初に、テンプレートを選択します→「１」「２」「３」
②◎ここに処理の本体を記述のところに、プログラムを記入します→「Optimaize」
③◎書き出し先リンクも生成します→「クリック」
※※※※※※※※※※※※※※※
＞OSXの場合は、Finderアプリのサービスメニューに追加します（△上限なし）
※※※※※※※※※※※※※※※
▽JSを圧縮するサービスメニューの作成に必要なファイルをダウンロードします（OSX_Finder_Only）
http://snowjobs.php.xdomain.jp/tools/services/JSを圧縮.ZIP（サービスメニュー）
次に、以下の圧縮ファイルをダウンロードし「解凍」します
https://dl.google.com/closure-compiler/compiler-latest.zip（Javaプログラム △7.1MB）
解凍して生成された
「compiler-latest/closure-compiler-v2018＊＊＊.jar」を JSを圧縮/Javaフォルダにコピーして（移動して）
「compiler.jar」にファイル名を変更してください。
▽「JSを圧縮」フォルダは、こちらにも同封されています（他のツールといっしょに）
下記のリンクから
商品検索MeCabブックマークレット体験版の「辞書機能を追加するインストーラ」をダウンロードします
辞書機能を追加 /tools/３JSを圧縮する/「JSを圧縮」フォルダ
▽設定方法
①◎compiler.jar を含む「Javaフォルダ」をアプリケーションフォルダにコピーします
※※※「OPTION」＋ドラッグしてコピーします ※※※
JSを圧縮/Javaフォルダ→「/Applications」
②◎サービスフォルダに「JSを圧縮/Action/JSを圧縮.workflow」を移動します
JSを圧縮/Action/JSを圧縮.workflow →「/Users/あなたのホームフォルダ/Library/Services」
③◎システム環境設定アプリを起動します
Ⓐ◎キーボード→「ショートカット」→「サービス」（歯車のマーク）
Ⓑ▽ファイルとフォルダ
「JSを圧縮」にチェックを入れます→「ON」
※※※※※※※※※※※※※※※※
▽圧縮ファイルの作成方法
例:）
①◎Finderアプリで「ジャバスクリプトのファイル」を選択します
②◎右クリック→「サービス」→「JSを圧縮」
③◎同じフォルダに「ファイル名＋.min.js」のファイルが作成されます
＞ソースコード/01_Program/comment_demo.js
comment_demo.min.js
△注意事項
圧縮した後も「ジャバスクリプトのファイル」は当然そのまま残ります
圧縮ファイルを作成する前に「comment_demo.min.js」が存在すると、上書きされます
このプログラムは
s.pressアプリでは、変換されない日本語の文字列を「ユニコード」に変換してくれます
▽Closure Compiler Application（開発者ページ）
Getting Started with the Closure Compiler Application | Closure Compiler | Google Developers
※※※※※※※※※※※※※※※
＞ウインドウズなどOSＸ以外は、こちらの入力欄をご利用ください（1MBまでの制限があります）
※※※※※※※※※※※※※※※
▽入力フォームの使い方（1MBまで）
①◎最初に、テンプレートを選択します→「１」「２」「３」
②◎ここに処理の本体を記述のところに、プログラムを記入します→「Optimaize」
③◎ブックマークレットリンクを「お気に入りバー」にドラッグして登録することもできます
※※※※※※※※※※※※※※※
＞OSXの場合は、Finderアプリのサービスメニューに追加します（△上限なし）
※※※※※※※※※※※※※※※
▽ブックマークレットの作成に必要なファイルをダウンロードします（OSX_Finder_Only）
http://snowjobs.php.xdomain.jp/tools/services/JSを圧縮.ZIP（サービスメニュー）
次に、以下の圧縮ファイルをダウンロードし「解凍」します
https://dl.google.com/closure-compiler/compiler-latest.zip（Javaプログラム △7.1MB）
解凍して生成された
「compiler-latest/closure-compiler-v2018＊＊＊.jar」を JSを圧縮/Javaフォルダにコピーして（移動して）
「compiler.jar」にファイル名を変更してください。
▽「JSを圧縮」フォルダは、こちらにも同封されています（他のツールといっしょに）
下記のリンクから
商品検索MeCabブックマークレット体験版の「辞書機能を追加するインストーラ」をダウンロードします
辞書機能を追加 /tools/３JSを圧縮する/「JSを圧縮」フォルダ
▽設定方法
①◎compiler.jar を含む「Javaフォルダ」をアプリケーションフォルダにコピーします
※※※「OPTION」＋ドラッグしてコピーします ※※※
JSを圧縮/Javaフォルダ→「/Applications」
②◎サービスフォルダに「JSを圧縮/Action/ブックマークレットの作成.workflow」を移動します
JSを圧縮/Action/ブックマークレットの作成.workflow →「/Users/あなたのホームフォルダ/Library/Services」
③◎システム環境設定アプリを起動します
Ⓐ◎キーボード→「ショートカット」→「サービス」（歯車のマーク）
Ⓑ▽ファイルとフォルダ
「ブックマークレットの作成」にチェックを入れます→「ON」
※※※※※※※※※※※※※※※※
▽ブックマークレットの作成方法
例:）
Ⓐ◎最初に、テンプレートファイルをコピーして「ジャバスクリプトのファイル」を作成します
「JSを圧縮/Action/bookmarklet_sample」フォルダ
１template.js
２jQuery_template.js ←２ブックマークレットでjQueryを使う場合のテンプレート
３jQueryUI_template.js
Ⓑ◎ここに処理の本体を記述のところに、プログラムを記入し、完成させます→「＊＊＊.js」
▽完成後の操作
①◎Finderアプリで「ジャバスクリプトのファイル」を選択します
②◎右クリック→「サービス」→「ブックマークレットの作成」
③◎同じフォルダに「ファイル名＋_demo_Bkml.min.js」のファイルが作成されます※※※※※※
＞ソースコード/01_Program/comment_demo.js
comment_demo_Bk.min.js 「圧縮のみ」
comment_demo_Bkml.min.js 「圧縮とURIエンコード」※※※※※
④◎書き出し内容は、クリップボードにも「コピー」されています※※※
▽ブックマークレットの登録方法
①◎Safariブラウザのメニューバー「ブックマーク」→「ブックマークを編集...」
「お気に入り」をクリックし、項目を「OPTION」＋ドラッグして複製し、編集します
Ⓐ◎名前→「適当に名前を付けます」
Ⓑ◎アドレス欄に「ペースト」してください※※※※※※
△注意事項
圧縮した後も「ジャバスクリプトのファイル」は当然そのまま残ります
圧縮ファイルを作成する前に「comment_demo_Bk.min.js」が存在すると、上書きされます
このプログラムは
s.pressアプリでは、変換されない日本語の文字列を「ユニコード」に変換してくれます
▽Closure Compiler Application（開発者ページ）
Getting Started with the Closure Compiler Application | Closure Compiler | Google Developers