javascript

■はじめに前回、ポーズ毎に表情を変えられるように、3Dモデリングツールを改造しました。これで、ゲーム中にダメージを受けたら「痛そうな顔」をさせることができます。"前回の記事はこちら"『「ARPGに使える3Dモデリングツール」ポーズ毎の表情＋GLBビューワを作った』■はじめにこんにちは😊前回は、「ドラゴンハンター」という名前で、ARPGっぽいゲームを作ってみました。前回の記事はこちら『「ARPGに使える3Dモデリングツ…ameblo.jp「これでARPGのキャラクターとして、かなり

登録スクリプトの更新 「Tampermonkey」の基本操作のひとつですが、「ダッシュボード」でインストールしたスクリプトを更新出来ます。「ダッシュボード」で更新ができたらと思う事が時々あったのですが、実は気付いていなかっただけでした。これはGoogleAIに聞いて判りました。最初は「ダッシュボード」の「リスト」の各行に更新アイコンがあると言うのですが、そんなの無いと聞き直すと、「更新日付」の欄がスイッチになっているとの回答。やってみたらその通りでした。「更新日付

「目次」対策の再点検編集画面上の「目次」は、記事上の「h要素」の編集に反応して内容を更新します。これはシステム側のスクリプト処理ですが、「S-RinEditor⭐」の巡回動作に問題を生じるので、「ver.3.7」で対策をしました。対策は一応は納得の結果ですが、細かなテストで以下の問題点を洗い出しました。①「操作パネル」を閉じずに記事を保存した場合「S-RinEditor⭐」を「✖閉じる」で終了すると、「操作パネル」を閉じる処理に合わせて「目次」から削除していた

JavaScript世界中で一番利用され、人気の高いプログラム言語がJavaScriptです。ブラウザがあれば、すぐに学習を始められます。ブラウザは、HTMLやCSSだけでなく、JavaScriptも使って表示させています。ブラウザが表示できるならば、当然JavaScriptが組み込まれています。面倒な環境構築の必要がありません。学習が進んでいって本格的に習得したいと思ったら、自分に合ったエディタをインストールすればよいでしょう。JavaScriptは今見ているブラ

「HTML表示」へ移動後にハイライトが残る「S-RinEditor⭐」のコードを見直して、動作チェックを繰り返していると、次の問題に気付きました。これは「目次」の有無とは無関係で、以前から潜んでいた問題です。「HTML表示」を開かない人には無縁ですが、検索・置換ツールを使うユーザーは、おそらく普通に開くと思うので。問題が生じる条件ある「検索文字列」で「検索」を実行して、「Text処理」「Html処理」の両方にヒットした場合。この状態で「HTML表示」のボタンを

「操作パネル」の入力枠のデザイン機能的な問題ではありませんが、「検索語」「置換語」の入力枠のデザインを変更しました。「ver.3.7」「ver.3.8」「ver.3.8」は、入力枠の角を少し丸め、枠線が太くならない優しいデザインに変更しています。また、各ボタンの横方向を少し狭めました。「Text処理」「Html処理」の切換えスイッチは、ラベルに英小文字を採り入れ、幅を節約したデザインに改めています。以上の変更で、操作パネルの最大幅を「Am

「S-RinEditor⭐」の起動中は「目次」を無効化する検索した文字列（検索語）が「目次」内でヒットすると、「⇧」「⇩」キーによるヒット文字列のチェック操作に異常を生じます。詳しくは、前ページを参照ください。この問題の対策方法を幾つかテストしましたが、最も良い結果だった以下の方法を採用しました。「目次」対策の処理編集システムが「目次」を取得するのに使うのが「nav要素」（目次の本体）の「data-toc="1.0.0"」という属性名と属性値です。これを削除すると、

