「プログラミング」カテゴリーアーカイブ

Programing

愛を語る

おまけ

ジムにおいてトレーニングマシンによる運動はHtml, Svg, JavaScriptにより描画されています。中でもエアロバイクとランニングマシンはGIFによって動きが付加されています。GIFによる動きの開始や停止は特別な指定がありません。そこでGIFのほかにPNG静止画像を用意しておいて、JavaScriptによりimg要素のsrc属性を切り替えて開始、停止を制御します。

プロモーション動画作成例

コロナ禍、油断大敵

コロナ禍がいったん、収まりかけ政府当局者が民度の高さを誇ったりして安心し過ぎたきらいがあったようです。

経済の立て直しは緊急の施策でしょうが、パンデミックの再来は猶、困ります。

PCR検査結果の陽性率がじりじり高くなっています。ここは我慢のしどころです。昭和天皇をお言葉をお借りすれば「耐え難きを耐え、忍び難きを忍び」未曽有の国難を克服しなければなりません。

だめなものはダメ!と広報することも必要でしょう。ひとつのプロモーション動画を作ってみました。参考になれば幸いです。

動画作成例

将棋熱沸騰

IT将棋開発

先日、高校生の藤井少年が藤井棋聖と呼ばれる存在になりました。神武以来の天才:加藤九段、谷川元名人、羽生元名人、渡辺二冠などからなる天才の活躍は、二度と破られない功績と称えられましたが破られることが常です。「記録は破られるために作られる」と言われています。

古今東西、天下を取るには十年に及ぶひたむきな努力が必要とされています。将棋は年齢による体格差が少ないので幼少期の研鑽・努力も立派にカウントされることでしょう。幼年期の詰将棋研究、小学4年からの奨励会における実戦研究は天下取りの基礎になったことでしょう。

また、コンピューター将棋による研究も新しい将棋界の波に乗り遅れることなく対応できたものと推察します。コンピューター将棋ソフトの開発は誰にでも門が開かれています。プロに勝てるような高度のものは初心者には垣根が高すぎます。

まずは駒を並べるソフトを手掛けてみませんか。20枚ずつの駒は並べる順序において、てんでんばらばらに並べても問題ありませんが、正式な試合では伊藤流や大橋流で並べることが多いです。

今回、大橋流で20枚ずつ順序良く並べるソフトを開発しましたので、これを踏み台にして高度なIT将棋ソフトに挑戦してはいかがでしょう。

手始めに

コンピューター将棋を開発するには将棋を指す技量のほか、駒や将棋盤、駒台などの画像が必要です。探せば著作権フリーな画像が見つかるかもしれません。駒にしても先手の駒を180度回転させて後手用に用意しただけでは物足りません。影を先手、後手用に付加する必要があります。

駒の画像は先手、後手の集合画像がネット上に満載されています。参考にされるとよいでしょう。集合画像から目的の駒の画像を取り出す関数も用意されています。これらはプログラミング技術になります。美術からソフトウェア工学までの総合知識を少しずつ積み重ねて大作を完成されるよう願っています。

サンプル

後手:蒼賢照初段 鬼才伝説
IT将棋の足掛かりに
駒を並べることから始める

ここをクリック
先手:聡琳翔二段 新手一生
©TacM,2020 Ver0.02
将棋熱沸騰


将棋は役立つの?
❶友達が増えた
❷じっくり考えられるようになった
❸勉強ができるようになった
❹先を読む力、決断力が身についた
❺礼儀正しくなった
❻感情コントロールが可能になった

本格化への道筋

導入編のコンピューター将棋ソフトを本格的なものに作り上げるには、上に示した機能をひとつひとつ積み上げます。やがては見上げる山が完成するかもしれません。

おまけ

将棋は王将の下に19の部下が付いて戦うゲームですが、先手(あるいは上位者)が王将(おうしょう)、後手(下位者)が玉将(ぎょくしょう)を持つならわしがあります。王の字は逆さにしても大差なく読み間違いを避ける意味合いからの慣習のようです。

 

