カテゴリ：このブログの作り方 > ◎ブラウザで形態素解析を使う

▽概要
この記事は「使い方説明書」の内容に追加された機能を解説するための動画です（音声なし）
WEBページ内の
単語ごとに別々の商品情報を埋め込む機能と
その単語に対応するデータがある場所を
データベースに登録し
いつでも表示させる機能の２つを新しく追加しました!!!


▽具体的な方法
ブログなどWEBページに埋め込まれた単語タイトルの商品ボックスのURLアドレスを
ローカルサーバーのSQLite3データベースに登録し、WEBブラウザで使用します
どのWEBページからでもその単語タイトルの内容を表示できます。

まず、最初に埋め込みデータを作成し、ブログにアップロードします
検証用のHTMLファイルもアップロードします
ブログにアップロードした
HTMLファイルをSafariブラウザで開いて「埋め込みデータの表示」を確認します

Ⓔ◎以下のWEBページを開き「AD_Ⓤ」ブックマークレットをお気に入りバーにドロップします
　　　http://localhost/data/Export/AD_WEB_PAGE/Ⓔ◎ブックマークレットを登録します.html
①◎埋め込みデータを単語タイトル***ごとに作成します
　①◎商品ボックス一覧を作成してから「AD_Ⓤ」をクリックします
　　　Ⓐ◎保存先フォルダを指定します→「A」
　　　Ⓑ◎埋め込み用の検索キーワード「data-title」に何も設定していない場合、一括して設定します
　　　Ⓒ◎個別にを設定する場合は
　　　　　「６」キーで編集モードに変更後に
　　　　　「SHIFT＋OPTION」を押しながらバーコード画像を「クリック」します
　　　Ⓓ◎複数ある場合は分散してそれぞれの末尾に追加されます!!!
　②◎内容の編集
　　　内容を変更したい単語タイトルのHTMLファイルを直接開いて、編集後に「AD_Ⓤ」をクリックします
②◎作成した「保存先フォルダ」をブログにアップロードします（Cyberduckアプリを使用します）
③◎ブログで表示する「HTMLファイル」にブログ内でのフォルダの場所を埋め込みます
　　 <title>Ⓑ◎ブログにアップロード</title>
　　 <DIV>すもももももももものうち<BR>
　　 中居正広のミになる図書館<BR>
　　 ダウンタウンDX<BR>
　　 MeCabの形態素解析の結果が保存されている場合<BR>
　　 そちらの読みを読み上げます</DIV>
　　 <DIV id="AD_STORE_ITEMS_IMPORT_WEB_PAGE" class="display_none"
　　　　data-path="http://snowjobs.blog.jp/data/Export/AD_WEB_PAGE/content_blog"></DIV>
④◎ブログに「HTMLファイル」をアップロードします
　　　http://snowjobs.blog.jp/data/sample_test/2017_04_04/ブログにアップロード.html
⑤◎Safariブラウザで表示します
　　「商品検索_mecabブックマークレット」をクリックし
　　　　マウスポインタを対象の「文字列」に移動後に「１」キーを押します

これで埋め込んだ商品ボックスの表示されます!!!
以上で「埋め込みデータの作成と表示」の説明を終了します。


次は、上記の方法で埋め込まれた商品ボックスをデータベースに登録し、利用する方法を解説します
どのWEBページからでも
データベースに登録した商品ボックスを表示させることができます

▽データベースの利用環境
①◎下記のような空要素が埋め込まれたブログなどのWEBページで、SQLite3データベースに保存できます
　　 <DIV id="AD_STORE_ITEMS_IMPORT_WEB_PAGE" class="display_none"
　　　　 data-path="http://snowjobs.blog.jp/data/Export/AD_WEB_PAGE/content_blog"></DIV>
②◎データベースから取り込んだ（パスの）ファイルの内容はどのWEBページからでも表示できます
③◎ローカルサーバーを起動しておく必要があります
④◎インターネットに接続していない場合は、ローカルデータのみ表示できます


▽実際の操作（SAMPLE）
①◎MacOSXのSafariブラウザで下記のHTMLファイルを表示します
　　　　http://snowjobs.blog.jp/data/sample_test/2017_04_04/ブログにアップロード.html
　Ⓐ◎以下の操作で、埋め込まれた商品ボックスを表示します
　　「商品検索_mecabブックマークレット」をクリックし
　　　　「すもも」の上にマウスポインタを移動後（または選択後）に「１」キーを押します
②◎データベースの操作
　Ⓐ◎データベースに登録　「ESC」＋「OPTION」キー
　　　①◎１つのみ追加します（埋め込まれた商品ボックスを表示中に）
　　　②◎表示されたものすべて***を追加します
　Ⓑ◎データベースの内容を表示します　「１」　＋「OPTION」キー
　Ⓒ◎データベースの内容を表示中に　　「ESC」＋「OPTION」キー
　　　①◎データベースに再度アクセスして表示内容を最新の状態にします
　　　②◎データベースの内容を以前の内容に戻します（PATH_A==）△確認後にPATH_Bに変更します
　　　③◎データベースから削除（PATH_A==）
　Ⓓ◎下記のWEBページでデータベースに登録した内容が表示されるか確認します→「１」＋「OPTION」
　　　　https://www.google.co.jp/search?q=すもももももももものうち&ie=utf-8&oe=utf-8&hl=ja

▽使用したアプリのダウンロード先
◎ブログなどWEBサーバーにファイルをアップロードするアプリ「Cyberduck.app」
　　　https://cyberduck.io/index.ja.html?l=ja（Cyberduck for Mac）5.4.0.23761
◎SQLite3データベースの内容を表示するアプリ「DB Browser for SQLite.app」Ⓔ***③☆☆☆
　　　http://sqlitebrowser.org（Mac .dmg--v3.9.1）
　▽表示フォントの変更
　　　環境設定→「Data Browser」→「Font」→「Hiragino Maru Gothic ProN▽」→「12▽」

