▽この記事は「PC_パソコン用です
スマートフォンでは、記事が分割されるためこちらをクリックしてページを移動してください同じ内容です
ジャバスクリプトを圧縮します
※※※※※※※※※※※※※※※
ウインドウズなどOSX以外は、こちらの入力欄をご利用ください1MBまでの制限があります
※※※※※※※※※※※※※※※
入力欄とボタンの使い方
①◎最初にテンプレートを選択します」「」「
②◎ここに処理の本体を記述のところにプログラムを記入しますOptimaize
③◎書き出し先リンクも生成しますクリック
OptimizeRESET
※※※※※※※※※※※※※※※
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
*************
*************
OSXをお使いの方へ***商品検索MeCabブックマークレットのご案内******
あなたが普段表示するWEBページワンクリック機能追加するアプリです
ジャバスクリプトを読み込めない場合を除き、
どこのページにも機能を追加でき、WEBページを開いてボタンをクリックするだけですぐご利用いただけます
お客様にしていただくのはキーボードを押すこと***マウスを操作することだけです
1こんな使い方もできますー英語の単語帳
例えば英語の授業で、分からない単語辞書で調べてノートに書き写し、次の授業に備える
辞書で調べた内容から、さらに辞書を引く
このようないわゆる単語帳スマートに作成する機能があります(内蔵辞書を使用***
スキャナのOCR文字読み取り機能を使って、文字列を読み取りさえすれば、
スムースに単語帳A4用紙印刷できます。(横向き4列
辞書の検索結果は、ドラッグして並べ替え削除でき、必要な部分だけ印刷できます
すべてを手書きで書き写すのはとても大変です。
文字列パソコン内に読み込みさえすれば、速攻でしかも美しく印刷できます
友達にコピーしてあげると喜ばれるかもしれません。
*************
上の例は、表示中のWEBページの内容を使って、通常コンテンツを表示印刷する機能を使用したものです
外部からの読み込みにも対応させることで単語帳の作成可能となっています
詳しくは1通常コンテンツのプリント手順
***********************
2英語の読み上げもスムース
また、OSXにはびっくりするくらいすごい英語読み上げエンジン搭載されていますこれも使用できます
英文を選択後キーを押すと、読み上げが開始されます。***|
右手のマウス文字列ドラッグし、左手でキーを押します。
英文連続して読み上げたい場合心地よくスムースに操作していただけます
3こんな使い方もできますー商品コレクションの印刷
このブックマークレットにはバーコード付き商品アイテムを作成、印刷する機能もあります
お客様自分で好きなモノを自由に選んで、商品コレクションいつでも作成できるようになります***
商品ボックスには、
商品リンク画像文字情報商品バーコードGPS+建物内コードQRコードURLリンク集|など...
弁当箱調理したモノを詰めるように、コンパクトでスマートに情報を収納できます編集も自在です
またゼロから作成することもできます
例えばアマゾンの商品ページで、適当な文字列を選択後にキーを押す商品ボックスが表示されます ***|Amazon|***
その後キーを押して商品アイテム一覧ウインドウを新規に作成し、このウインドウから印刷する流れになります。***|
2つ目以降の場合は、このウインドウ商品アイテム直接ドラッグして追加します_▢▢▢__▢▢▢
商品アイテム一覧ウインドウ書き出しサンプル別ページの最後尾に用意しました
商品ボックスの操作方法や印刷手順も、こちらに記載しました書き出しサンプルへ移動します
***********************
あなたが普段表示するWEBページから
次から次とモノが溢れ出てくる感じ
それをスマートにコントロールしたとき心地よさ体験してもらいたいです
***
***********************
作成者側から見た)商品検索MeCabブックマークレットとは******
WEBページ単語情報を埋め込みポップアップ表示させるための統合ツールです。
ゼロからデータを作成するところから始まって
サーバーへのデータ送信表示印刷、さらにデータベースを使った共有表示まで
これらの一連のすべての操作を、ブラウザから行います
データは、同じサイト内別の場所アップロードされます
なのでWEBページまったく汚しません
*************************************
販売者のページでは、単に表示させるだけでなく
WEBページ内単語情報を埋め込む時などに、自由に使ってもらえる基礎データを取得させる役割を併せ持ちます
販売されるその商品に関するさまざまな情報を発生させるになります***
テレビCM新聞・雑誌の広告は、一度表示したら消えてしまいます
あなたの作った広告あなたの販売する商品の広告
その商品に興味の有る方不自然なく手元にストックしていだだけるとしたら、うれしいですよね
主に、販売者からご提供いただいく基本情報を元に
作成者が)それぞれ独自商品の広告と情報コンテンツの提供同時に行えるようにすることで
使う方、作る方、販売される方、それぞれの方メリットのある仕組みになっています***
*************************************
例えば、普通にダイレクトメールを送ってもほとんどの場合ゴミ箱に捨てられてしまいます
この仕組みは、それとは、真逆の発想です。
*************************************
最も知っていただきたいことはこの考え方とか思想に関する部分ですこれに比べれば、他は重要ではありません
そして種が有機的につながる仕組みを持つことによってどうなるのか想像してみてほしいということだけですFUTURE余談)】
*************************************
動画付き使い方ガイド(ダウンロード先はこちら)スマートフォンで表示する場合はこちらから


