Javascriptでサイト内検索するモジュール
JavaScriptでサイト内検索するモジュールを作りました。
ヘルプ画面の検索機能とUIとして使うことを目的としています。
node.js + express.jsから、JSONデータをクライアントに送信します。
GitHubで公開しています。
https://github.com/hiro-yano/insitesearch
デモサイトは以下です。
https://insitesearch.herokuapp.com/index.html
画像のように
上部の検索バーに、サイト内で検索したいワードを入力すれば、
検索結果が表示されます。
【使い方】
js/search-result-card.js:
- search-result-card.jsが、サイト内で検索したいワードをnode.jsに渡します。
上の画像のようにカード形式で検索結果を表示してくれます。
- 検索対象のページの指定方法
./server.js var pageList = ['index', 'orders', 'products', 'customers', 'reports', 'integrations']; //ここに、サイト各ページのurlのリストを入力してください。
上のソースコードで、
var pageList = ['index', 'orders', 'products', 'customers', 'reports', 'integrations']; に
検索対象ページのファイル名(.htmlの拡張子は除く)のリストを入力してください。
上の例は、検索対象ページのファイル名がindex.html、orders.html、products.html、reports.html、integrations.htmlの場合です。
- カード形式で検索結果を表示するために、BootStrapを使っています。
- カード形式以外の表示形式にしたい場合、BootStrapを使わない場合のカスタマイズ方法
laod_html_and_insert_success関数で、カード形式で検索結果を表示できるようにしているので、
表示形式をカスタマイズしたい場合は、ここを編集してください。
js/search-light.js:
- search-light.jsは下の画像のように、ページ内の検索キーワードをすべてハイライトしてくれます。
https://insitesearch.herokuapp.com/index.html?田
のように、urlのファイル名のあとに、?(検索キーワード)のように指定すると、
ページ内の検索キーワードをすべてハイライトしてくれます。
Eclipseでプロキシを設定:ユーザ認証が保存されないときの対処法
Eclipseでプロキシを設定するとき,
Windowsの場合,Window>Preferences>General>Network Connectionsを開いて設定します.
(Macの場合,Eclipse>環境設定>General>Network Connectionsを開きます)
Active ProviderをManualにして,
Proxy entryを編集するときに,
ユーザ認証が保存されない場合があります.
このとき,
HOME>/.eclipse/org.eclipse.equinox.security/secure_storage
を削除すれば,ユーザ認証が保存されるようになります.
参考:
Eclipse Community Forums: Equinox » Proxy Authenication details not saved
[win7][eclipse] proxy設定ができない : 女プログラマってどうよ?
スケートジャンプの種類
昨日,2014年ソチオリンピック「フィギアスケート女子ショートプログラム」で,
浅田真央選手が6種類8回のトリプルジャンプをすべて成功させました.
初心者の私はスケートジャンプについて知らなかったので調べてみました.
以下,スケートジャンプの種類の表です.表は,利き足が右の人です.
名称 | ジャンプ難易度 | 踏み切るときの向き | 滑ってくる足 | 踏み切る足 |
---|---|---|---|---|
アクセル | 最も難しい | 前 | 左 | 左(エッジ) |
ルッツ | アクセルの次に難しい | 後 | 左(外側のエッジ) | 右(トウ) |
フリップ | ルッツの次に難しい | 後 | 左(内側のエッジ) | 右(トウ) |
トウループ | 最も易しい | 後 | 右 | 左(トウ) |
ループ | 比較的難易度が低い | 後 | 右 | 右(エッジ) |
サルコウ | 比較的難易度が低い | 後 | 左 | 左(エッジ) |
参考:
フィギュアスケート:技の解説 | 公益財団法人 日本スケート連盟 - Japan Skating Federation
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
NetBeansでJavaソースコードのステップ数も測定できるメトリクスプラグイン「SourceCodeMetrics plugin」
NetBeans IDE 7.0.1でJavaのソースコードを解析し,
ソフトウェアメトリクスを測定できるツールを紹介します.
ステップ数(ソースコードのコード行数)をカウントすることもできます.
参考記事:
How to count lines in a netbeans project - Stack Overflow
http://plugins.netbeans.org/plugin/42970/sourcecodemetrics
というNetBeansのプラグインです.
NetBeans上でJavaのソースコードのソフトウェアメトリクスを測定します.
メトリクスとはソフトウェアの品質を数値として測定するための方法です.
このメトリクスの中にLines Of Code(LOC)もあり,
ソースコードのステップ数が測定できます.
1.以下のリンク先のダウンロードページでDownloadボタンを押し,
.nbmファイルをダウンロードします.
http://plugins.netbeans.org/plugin/42970/sourcecodemetrics
2.NetBeansを開きます.
3.ナビゲーションバーで「ツール」→「プラグイン」を選択し,
ウィンドウのタブで「ダウンロード済み」を開きます.
4.左上の「プラグインの追加」ボタンを押し,
先ほどダウンロードした「.nbmファイル」を選択してください.
5.左下の「インストール」ボタンを押し,
各手順に従ってインストールしてください.
6.インストールが完了しました.
7.「ウィンドウ」→「SourceCodeMetrics」を選択します.
8.プロジェクトエクスプローラのプロジェクトを右クリックすると,
「SourceCodeMetrics」という項目がありますので,
その項目をクリックしてください.
9.完了です.
「LOC」の項目がステップ数です.