このWEBページは
誰でも簡単に
今まではWEBページ単位だった
広告など含む情報コンテンツの表示を
文字列の単語***単位で
個別に
また目的別***に
表示が可能になったことを意味します

さらにデータベースに登録したものは
（そのとき見ているWEBページ内に同じ文字列が存在すれば）
いつでもすぐに表示できます

例えば
あなたの作成した情報コンテンツを
違う誰かがデータベースに登録しストックすることができます
いつでもそれを表示できます
そこから簡単にプリント操作に移行できます（A4サイズ2レイアウト）

▽もっとよくするには...
埋め込みデータのフォルダを
新規に作成した場合や変更があった場合
手動でWEBサーバーにアップロードする必要があります。
この操作を自動で行えれば
さらに便利になります

QRコードは「商品購入ページ」に瞬時にアクセスするためのものですが
バーコードは家庭内で使用する物の在庫状況を確認したりするためのものです!!!
しかし商品管理のための統合ツールは「使い方説明書」にはありません
いまのところ
バーコードは有効に使われていません

この動画は（読み上げ時のみ音声あり）
ONE PIECE８２ ジャンプコミックスのブラウザだけで作る簡単バーコードプリント
　http://bit.ly/2eCamT0
などの記事の最後尾にある「使い方説明書」に収録されているプログラムの紹介です

MacOSXの Safariブラウザ内 で任意のページを表示してから、
このブックマークレットをクリックしてプログラムを読み込んだ後
形態素解析の結果をポップアップに表示させています。

前回の続きで
新しく追加された機能を紹介します（２０１６年１１月２７日(日) 付け更新履歴より）

①◎MeCab／Unidic のシステム辞書に外部データを簡単に取り込めるシェルスクリプトを追加しました
　　この機能により「中居正広のミになる図書館」「ペンパイナッポーアッポーペン」など
　　通常は分解される単語を１つにまとめて扱えるようになりました。
　　「すもももももももものうち」も早口言葉として登録されていますが、
　　あらかじめ除外する単語に指定することで
　　強制的にシステム辞書に登録しないようにしています。

②◎選択範囲の読み上げ機能を追加しました「英語=Susan」「日本語=Kyoko」
　　２レイアウトのプリントモードでは
　　左上のタイトルを「ダブルクリック」することで
　　並べ替えモードから通常の文字列を選択できるモードに切り替わります
　　マウスをドラッグして文字列を選択してから
　　　英語では「T」
　　　日本語は「Y」で読み上げを開始します

③◎MeCabのRubyバインティングに対応しました
　　Rubyプログラムに対応したことによって、Windows の各種ウェブブラウザでも
　　MeCab＋natto の組み合わせで
　　このブックマークレットと同じ形態素解析の機能を実現できる可能性がでてきました。

④◎.commandのシェルスクリプトを「ダブルクリック」することで簡単にインストールができるように
　　なりました

右下のキーボード表示の解説
　「a」=「A」キー（通常のAキー）
　「A」=「SHIFT」＋「A」キー
　「!」 =「SHIFT」＋「１」キー

この動画は（音声なし）
ONE PIECE８２ ジャンプコミックスのブラウザだけで作る簡単バーコードプリント
　http://snowjobs.blog.jp/detail_item/201610231146/9784088807263.html
などの記事の最後尾にある「使い方説明書」に収録されているプログラムの紹介です

MacOSXの Safariブラウザ内で任意のページを表示してから、
このブックマークレットをクリックしてプログラムを読み込んだ後
形態素解析の結果をポップアップに表示させています。

使い方は
「コントロール」キーを押しながらマウスポインタを動かします。これだけです
また、ポップアップの内容をＡ４サイズにプリントする機能もあります（PDF書き出し４列）

このプログラムを使って「単語帳」を作成するまでを収録しました。

PDFファイルなど他のアプリからの「テキストドロップ」に対応しました。
この機能を追加することで誰でも簡単に素早く単語帳を作成できます


各キーの使い方は、使い方説明書をご覧ください。

形態素解析(けいたいそ-かいせき)とは
対象言語(日本語)の文法のルールや辞書(品詞などの情報付き単語リスト)を情報源として用い、
自然言語で書かれた文***を言語で意味を持つ最小単位(形態素)の列に分割し、
それぞれの品詞を判別する作業を指します

この動画は（音声なし）
　ONE PIECE 82 ジャンプコミックスのブラウザだけで作る簡単バーコードプリント
　　http://snowjobs.blog.jp/detail_item/201610231146/9784088807263.html
などの記事の末尾にある
「使い方説明書」に収録されているプログラムの紹介です

MacOSXの Safariブラウザ内で任意のページを表示してから
ブックマークレットをクリックして、このプログラムを読み込んだ後
形態素解析の結果をポップアップに表示させています。

使い方は「コントロール」キーを押しながらマウスポインタを動かします。これだけです。
また、ポップアップの内容をA4サイズにプリントする機能もあります。（PDF書き出し４列）

各キーの使い方は、使い方説明書をご覧ください

たいがいのウェブページは機能するはずです
デモではテキストだけのページとYahoo!ニュースの記事を使用しました。

形態素解析(けいたいそ-かいせき)とは
対象言語(日本語)の文法のルールや辞書(品詞などの情報付き単語リスト)を情報源として用い、
自然言語で書かれた文***を言語で意味を持つ最小単位(形態素)の列に分割し、
それぞれの品詞を判別する作業を指します

↑このページのトップヘ