人気の高い記事7点

人気の高い記事7点

約1000ページに及ぶブログの中で人気の高いブログ7点を表示します。講読後は終了ボタンをクリックして戻ってきてください。

©2020 TacM, Ver0.03

記事、ゲームなど自らプログラミングするには多くのサンプルコードが用意された『音や映像が飛び出すプログラミングつぶやき本』を参照してください。

ビンゴゲームを解析する

以下のビンゴゲーム管理ソフトは左上のビンゴ籠をクリックして開始します。左側の写真は70周年創業祭を祝った本社ビルを例に採用しました。

このサンプルでは16人の参加者が抽選に当たる経過をモニタリングしながら、4個の穴が開いたら「リーチ」と発声が飛び交い、5個の抽選が出そろったら「ビンゴ」と叫んでラッキー者を引き立てています。

また別の例として結婚式におけるビンゴ大会を模して若い二人の明るい行く末を祈っています。右のプログラミングコードはビンゴ管理ソフトのメイン関数です。

このソフトはビンゴゲームを科学する第一歩になると思われます。幅の狭い画面では期待した動作にならないかもしれません。公開されたプログラムコードをひな型にして多彩なビンゴゲームに挑戦してください。

さらなる深みを目指そう

HTML, CSS, JavaScriptを基本から学びたいときは本屋さんやWeb上の書店から初歩編を入手し、多くのサンプルコードを手に入れるには下記の「ブログ管理人著作のプログラミング教則本」を覗いてみませんか。

コンピュータ将棋への道

IT将棋を極める

今やプロを凌ぐIT将棋が存在しています。勝負は拮抗していないと面白みがありません。最近、人間とコンピュータの対戦は見かけなくなりました。これは人間を凌ぐソフトウェアが開発されたことが原因と言われています。コンピュータの進歩は処理速度やメモリ容量などにおいて日進月歩にあるのに対して、人間の進歩は緩やかであり、人間との実力が縮まりやがて逆転してしまいました。

プロ棋士に勝つソフトの開発は誰にも開かれています。ただ、その保証は誰もしてくれません。将棋プロ棋士になるのは東大に入るよりかなり難しいとされています。たとえ県大会で優勝してもプロ棋士になるのは容易でありません。全国優勝者でも年齢制限などで断念したケースは多々あります。

コンピュータ将棋の入口

コンピュータ将棋でひとかどの成績を上げるソフトを開発するには次のような手順があります。

①HTML, CSS, JavaScriptをひも解く

②駒を盤上に並べるソフトを開発する

③棋譜を再生する

④AI将棋に進む

以上のような手順です。

大橋流で駒を並べる

以前に、大橋流で駒を並べるソフトを公開しましたが、今回はより人間臭くなるように配慮しました。千里の道も一歩からです。ハードルを下げて挑戦してみてはいかがでしょう。中央上部のボタンをクリックしてスタートです。

 

後手:蒼賢照初段 鬼才伝説
天童佐藤敬商店『飾り駒』
先手:聡琳翔二段 新手一生
  ☖大橋流で駒を並べる☗
©TacM,2020 Ver0.01 

 

 

動くキャッチコピーの作り方

新しい時代に合った方法

電子媒体は急速な勢いで発展してきました。あまりにも進歩が速すぎてその特長を引き出せないケースもあります。今回もコロナ対策の一環として動くキャッチコピーを作ってみました。

SNSで気の利いた作品を発表するにはHTMLの知識があると強みです。ネット上には手本になる教材が山積しています。

最適なものを選ぶにはそれなりの知識が必要です。堂々巡りではないですか。確かに。それには多少のムダには目を瞑り、繰り返し挑戦することです。

人混みを避けて家で過ごす

考察

学校の再開は当面無理でしょう。このまま、夏休みまで休校して早くて9月から再開という話が出ています。

何か世界、文化、哲学とかかなりの変化がありそうに思えます。先人がきちんと敷いてくれたレールを歩みなさいと教えられてきましたが、これからはそれだけではうまくいかないような気がします。

