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」にファイル名を変更してください。
▽設定方法
①◎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
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」にファイル名を変更してください。
▽設定方法
①◎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
ブックマークメニューの作り方
▽ブックマークメニューの書き出しサンプル（↑上は「画像イメージ」で動作しません）
フリーフォントのブックマークメニューを開く
▽ブックマークメニューの使い方
通常のブックマークの操作と同じで
「フォルダ」をクリックして開閉します
▽フォルダやリンクをドラッグして「テキストエディタ」などに文字情報をペーストできます
▽ブックマークメニューの作成に必要なファイルをダウンロードします（OSX_Safari_Only）
最初に、下記のリンクから
商品検索MeCabブックマークレット体験版の「辞書機能を追加するインストーラ」をダウンロードします
使い方マニュアルを参考にインストールします
＞以下はインストール「完了後」の操作になります
▽ブックマークメニューの作り方（OSX_Safari_Only）
フリーフォントのブックマークメニューを開く
▽ブックマークメニューの使い方
通常のブックマークの操作と同じで
「フォルダ」をクリックして開閉します
▽フォルダやリンクをドラッグして「テキストエディタ」などに文字情報をペーストできます
▽ブックマークメニューの作成に必要なファイルをダウンロードします（OSX_Safari_Only）
最初に、下記のリンクから
商品検索MeCabブックマークレット体験版の「辞書機能を追加するインストーラ」をダウンロードします
使い方マニュアルを参考にインストールします
＞以下はインストール「完了後」の操作になります
▽ブックマークメニューの作り方（OSX_Safari_Only）
①◎ローカルサーバーの動作を確認します（Apacheサーバーの動作を確認します）
MacOSX 「It works!」→ http://localhost/index.html の内容がブラウザで表示されます
②◎PHPプログラムの動作確認
http://localhost/phpinfo.php（→PHPの設定情報***が表示されたらPHPは機能しています）
③◎ブックマークメニューを作成するためのブックマークレットを登録します→「完了」
下のリンクを「お気に入りバー」にドラッグしてください
ブックマークメニューのHTML書き出し →「お気に入りバー」（タイトルは使いやすいように短くします
例→ BK_mⓊ
▽最初にデータファイルをブラウザから直接開けるように設定を変更します→▢▢▢
①◎メニューバー→「Safari」→「環境設定...」
②◎セキュリティタブ
▢ーポップアップウインドウを開かないを「OFF」にします
▽ブックマークメニューの「HTML文字列」を書き出すブックマークレットの使い方
①◎最初に「書き出したいフォルダ」を複製し、お気に入りメニューの上に配置します→「OPTION」＋ドラッグ
メニューバー→「ブックマーク」→「ブックマークを編集」
②◎次に、書き出したいフォルダの「名前」をクリップボードにコピーします
③◎ブラウザに登録されているすべてのブックマークをHTML形式で書き出します→▢▢▢
メニューバー→「ファイル」→「ブックマークを書き出す...」→ Safariのブックマーク.html
④◎Safariのブックマーク.html を開き「BK_mⓊ」をクリックします
（クリップボードにコピーしておいた）書き出したいフォルダの「名前」をペーストして指定します
⑤◎書き出し先を選択します（３つあります）
Ⓐ◎ローカルホスト（自身のコンピュータでしか利用できません）→ http://localhost/data/tool/＊＊＊.css｜
Ⓑ◎インターネット上の公開プログラムを使う→ https://snowjobs.bitbucket.io/data/tool/＊＊＊.css｜＊＊＊.js
Ⓒ◎あなたのブログなどのWEBサイト→ 例: http://snowjobs.blog.jp/data/tool/＊＊＊.css｜＊＊＊.js
▽書き出し先を「任意のもの」に指定する場合は、以下の２つの操作が必要です
①◎プログラムとスタイルシートおよび fontsフォルダを「アップロード」します（toolフォルダ内の５つ）
/Library/WebServer/Documents/data/tool/＊＊＊.css｜＊＊＊.js ｜fontsフォルダ→
（辞書機能を追加/①◎ローカルサーバーへドロップ/data/tool/＊＊＊）
例: http://snowjobs.blog.jp/data/tool/jquery.min.js
http://snowjobs.blog.jp/data/tool/jquery.ui.touch-punch.js
http://snowjobs.blog.jp/data/tool/btn2html.min.js
http://snowjobs.blog.jp/data/tool/btn2html.css
http://snowjobs.blog.jp/data/tool/fonts
②◎toolフォルダの「myUser_data.php」をテキストエディタで開いて、書き出し先を登録します（２４行目）
//①◎あなたのブログなどのWEBサイト（toolフォルダを指定します）
define("BLOG_TOOL", "http://snowjobs.blog.jp/data/tool");
⑥◎作業が完了すると「新規タブ」で書き出し内容が表示されます→▢▢▢
▽ブログに書き出す場合のサンプル
（http://localhost/data/tool/Export_file/Export_bookmark.html に書き出されます）
<!DOCTYPE NETSCAPE-Bookmark-file-1>
<HTML>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
<script type="text/javascript" charset="utf-8" src="http://snowjobs.blog.jp/data/tool/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8" src="http://snowjobs.blog.jp/data/tool/jquery.ui.touch-punch.js"></script>
<script type="text/javascript" charset="utf-8" src="http://snowjobs.blog.jp/data/tool/btn2html.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://snowjobs.blog.jp/data/tool/btn2html.css">
<DIV class="btn2html">...
</HTML>
⑦◎ブックマークメニューの作成
以下の手順で「文字列」をコピーした後、新規書類にペーストし拡張子を.html にして保存します→「完了」
▽新規タブを表示中に
①◎メニューバー「開発」→「Webインスペクタを表示」
②◎▷<html>...→「右クリック」→「HTMLとしてコピー」
または、Finderアプリで「/Library/WebServer/Documents/data/tool/Export_file/Export_bookmark.html」を
別の場所に「OPTION」キーを押しながらドラッグしてください→▢▢▢
MacOSX 「It works!」→ http://localhost/index.html の内容がブラウザで表示されます
②◎PHPプログラムの動作確認
http://localhost/phpinfo.php（→PHPの設定情報***が表示されたらPHPは機能しています）
③◎ブックマークメニューを作成するためのブックマークレットを登録します→「完了」
下のリンクを「お気に入りバー」にドラッグしてください
ブックマークメニューのHTML書き出し →「お気に入りバー」（タイトルは使いやすいように短くします
例→ BK_mⓊ
▽最初にデータファイルをブラウザから直接開けるように設定を変更します→▢▢▢
①◎メニューバー→「Safari」→「環境設定...」
②◎セキュリティタブ
▢ーポップアップウインドウを開かないを「OFF」にします
▽ブックマークメニューの「HTML文字列」を書き出すブックマークレットの使い方
①◎最初に「書き出したいフォルダ」を複製し、お気に入りメニューの上に配置します→「OPTION」＋ドラッグ
メニューバー→「ブックマーク」→「ブックマークを編集」
②◎次に、書き出したいフォルダの「名前」をクリップボードにコピーします
③◎ブラウザに登録されているすべてのブックマークをHTML形式で書き出します→▢▢▢
メニューバー→「ファイル」→「ブックマークを書き出す...」→ Safariのブックマーク.html
④◎Safariのブックマーク.html を開き「BK_mⓊ」をクリックします
（クリップボードにコピーしておいた）書き出したいフォルダの「名前」をペーストして指定します
⑤◎書き出し先を選択します（３つあります）
Ⓐ◎ローカルホスト（自身のコンピュータでしか利用できません）→ http://localhost/data/tool/＊＊＊.css｜
Ⓑ◎インターネット上の公開プログラムを使う→ https://snowjobs.bitbucket.io/data/tool/＊＊＊.css｜＊＊＊.js
Ⓒ◎あなたのブログなどのWEBサイト→ 例: http://snowjobs.blog.jp/data/tool/＊＊＊.css｜＊＊＊.js
▽書き出し先を「任意のもの」に指定する場合は、以下の２つの操作が必要です
①◎プログラムとスタイルシートおよび fontsフォルダを「アップロード」します（toolフォルダ内の５つ）
/Library/WebServer/Documents/data/tool/＊＊＊.css｜＊＊＊.js ｜fontsフォルダ→
（辞書機能を追加/①◎ローカルサーバーへドロップ/data/tool/＊＊＊）
例: http://snowjobs.blog.jp/data/tool/jquery.min.js
http://snowjobs.blog.jp/data/tool/jquery.ui.touch-punch.js
http://snowjobs.blog.jp/data/tool/btn2html.min.js
http://snowjobs.blog.jp/data/tool/btn2html.css
http://snowjobs.blog.jp/data/tool/fonts
②◎toolフォルダの「myUser_data.php」をテキストエディタで開いて、書き出し先を登録します（２４行目）
//①◎あなたのブログなどのWEBサイト（toolフォルダを指定します）
define("BLOG_TOOL", "http://snowjobs.blog.jp/data/tool");
⑥◎作業が完了すると「新規タブ」で書き出し内容が表示されます→▢▢▢
▽ブログに書き出す場合のサンプル
（http://localhost/data/tool/Export_file/Export_bookmark.html に書き出されます）
<!DOCTYPE NETSCAPE-Bookmark-file-1>
<HTML>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
<script type="text/javascript" charset="utf-8" src="http://snowjobs.blog.jp/data/tool/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8" src="http://snowjobs.blog.jp/data/tool/jquery.ui.touch-punch.js"></script>
<script type="text/javascript" charset="utf-8" src="http://snowjobs.blog.jp/data/tool/btn2html.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://snowjobs.blog.jp/data/tool/btn2html.css">
<DIV class="btn2html">...
</HTML>
⑦◎ブックマークメニューの作成
以下の手順で「文字列」をコピーした後、新規書類にペーストし拡張子を.html にして保存します→「完了」
▽新規タブを表示中に
①◎メニューバー「開発」→「Webインスペクタを表示」
②◎▷<html>...→「右クリック」→「HTMLとしてコピー」
または、Finderアプリで「/Library/WebServer/Documents/data/tool/Export_file/Export_bookmark.html」を
別の場所に「OPTION」キーを押しながらドラッグしてください→▢▢▢
※※※※※※※※※※※※※※※
＞ウインドウズなどOSＸ以外は、こちらをお気に入りバーにドラッグするだけで OKです→ VimeoＵ
※※※※※※※※※※※※※※※
▽動画の埋め込み用のHTMLダグの作成に必要なファイルをダウンロードします（OSX_Safari_Only）
最初に、下記のリンクから
商品検索MeCabブックマークレット体験版の「辞書機能を追加するインストーラ」をダウンロードします
使い方マニュアルを参考にインストールします
＞以下はインストール「完了後」の操作になります（OSX_Safari_Only）
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」
②◎タイトルを追加し、横幅を設定します→「６４０」
③◎横幅を設定します→「６４０ｔ」△末尾を「ｔ」タイトルは追加しません
また、
タイトルの表示に使用するスタイルシートを追加しない場合は、先頭に「Ｃ」を入力します
①◎タイトルを追加→「Ｃ」
②◎タイトルを追加し、横幅を設定します→「ｃ６４０」