ブックマークメニューの書き出しサンプル↑上は「画像イメージで動作しません
IOSソフトウェア1のブックマークメニューを開く

▽この記事は「PC_パソコン用です
スマートフォンでは、記事が分割されるためこちらをクリックしてページを移動してください同じ内容です
ブックマークメニューの使い方
通常のブックマークの操作同じで
フォルダクリックして開閉します
フォルダリンクドラッグしてテキストエディタなどに文字情報ペーストできます_▢▢▢
**************「INSTALL_FILE」**************
ブックマークメニューの作成に必要なファイルをダウンロードします(OSX_Safari_Only)
最初に、下記のリンクから
商品検索MeCabブックマークレットまたは体験版ダウンロードします***
使い方マニュアルを参考にインストールします
http://snowjobs.blog.jp/archives/mecab_outline.html

**************「BOOKMARKLET_DROP」**************
>以下はインストール完了後の操作になります
インストール後のCHECK
①◎ローカルサーバーの動作を確認しますApacheサーバーの動作確認します)
 MacOSX  「It works!」 http://localhost/index.html内容 ブラウザで表示されます
②◎PHPプログラム動作確認
 http://localhost/phpinfo.phpPHPの設定情報が表示されたらPHPは機能しています
③◎ブックマークメニューを作成するためブックマークレット登録します完了
 下のリンクを「お気に入りバードラッグしてください
   ブックマークメニューのHTML書き出し お気に入りバー」(タイトルは使いやすいように短くしてください)
BK_mⓊ
最初データファイルブラウザから直接開けるように設定を変更します→_▢▢▢
①◎メニューバーSafari環境設定...
②◎セキュリティタブ
  ポップアップウインドウを開かないOFFにします

**************「EXPORT_ALL_BOOKMARK」**************
ブックマークメニューHTML文字列書き出すブックマークレット使い方(OSX_Safari_Only)
①◎最初に書き出したいフォルダ」を複製しお気に入りメニューの上配置しますOPTION」+ドラッグ
メニューバーブックマークブックマークを編集
②◎次に、書き出したいフォルダの「名前クリップボードコピーします
③◎ブラウザに登録されているすべてのブックマークHTML形式書き出します→ ▢▢▢_ALL_▢▢▢
メニューバーファイルブックマークを書き出す... Safariのブックマーク.html
**************「USE_OF_BOOKMARKLET」**************
④◎Safariのブックマーク.html 開きBK_mⓊブックマークレットクリックします***
クリップボードコピーしておいた書き出したいフォルダの「名前」をペーストして指定します
書き出し先を選択します
 ローカルホスト自身のコンピュータでしか使用できません http://localhost/data/tool/***.js|style /***.css
 インターネット上の公開プログラムを使う https://snowjobs.bitbucket.io/data/tool/***.js|style /***.css
