=========================================================================== 【ソフトウエア種別】 ブログパーツ(フリーソフトウェア) 【ソフトウエア用途】 WEBブラウザ上でのオセロ棋譜再生 【ソフトウェア名】 Hamlite(Hamlet Lite) 【DLファイル名】 hamlite161.zip 【バージョン】 1.61 【公開日】 2015/7/10(緊急リリース) 【作者(ハンドル)】 川海 煌 【動作環境】 JavaScriptに対応している標準的なWEBブラウザ 【使用条件】 どなたでもご使用になれます。 【配布条件】 オリジナルのzipのままであれば配布自由 【作者 E-mail】 hamlet_jx@yahoo.co.jp 【改変条件】 私的範囲での改変は自由 【保証/免責】 原則として一切の保証はいたしません 【公開Webページ】 http://hamlite.ifdef.jp/ 【開発環境】 WindowsPC上のエディタ(EmEditor)とモダンブラウザ数種 【テスト環境】 Windows,Linux,Mac,iPhone,Androidなどのメジャーブラウザ =========================================================================== 【プログラムの概要】 ブラウザー上でオセロゲームの棋譜を動的に再現する棋譜再生ブログパーツです。 同種類の他ソフトとしては、Hamlet,Ria,Rushなどがあります。 Hamliteは、XHTML+CSS+JavaScriptで作成されています。実行にはJavaやFlash等  のプラグインは必要としません。そのためスマートフォン用のモバイルブラウザ  でも動作する可能性があります。 =========================================================================== 【Hamlite v1.61 の主な機能について】 ※機能はv1.60と変わりません。画面表示のズレ等の修正と[kifu]ボタンを[diag]と  表記への変更を行いました。 ※終盤解析サーバーダウンのため、緊急で代理サーバーを立てました。代理サーバへの  切り替え修正を行いました。   ・TEXT形式の棋譜を指定して、棋譜を再現できます。 ※TEXT形式の棋譜: f5d6c5f4e3f6g5e6e7 のように横a〜h、縦1〜8の座標でオセロ の棋譜を表したもの。 ・棋譜のコピペ機能に対応しています。任意のTEXT棋譜をHamliteに入力できます! ・再現を開始したい盤面(ゲーム途中の盤面など)を指定できます。 ・盤面の色、オセロ盤外枠の色、盤外背景色などを変更できます。 ・棋譜の再生途中で、棋譜とは別の手を打ち進めることができる「試し打ちモード」 に対応しています。試し打ちモードで進行した棋譜も表示できます。 ・オセロ盤のサイズを6段階に変更できます。 ・コメント表示機能に対応しています。棋譜の進行に合わせてコメントを表示させる ことができます。 ・石の返し忘れ進行も再現できます。 ・指定の手番号まで一気に移動できるブレークポイント機能に対応しています。 ・棋譜の自動再生機能に対応しています。 ・終盤解析サーバーとの連携で、44手目以降(17カ所空き)から最終スコアを表示 できます。終盤解析サーバーはHamliteのために外部サーバーとしてインターネット に公開しています。 =========================================================================== 【Hamlite v1.6x系 終盤解析機能】 ・終盤解析機能により、終盤44手目以降(17箇所空き)の盤面で、着手可能な全ての 手に対して、最終スコアを表示できるようになりました。 ・解析処理は、すべてのスコアが表示完了するまで、長い場合で数秒かかることが あります。ほとんどの場合、5秒以内には完了するはずです。 ・解析処理中は、他の操作ができないようにしています。何か問題が発生して解析が 完了しない場合を想定し、15秒でタイムアウト処理を行い操作に復帰できるよう にしています。 ・終盤解析機能は、終盤解析サーバーと連携することで利用可能です。インターネット が使える環境にて実行できます。 ・終盤解析機能は、Hamliteのために立ち上げたサービスです。 Google App Engine というサーバーを利用して機能を実現させています。 ・尚、解析実行開始可能な盤面は、現在17箇所空き以降に設定しています。この設定 はサーバー側で持っており、Hamlite側で設定することはできません。この設定値 は、開発者である私の判断により決定しています。基本は、短時間で処理が終わり、 サーバーに負荷をかけないことを前提としました。将来的にサーバーの強化等により、 短時間で今より深く読めるようになった場合は、サーバー側の設定を変更して対応 します。Hamliteは、サーバー側の変更を自動的に認識するようになっています。 《新パラメータ》 &ai →終盤解析機能の実行権限を与えたり、無くしたりすることができます。 終盤問題の掲載とか、意図的に解析機能を無効にしたい場合に利用します。 例)終盤解析機能を有効にする(初期値) &ai=on 例)終盤解析機能を無効にする &ai=off &aiパラメータを指定しない場合は、解析機能有効の設定になります。 詳細は Hamlite の公開Webサイトを参照願います。 =========================================================================== 【ダウンロードファイルついて】 オリジナルのHamlite161.zipには以下のファイルが含まれています。 ---------------------------------------------------------------------------- ファイル名 内容 Webサイトへの設置 ---------------------------------------------------------------------------- hamlite.html Hamlite 本体のHTML 必要 sample.html Hamlite v1.61用 サンプルHTML 不要 readme.txt 今開いているファイル 不要 imageフォルダ 画像ファイルが格納されている 必要 scriptフォルダ スクリプトコードが格納されている 必要 styleフォルダ スタイルシートが格納されている 必要 ---------------------------------------------------------------------------- 「Webサイトへの設置」で「必要」となっているファイルをサーバにアップロード します。すべて同じフォルダに置いてください。 =========================================================================== 【Webサイトへの設置】 基本的な流れは次の通りです。 --------------------------------------------------------------------- 1. hamlite161.zipを解凍します。 解凍後、3つのファイルと3つのフォルダが生成されます。 [ファイル] hamlite.html sample.html readme.txt [フォルダ] image/ script/ style/ sample.htmlとreadme.txtを除き、hamlite.htmlと3つのフォルダごとWebサイトに アップロードします。 2.hamliteを表示させたいWebページ(html)に指定のコードを貼り付ます。 3. hamliteのパラメータ(主にkifuパラメータ)を設定します。 4. ブラウザで動作テストをします。 --------------------------------------------------------------------- ここでは、公開サイト"Hamlite development studio"を例にとりHamliteの設置方法 を記します。使用例のサンプル棋譜は、2011年全日本オセロ選手権大会無差別の部 の決勝です。白番44手目(17箇所空き)の盤面まで棋譜を進めています。 @Hamliteファイルの設置例 http://hamlite.ifdef.jp/online/v1.61/ ←設置場所例 hamlite.html } style/hamsizeSS.css } style/hamsize_S.css } style/hamsize_M.css } style/hamsize_L.css } style/hamsizeXL.css } style/hamsizeEL.css } Hamlite付属 style/hamsizeEL.css } のファイルを script/hamcode.js } アップロード script/ecl.js } します。 image/b32.png } image/e32.png } image/w32.png } image/repeat_on.gif } image/repeat_off.gif } image/repeat_out.gif } image/solving.gif } AHamliteを貼り付けるHTMLファイルを用意し、コードをHTMLに追加する 例)http://hamlite.ifdef.jp/index.html ←トップページに貼る場合 ※HTMLタグのiframeを使用するので、DOCTYPEを指定する場合は、Transitionalを お勧めします。(Strictを指定した場合、iframeが利用できない場合があります) ※貼り付けるコード例(オセロ盤サイズにSを選択した場合の例) --------------------------------------------------------------------- --------------------------------------------------------------------- ※破線の内側のコードを貼り付けます。 =========================================================================== 【貼り付けコードの説明】 貼り付けコードは、大まかに3つのパートに分かれます。 @iframeのサイズ指定部分(width, heightの部分) AHamlite設置場所の指定(src="・・・・・"の部分) Bパラメータの指定(主に棋譜。kifu=F5D6C3D3C4F4F6F3E6E7D7B3E3E2D2B4G5F2・・・・) <> の記述で文字列を閉じます。 <<パラメータの指定>> 棋譜の指定: &kifu=F5D6C3D3C4F4F6F3E6E7D7B3E3E2D2B4G5F2・・・・ サイズ指定: &size=XL パラメータの書式は以下の通りです。 ___________________________________________________________________________ &パラメータ文字列 = 値 ^^^^^^^^^^^^^^^^^^ ^^ ^^ ↑ ↑ ↑ | | `-------パラメータに設定する値を書きます。 | `-----------パラメータと値の区切り文字として利用します。 `------------------------パラメータ一覧から選択します。 ___________________________________________________________________________ パラメータは kifu 以外複数あります。複数行に渡り指定が可能です。 詳細は Hamlite の公開Webサイトを参照願います。 ^^^^^^^^^^^^^^^^^^^^^^^^^^~~^^^^^^^^^^^^^^^^ =========================================================================== 【その他】 ・本ソフトウェア(ブログパーツ)は、フリーソフトウェアといたします。 ・利用条件等を先頭に記載いたしましたが、基本的に自由に利用していただいて かまいません。ソフトウェアの性質上、自動的にソースはオープンとなります。 コード参照したり、改変したりして利用いただいてもかまいません。 ・本ソフトウェアの紹介や再配布も自由です。ただサポートの関係で再配布につ いては、オリジナルのzipファイルのままでお願いします。 (※改変されたコードに対するサポートはできないので) ・作者は、あまりうるさいことを言わない人(笑)ですので、気楽に利用してい ただいて結構です。ただ作者は多忙なこともあり、ご質問や要望にお答えする には多少時間がかかる場合がありますのでご了承ください。 ===========================================================================