「S-RinEditor⭐」について最後に「S-RinEditor⭐」を更新したのは2025年2月です。別に放置して来たのではなく、トラブルなく使えて来ました。もしブログ編集画面でブラウザの「検索」を良く使われる方は、ぜひ「S-RinEditor⭐」を試してみてください。最大の特徴は、「検索/置換」ができる事です。拡張機能を探しても、アメーバブログで使える「置換」が可能な検索ツールは無く、自力で制作したのです。当初は多くの困難がありましたが、現在は安定した動作

全コードのブラシュアップツールチップを表示するために、「ユーザー登録ボタン」の構成を変更する必要がありました。この変更に際して、これまでの「QuickEntryList」のコードやクラス名等を整理し、ブラシュアップしました。下は、「ユーザー登録ボタン」の設計図にあたるコードです。「QuickEntryList」ver.3.188行～'<buttonclass="qe_button"id="qe_1">'+'<spanclass="tip"></s

「ユーザー登録ボタン」「QuickEntryList」の便利な機能のひとつが「ユーザー登録ボタン」です。ブログの新しい記事を編集する際に、「過去の特定の記事や、特定の時期の記事群」を参照したり複製したりすることが多い場合に、それらの記事が必要になって何度も探すのは能率が良くありません。数個の記事なら、記事のURLをどこかのフォルダーに保存しておく方法が使えますが、特定の期間の多くの記事となると...「ユーザー登録ボタン」は、「記事の編集」の画面で良く開くページのどれかを登録する機能

「複製パネル」のインターフェイスを改善今回の更新は「複製パネル」に全て集約されました。このパネルの操作性を、当初から重要視していますが、インターフェイスを更に判り易くしました。「複製パネル」の表示後は、複製元以外の記事は操作を受け付けない様にしましたが、他の記事にマウスポインタを乗せるとリンク先を開くことが出来ます。やはり、この移動も好ましくないと考えました。「複製パネル」で「複製」をするのかどうか、中止するなら「✖」を押すしか選択肢がない様にして、ユーザーは何処で何をしている

複製日付の設定をホイール操作で可能にする今回、Edge上でツールの更新を行っていたので、マウスホイールで日付の設定枠が操作できたため気付かなかったのですが、ChromeやFirefoxではホイールが使えないことに気付きました。「inputtype="number"」の扱いで、ブラウザによって「ホイール操作の許可・無効」が異なる様です。どちらかというと、ホイール操作で「値の変更に気付かない」ことを嫌って、ホイール操作を抑止する傾向が強い様です。しかし、「QuickEntryList」

切換えができるパネル前バージョンでは「複製」ボタンの「Ctrl+左Click」「Alt+左Click」で複製機能を変更していました。しかし見方を変えると、「投稿日付」をどう指定するかが違うだけなので、パネルを2通りの使い方ができる様にすれば、操作を統一して判り易くできると考えました。操作パネル複製をする記事の「複製」ボタンを「Ctrl+左Click」すると、常に操作パネルが表示される様にしました。「操作パネル」は「投稿日付」を元記事と同じにも、任意の日付を指定することもできます。

 「複製記事」を任意の日付に保存する前バージョンで、「複製記事」の投稿日付を、複製元と同じ日付にする機能を作りました。この機能のテストをして細かな問題を改善していると、複製の日付を任意の投稿日付に出来る機能が、一番求められていると思えて来ました。しかしその機能には、投稿日付を設定する機能が必要で、それをどの様にして設定するのか、インターフェイスについて色々と考えました。その暫定案ですが、「複製」ボタンを「Alt+左Click」すると、小型の「投稿日付」の設定パネルを表示し、そこで

■はじめにこんにちは😊前回は、GLBファイルから迷路内でドラゴンを倒すアニメーションを作ってみました。「ここまでスマホだけで作れるようになるとは…」と、自分でもちょっと驚いています。そして今回は、その続き。ChatGPTさんに「ドラゴンバスター」を作るためのプロンプトを書いてもらい、それをClaudeへ渡してゲームを作ってもらうことにしました。AI同士でゲームを作る時代ですね(笑)■あれ？「ドラゴンバスター」が変なことに…さっそくプロンプトをお願いしたところ、さすがに一発でゲ