あなたのブログなどのWEBサイト :  http://snowjobs.blog.jp/data/tool/***.js|style /***.css
書き出し先任意のもの指定する場合は、以下の2つの操作必要です書き出し先がの場合
プログラムスタイルシート および fontsフォルダアップロードします(toolフォルダにある5つのファイル
/Library/WebServer/Documents/data/tool/***.js |style /***.css|style / fontsフォルダ
体験版の使い方/①◎ローカルサーバーへドロップ/data/tool/***)
使い方説明書 /①◎ローカルサーバーへドロップ/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/style/ btn2html.css ***スタイルシート
    http://snowjobs.blog.jp/data/tool/style/ fontsフォルダ  ***アイコンフォントの収納場所(6ファイル)
toolフォルダにある「myUser_data.php」テキストエディタで開いて、書き出し先を登録します24行目
PHP
//①◎あなたのブログなどのWEBサイト(toolフォルダを指定します)
	define("BLOG_TOOL",	"http://snowjobs.blog.jp/data/tool");
**************「EXPORT_HTML」**************
⑤◎作業が完了すると新規タブ」で書き出し内容表示されます→_▢▢▢
書き出し内容の構成要素 http://localhost/data/tool/Export_file/Export_bookmark.html 書き出された内容表示されます
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>
<!---4スタイルシートと5アイコンフォントは styleフォルダの中にあります↓***--->
<link rel="stylesheet" type="text/css" href="http://snowjobs.blog.jp/data/tool/style/btn2html.css">
<DIV class="btn2html">
***ブックマークメニュー本体***
</DIV>
</HTML>
ブックマークメニューの作成
以下の手順で文字列コピーした後、新規書類ペーストし拡張子を***.html にして保存します完了
新規タブを表示中に
 ①◎メニューバー開発Webインスペクタを表示
 ②◎▷<html>...右クリックHTMLとしてコピー
また、書き出し直後の場合
Finderアプリで「/Library/WebServer/Documents/data/tool/Export_file/Export_bookmark.html直接、表示し→_▢▢▢
OPTIONキー押しながらドラッグして別の場所にコピーできます「***.html」
*************
*************
OSXをお使いの方へ***商品検索MeCabブックマークレットのご案内******
あなたが普段表示するWEBページワンクリック機能追加するアプリです
ジャバスクリプトを読み込めない場合を除き、
どこのページにも機能を追加でき、WEBページを開いてボタンをクリックするだけですぐご利用いただけます
お客様にしていただくのはキーボードを押すこと***マウスを操作することだけです
1こんな使い方もできますー英語の単語帳
例えば英語の授業で、分からない単語辞書で調べてノートに書き写し、次の授業に備える
辞書で調べた内容から、さらに辞書を引く
このようないわゆる単語帳スマートに作成する機能があります(内蔵辞書を使用***
スキャナのOCR文字読み取り機能を使って、文字列を読み取りさえすれば、
スムースに単語帳A4用紙印刷できます。(横向き4列
辞書の検索結果は、ドラッグして並べ替え削除でき、必要な部分だけ印刷できます
すべてを手書きで書き写すのはとても大変です。
文字列パソコン内に読み込みさえすれば、速攻でしかも美しく印刷できます
友達にコピーしてあげると喜ばれるかもしれません。
*************
上の例は、表示中のWEBページの内容を使って、通常コンテンツを表示印刷する機能を使用したものです
外部からの読み込みにも対応させることで単語帳の作成可能となっています
詳しくは1通常コンテンツのプリント手順
***********************
2英語の読み上げもスムース
また、OSXにはびっくりするくらいすごい英語読み上げエンジン搭載されていますこれも使用できます
英文を選択後キーを押すと、読み上げが開始されます。***|
右手のマウス文字列ドラッグし、左手でキーを押します。
英文連続して読み上げたい場合心地よくスムースに操作していただけます
3こんな使い方もできますー商品コレクションの印刷
このブックマークレットにはバーコード付き商品アイテムを作成、印刷する機能もあります
お客様自分で好きなモノを自由に選んで、商品コレクションいつでも作成できるようになります***
商品ボックスには、
商品リンク画像文字情報商品バーコードGPS+建物内コードQRコードURLリンク集|など...
弁当箱調理したモノを詰めるように、コンパクトでスマートに情報を収納できます編集も自在です
またゼロから作成することもできます
例えばアマゾンの商品ページで、適当な文字列を選択後にキーを押す商品ボックスが表示されます ***|Amazon|***
その後キーを押して商品アイテム一覧ウインドウを新規に作成し、このウインドウから印刷する流れになります。***|
2つ目以降の場合は、このウインドウ商品アイテム直接ドラッグして追加します_▢▢▢__▢▢▢
商品アイテム一覧ウインドウ書き出しサンプル別ページの最後尾に用意しました
商品ボックスの操作方法や印刷手順も、こちらに記載しました書き出しサンプルへ移動します
***********************
あなたが普段表示するWEBページから
次から次とモノが溢れ出てくる感じ
それをスマートにコントロールしたとき心地よさ体験してもらいたいです
***
***********************
作成者側から見た)商品検索MeCabブックマークレットとは******
WEBページ単語情報を埋め込みポップアップ表示させるための統合ツールです。
ゼロからデータを作成するところから始まって
サーバーへのデータ送信表示印刷、さらにデータベースを使った共有表示まで
これらの一連のすべての操作を、ブラウザから行います
データは、同じサイト内別の場所アップロードされます
なのでWEBページまったく汚しません
*************************************
販売者のページでは、単に表示させるだけでなく
WEBページ内単語情報を埋め込む時などに、自由に使ってもらえる基礎データを取得させる役割を併せ持ちます
販売されるその商品に関するさまざまな情報を発生させるになります***
テレビCM新聞・雑誌の広告は、一度表示したら消えてしまいます
あなたの作った広告あなたの販売する商品の広告
その商品に興味の有る方不自然なく手元にストックしていだだけるとしたら、うれしいですよね
主に、販売者からご提供いただいく基本情報を元に
作成者が)それぞれ独自商品の広告と情報コンテンツの提供同時に行えるようにすることで
使う方、作る方、販売される方、それぞれの方メリットのある仕組みになっています***
*************************************
例えば、普通にダイレクトメールを送ってもほとんどの場合ゴミ箱に捨てられてしまいます
この仕組みは、それとは、真逆の発想です。
*************************************
最も知っていただきたいことはこの考え方とか思想に関する部分ですこれに比べれば、他は重要ではありません
そして種が有機的につながる仕組みを持つことによってどうなるのか想像してみてほしいということだけですFUTURE余談)】
*************************************
動画付き使い方ガイド(ダウンロード先はこちら)スマートフォンで表示する場合はこちらから

▽この記事は「PC_パソコン用です
スマートフォンでは、記事が分割されるためこちらをクリックしてページを移動してください同じ内容です
概要
商品アイテム表示するプログラム「blog_store_item.min.js」
ゆうちょ銀行払込取扱票青色プリンタ直接セットして宛名印刷する機能について解説します
こちらはウインドウズChromeブラウザiPhoneChromeアプリにも対応しました!!(2018/03/16+)
※※※※※※※※※※※※※※※
OSXの場合は、こちらをインストールしていただくことでご自由に使用可能になります
※※※※※※※※※※※※※※※
簡単ガイド
キーを押して専用画面を表示します。***
入力項目マウスポインタを移動させてクリックし文字記入していきます
プリントを実行する前に「背景を非表示にします^へまたはキー押します ***|
記入した文字列のみ、表示した状態にします
プリント操作
プリンタ本体ゆうちょ銀行の払込取扱票↓下向きにセットします
メニューバーからプリント...」をクリックします
用紙サイズA4余白なし210mm ✕ 297mm に設定しプリントします

使い方
最初キー押して
ゆうちょ銀行の払込取扱票に宛名記入するための専用画面を表示します ***
クリック操作
①◎入力項目クリック
 入力項目の内容変更します文字列記入します
 行送りする場合は「<BR>」記入します ***|<BR>
②◎画面の上または下クリックキーと同じ
 「背景を非表示にして記入した文字列のみ表示します
③◎画面の左クリックキーと同じ
 「元に戻る
キーボードの操作1キー
 「」        ゆうちょ銀行の払込取扱票に宛名記入するための専用画面表示します
 「または^へ」「背景を非表示にして記入した文字列のみ表示します
*************
*************
OSXをお使いの方へ***商品検索MeCabブックマークレットのご案内******
あなたが普段表示するWEBページワンクリック機能追加するアプリです
ジャバスクリプトを読み込めない場合を除き、
どこのページにも機能を追加でき、WEBページを開いてボタンをクリックするだけですぐご利用いただけます
お客様にしていただくのはキーボードを押すこと***マウスを操作することだけです
1こんな使い方もできますー英語の単語帳
例えば英語の授業で、分からない単語辞書で調べてノートに書き写し、次の授業に備える
辞書で調べた内容から、さらに辞書を引く
このようないわゆる単語帳スマートに作成する機能があります(内蔵辞書を使用***
スキャナのOCR文字読み取り機能を使って、文字列を読み取りさえすれば、
スムースに単語帳A4用紙印刷できます。(横向き4列
辞書の検索結果は、ドラッグして並べ替え削除でき、必要な部分だけ印刷できます
すべてを手書きで書き写すのはとても大変です。
文字列パソコン内に読み込みさえすれば、速攻でしかも美しく印刷できます
友達にコピーしてあげると喜ばれるかもしれません。
*************
上の例は、表示中のWEBページの内容を使って、通常コンテンツを表示印刷する機能を使用したものです
外部からの読み込みにも対応させることで単語帳の作成可能となっています
詳しくは1通常コンテンツのプリント手順
***********************
2英語の読み上げもスムース
また、OSXにはびっくりするくらいすごい英語読み上げエンジン搭載されていますこれも使用できます
英文を選択後キーを押すと、読み上げが開始されます。***|
右手のマウス文字列ドラッグし、左手でキーを押します。
英文連続して読み上げたい場合心地よくスムースに操作していただけます
3こんな使い方もできますー商品コレクションの印刷
このブックマークレットにはバーコード付き商品アイテムを作成、印刷する機能もあります
お客様自分で好きなモノを自由に選んで、商品コレクションいつでも作成できるようになります***
商品ボックスには、
商品リンク画像文字情報商品バーコードGPS+建物内コードQRコードURLリンク集|など...
弁当箱調理したモノを詰めるように、コンパクトでスマートに情報を収納できます編集も自在です
またゼロから作成することもできます
例えばアマゾンの商品ページで、適当な文字列を選択後にキーを押す商品ボックスが表示されます ***|Amazon|***
その後キーを押して商品アイテム一覧ウインドウを新規に作成し、このウインドウから印刷する流れになります。***|
2つ目以降の場合は、このウインドウ商品アイテム直接ドラッグして追加します_▢▢▢__▢▢▢
商品アイテム一覧ウインドウ書き出しサンプル別ページの最後尾に用意しました
商品ボックスの操作方法や印刷手順も、こちらに記載しました書き出しサンプルへ移動します
***********************
あなたが普段表示するWEBページから
次から次とモノが溢れ出てくる感じ
それをスマートにコントロールしたとき心地よさ体験してもらいたいです
***
***********************
作成者側から見た)商品検索MeCabブックマークレットとは******
WEBページ単語情報を埋め込みポップアップ表示させるための統合ツールです。
ゼロからデータを作成するところから始まって
サーバーへのデータ送信表示印刷、さらにデータベースを使った共有表示まで
これらの一連のすべての操作を、ブラウザから行います
データは、同じサイト内別の場所アップロードされます
なのでWEBページまったく汚しません
*************************************
販売者のページでは、単に表示させるだけでなく
WEBページ内単語情報を埋め込む時などに、自由に使ってもらえる基礎データを取得させる役割を併せ持ちます
販売されるその商品に関するさまざまな情報を発生させるになります***
テレビCM新聞・雑誌の広告は、一度表示したら消えてしまいます
あなたの作った広告あなたの販売する商品の広告
その商品に興味の有る方不自然なく手元にストックしていだだけるとしたら、うれしいですよね
主に、販売者からご提供いただいく基本情報を元に
作成者が)それぞれ独自商品の広告と情報コンテンツの提供同時に行えるようにすることで
使う方、作る方、販売される方、それぞれの方メリットのある仕組みになっています***
*************************************
例えば、普通にダイレクトメールを送ってもほとんどの場合ゴミ箱に捨てられてしまいます
この仕組みは、それとは、真逆の発想です。
*************************************
最も知っていただきたいことはこの考え方とか思想に関する部分ですこれに比べれば、他は重要ではありません
そして種が有機的につながる仕組みを持つことによってどうなるのか想像してみてほしいということだけですFUTURE余談)】
*************************************
動画付き使い方ガイド(ダウンロード先はこちら)スマートフォンで表示する場合はこちらから

↑このページのトップヘ