===========================================================================
【ソフトウエア種別】 ブログパーツ(フリーソフトウェア)
【ソフトウエア用途】 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・・・・)
<