これからの就職活動において、リクルートルックを着て会社を廻るのは泥臭いと廃れるでしょう。デモテープに代わる個人サイトを作って会社にアピールする時代が到来しています。経費も安く電車が混むこともなくなるでしょう。

強固なバックボーンとは大げさですが専門的な技能、知識、自分で判断する能力を身に付けておくと安心と思われます。コロナさえ無ければ何もかもうまくいっていたのにと指導者側に言い訳されても困らないように自ら手をうっておきましょう。

 

Stay Homeを励行する

ストップ・ザ・ウィルス

COVID-19(コヴィッド19と発音、新型コロナウイルス感染症)が猛り狂って人間の平穏な生活を脅かしています。3密を避けて感染を防止することが叫ばれています。3つの標語を動的に表現しました。プログラミングの学習に参考になれば幸いです。

stayHome image/svg+xml #プログラミング学習 HTML, CSS, JavaScriptに親しむ 1 InkscapeとLazyLinePainterの使い方を学ぶ 2 Inkscapeでパスデータを作りファイル保存 3 LazyLinePainterで手書き風に変換 4 出力されたindex.htmlを修正 5 stayHomeの画像をはめ込む 6 BGMを組み込む 7 音楽、描画の動作を調整する 8 時計の針を進める HTMLプログラミングサンプル集 https://bit.ly/34upht5 BGMを再生するには音符記号をクリックします。 /*家*/ 音楽:DOVA-SYNDROMEより 『南国ジングル』 ©2020 TacM, Ver0.01

 

テキストエディタについて

動作が軽いのが特徴

長年、テキストエディタを使ってきた体験談を語ります。

メモとして記録したり、プログラムコードを作る時には機能の大きなエディタよりも動作が軽いものを選ぶのが通例です。用途はファイルに記録することが主目的であり、印刷をすることは多くありません。また、表や画像を扱うことも少なく単機能のものが選ばれます。

(^○^) → 😄

 

最近、絵文字や外国語を扱うことが多くなり保存されるファイルのキャラクタセットをきちんと設定しておかなければならないケースが増えています。

ちょっと前までHTMLのキャラクタセットには、Shift_JISを使っていましたが表現できないコードが多くなりUTF-8に切り替えました。以前、顔マークは特殊記号を合成して使っていました。日本では携帯電話で絵文字が積極的に使われ、日本発祥の文化としてUnicodeに取り入れられました。今では顔マークを合成して使う必要はなくなり絵文字を使うのが一般化しています。

UTF-8コードで保存するとShift_JISコードファイルよりはサイズが大きくなります。Shift_JIS仕様は少ない情報で漢字を表現する手段として考案されましたがもはや役割を終えたというところです。

エディタの設定

文字コードをどのタイプにするかは設定メニューにて実態のコードを指定します。HTMLにはmetaタグのcharset属性にてタイプを指定しますが実態と会わない場合は実物のコードが優先されるようです。

両者間に違いがある場合は文字化けが起きます。HTMLやJavaScriptの命令はすべて半角で定義されるので文字化けはデータ部にて発生し原因を特定できる場合がほとんどです。

複数エディタを使い分ける

盛りだくさんの機能を有するオールマイティ型エディタを除けば、エディタごとの特徴があります。それゆえに複数のエディタを使い分ける方法が採られます。

ある文字列を別の文字列に一括して変換する機能や矩形編集機能、グローバル検索などプログラミングに便利な機能がたくさんあります。便利な機能のほとんどはすでに世に存在しています。ネット検索で見つけて使い方をマスターしてください。

絵文字の使用例とプログラミングコード

🍀 四つ葉のクローバー:幸運のシンボル


<p style="font-size:32px; color:hotpink;">&#x1f340; 四つ葉のクローバー:幸運のシンボル</p>

 

補足説明

上例では絵文字において特殊文字を表示する方式《&#x16進数;》で表現していますがエディタによっては絵文字をそのまま表示することがあります。