不整な「header」の対策CSVファイルで、データの最初の改行までの1行目を「header」と言ってます。その後の行には、カンマ「,」で区切ったデータの配列が「決まった数」ずつ並びます。CSVファイルを読込んだ側は、そのデータが各行に何個あるかで「列数」を判断し、また、そんな行が何行あるかで「行数」を判断します。その「列数」「行数」で「表」を作ります。で、最初の1行目の「header」は、それ以下の行と同じ「列数」なら、簡単に「表」が作れますが、「header」を勝手な扱い方

「table表」の優位性ネット上のSNSなどでは、「table表」を記事に載せる代わりに、Excelなどのアプリケーションのハードコピーを記事に貼り付けているのを良く見かけます。これは、ブログ編集画面上で動作する「作表アプリ」が、ブログ環境ごとに必要なので、余り無いのが一因だと思います。ただ、このハードコピー（スクリーンショット）を記事に貼り付ける方法は、色々と弱点があります。①記事の本文に比べて「文字」「枠線」の表示が汚く、文字サイズが不均一になる。➁「表」のテキスト内容は

「集計データ」にNaNが表示される「Total3months」を実行すると、集計値に「NaN」が表示されました。あれまあ、これは集計の処理に問題があり、数値以外のデータを集計したらしい。スクリプトツールの制作過程では「NaN」は時々見る失敗の結果です。で、7月のデータに切換えて、理由に気付きました。集計の1位のアクセス数が「1,004」と「カンマ付き」で表示されてます。私のブログでは、1記事の1ヵ月集計が3桁を超える事は殆ど無いので、この問題に気付かなか

「BlogTable⭐Import」とは「table表」のデータを保存したり、他のアプリで読込んで利用するために、昔から「.csv」「.tsv」のファイル形式が利用されて来ました。文書データを「.txt」形式のファイルにすれば、たいていのアプリでデータを互換できるのと同じです。この公用のファイル形式を読込んで、「BlogTable⭐」に受け渡すためのツールが「BlogTable⭐Import」です。このページで「気象庁」の情報をサンプルにして読込みテストをしていますが

JavaScriptJavaScriptのネーミングは、言語仕様上の制限以外には利用者側で自由に決めることができます。しかし、世界中で広く採用されているコーディングルールに従えばあれこれ迷わなくて済みます。コーディングルールの内、ネーミングに関わるものを紹介します。意味のある分かりやすい名前を付けるネーミングに共通するルール使える文字は、半角のアルファベット,_（アンダースコア）,＄,数字アルファベットの大文字と小文字は区別されます。数字から始まるものは使えないシステ

 「記事の編集・削除」の「記事の複製」の扱い 「記事の編集・削除」は判り易い良いネーミングでしたが、いつからか「記事の編集」となんだかなタイトルが変わりました。「編集/削除/複製」とか「記事の管理」位の名前の方が判り易くない？まぁ、いいですけど。この画面は、全ての投稿記事のデータベースで、各記事に対して「編集」「複製」「削除」の処理が出来ます。これは、ブログシステムの基幹部ですね。この画面で、ある記事の「複製」ボタンを押すと、全く同内容の「複製記事」が作られます。で、ここから

セルナンバーの記入機能「table表」関連のツールを開発する際に、テストサンプルとしての表を作る場合が多いです。「BlogTable⭐」を使ってサンプルの表を作った場合、最初はセルにデータが無く、下の様に枠だけの「table表」になります。しかし、実際の開発時のテストでは、表にデータが書込まれていないと判らない事も多いので、エクセル風にセルの番号（セルナンバー）を書き込みます。下は、

