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Ⓤ」をクリックします
(クリップボードにコピーしておいた)書き出したいフォルダの「名前」をペーストして指定します
⑤◎書き出し先を選択します(3つあります)
Ⓐ◎ローカルホスト(自身のコンピュータでしか利用できません)→ http://localhost/data/tool/***.css|
Ⓑ◎インターネット上の公開プログラムを使う→ https://snowjobs.bitbucket.io/data/tool/***.css|***.js
Ⓒ◎あなたのブログなどのWEBサイト→ 例: http://snowjobs.blog.jp/data/tool/***.css|***.js
▽書き出し先を「任意のもの」に指定する場合は、以下の2つの操作が必要です
①◎プログラムとスタイルシートおよび fontsフォルダを「アップロード」します(toolフォルダ内の5つ)
/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」をテキストエディタで開いて、書き出し先を登録します(24行目)
//①◎あなたのブログなどの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Ⓤ」をクリックします
(クリップボードにコピーしておいた)書き出したいフォルダの「名前」をペーストして指定します
⑤◎書き出し先を選択します(3つあります)
Ⓐ◎ローカルホスト(自身のコンピュータでしか利用できません)→ http://localhost/data/tool/***.css|
Ⓑ◎インターネット上の公開プログラムを使う→ https://snowjobs.bitbucket.io/data/tool/***.css|***.js
Ⓒ◎あなたのブログなどのWEBサイト→ 例: http://snowjobs.blog.jp/data/tool/***.css|***.js
▽書き出し先を「任意のもの」に指定する場合は、以下の2つの操作が必要です
①◎プログラムとスタイルシートおよび fontsフォルダを「アップロード」します(toolフォルダ内の5つ)
/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」をテキストエディタで開いて、書き出し先を登録します(24行目)
//①◎あなたのブログなどの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」キーを押しながらドラッグしてください→▢▢▢
※※※※※※※※※※※※※※※
>ウインドウズなどOSX以外は、こちらをお気に入りバーにドラッグするだけで OKです→ VimeoU
※※※※※※※※※※※※※※※
▽動画の埋め込み用の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Ⓤ
※※※※※※※※※※※※※※※
>ウインドウズなどOSX以外は、こちらをお気に入りバーにドラッグするだけで OKです→ VimeoU
※※※※※※※※※※※※※※※
▽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」
②◎タイトルを追加し、横幅を設定します→「640」
③◎横幅を設定します→「640t」△末尾を「t」タイトルは追加しません
また、
タイトルの表示に使用するスタイルシートを追加しない場合は、先頭に「C」を入力します
①◎タイトルを追加→「C」
②◎タイトルを追加し、横幅を設定します→「c640」