「CellDesign」の更新に対応しましたこの間、「BlogTable⭐CellDesign」をブラシュアップして更新しました。このツールと「BlogTable⭐」は、「table表」の修飾方法を住み分けして、双方の干渉を避けてきました。修飾の仕方BlogTable⭐tableごとに「styleタグ」を用意して、そのタグによって修飾するBlogTable⭐CellDesigntableの「tdタグ」にスタイルをインライン指定して修飾する（

操作パネルでの「Alt+Click」操作を「Click」に変更「BlogTable⭐CellDesign」は、選択したセルに対して、操作パネルからインラインスタイルのデザイン指定を書き込む機能です。このツールの基本操作は◎デザインを指定するセルを「Ctrl+左Click」で指定する◎操作パネルの各種の設定枠を「Alt+左Click」して、設定枠の指定内容を適用するというものでした。最終的な「指定の適用」を「Alt+左Click」としたのは、操作パネル上でスピナ

「太字」「テキストの配置」の指定機能を追加「BlogTable⭐CellDesign」は、選択したセルに対して、操作パネルからインラインスタイルのデザイン指定を書き込む機能です。このツールが扱えるインラインスタイルは以下ですが、今回、「太字」「テキストの配置」を追加しました。指定項目style属性で指定するプロパティ指定範囲初期値セル背景色background-colorHEX-color値指定なしPadding上padding-top

「BlogTable⭐CellDesign」について「BlogTable⭐」は「任意位置の行/列の追加や削除」「セル結合」「セル幅の指定」などの機能を実現し、中規模のコードサイズになりました。複雑なコード構成で、何かの新機能の追加で全体のバランスを崩すと、再調整に苦労するのは必至です。そのため、「BlogTable⭐」に追加したい機能が出来た場合は、別の補助ツールで実現しています。「BlogTable⭐CellDesign」は、セルのデザイン修飾を纏めた補助ツ

「JavaScriptツール」のCookie利用「Cookie」について調べると、サイトがユーザーに送信するなどの説明がたいてい出て来ます。それは一般的なウェブアクセス時の説明ですが、ユーザースクリプリクトツール（JavaScriptツール）の場合は、少し異なります。「Cookie」が実際に保存されている場所は、各ブラウザが使用する専用の記憶領域です。ユーザーが何かのWebページを開いた時に、ユーザー側の手元にそのページに関する覚書ノートとしてCookieの記憶域が作られて使われ

「HOME」の時刻表示にCookieが反映しないいつからこの問題を生じていたのか判らないのですが、「HOME」の時刻表示が初期値の表示に変わってしまっていました。変だと思って「英字」型や「漢字の省略」型に切換えて「HOME」をリロードすると、やはり初期の全てのデータの漢字表示に戻ってしまいます。原因は、表示デザインをコントロールする「Cookie」を正常に読込めていない様です。当惑してFirefoxを調べると、こちらは正常。Chromeで「HOMEWatch」の旧いバ

「集計データ」の表示デザインを更新しました「Total3months」は、過去3ヵ月のアクセス数を集計して、今日～7日間などの比較的最近のアクセス傾向と比較することを目的としたアクセス解析の補助ツールです。比較は、「アクセス数が多い記事」のリストに表示する、2種類のパネルによって行う様にしています。◎「TotalDisplay」は、「アクセス数が多い記事」のリストと同様、アクセス集計の多い記事の順にソートして、「記事タイトル」と「集計値」を表示します。◎「Asid

■はじめにこんにちは😊前回は、3Dモデリングツールが吐き出したglbファイルを使って、勇者が疾走するアクションを作ってみました。今回は再びツール側の改良です。今回やったことは、-スカートのバグ修正-ごちゃついてきたメニュー整理-ポージングの座標系見直し-オマケでアニメーション作成になります。見た目は地味ですが、中身はかなり大きく進歩しました。■スカートのバグとは？前回作ったスカートは、見た目だけはそれっぽかったのですが、大きな問題がありました。それは……キック