JavaScript

こんばんは！もりちゃんラーメンです。Bootstrap歴6年の若輩者です。この度TailwindCSSに挑戦する事になりました。TailwindCSSを導入する前に、前準備として何が必要かを調べるため、ネット界隈を調べました。1.TailwindCSSとは何か？2.TailwindCSSとBootstrapの相違点は？3.TailwindCSSを使用するメリットとデメリットは？4.TailwindCSSの基本と応用は？5.リファレンス最後に

【防波堤サビキ釣りゲーム(スマホ用)】さあ、あなたは釣り人だ。サビキ仕掛けをアクション(画面タッチ)させて、魚を釣り上げろ！[監修•サビキーノ斉藤]ゲームプレイ(無料)URL↓https://sabikinosoft.blogspot.com/2026/05/blog-post_3.html?m=1#SABIKINOsoft#JavaScript#魚釣り#オリジナルゲーム#ほぼ生成AIが作った

JavaScript実行ベージクリックで実行。とりあえず試したい人用■シミュレーションゲーム(New)転生したら竹千代だった件転生したら竹千代（10歳）だった件logicmaker256-prog.github.io・参考ページ『シミュレーション試作品を改造してたら別物になっていった件』■はじめにこんにちは😊最近は戦国シミュレーションゲームをAIと一緒に作っているのですが、今回は試作品を改造していたら、気付けば別ゲームみたいになっていた話です…ameblo.jp■アクションRP

最終更新日：2026年6月7日【目次】1．はじめに2．カウントダウンタイマーの実装方法(1)フィールドの作成，制限時間の入力(2)スタイルの設定(3)JavaScriptの設定(4)HTMLの設定3．サンプルデッキのダウンロード4．おわりに1．はじめに当ブログではかねてから，暗記学習に効果的なツールとして，分散学習システムAnkiの使用を推奨している。Ankiは多機能だが，カウントダウンタイマー機能は用意

■はじめに最近、AIを使ってアクションRPGを作っています。敵を出したり、攻撃処理を作ったり、マップを歩けるようにしたり……。ここまでは、ChatGPTさんやClaudeさんのおかげでかなり順調。しかし。最大の問題がありました。「主人公キャラが全然かわいくない」本当は「女勇者」を作りたかったんです。ところがAIに作らせると、・マツコ・デラックスみたいになる・ドラえもんみたいになるの二択。速攻ボツになりました。そこでChatGPTさんオススメの「VRoidmobile

■はじめにこんにちは😊最近は戦国シミュレーションゲームをAIと一緒に作っているのですが、今回は試作品を改造していたら、気付けば別ゲームみたいになっていた話です。実際に遊べるものはこちらです👇️シミュレーション転生したら竹千代（10歳）だった件logicmaker256-prog.github.io■とりあえず前回の試作品前回、最低限遊べる試作品を作りました。ただ、この段階では正直なところ「なんとなく遊べる」レベルシミュレーションゲームとしては、もう少し歴史イベントや戦略性が

写真を公開するには、手作業がたくさんありますいらない写真を削除メタ情報ファイル名の変更画像サイズの縮小データベース登録サーバアップロードそれぞれ手作業が必要ですが、写真数が増えれば省力化が必要になりますプログラミングができるとAIを使ってツールが簡単に作れます実際の手順を自作ツールで省力化してみましたhttps://clinic.mond.jp/myphoto/photo_web.zipworkフォルダーとwebpフォルダーを作る

■はじめに最近、「AIでゲーム作れるらしいよ？」みたいな話をよく聞くので、じゃあ実際に、スマホで遊べる3DアクションRPGを作ってみよう！……と思ったのですが。結論から言うと、AI1つだけで作るのは、かなり厳しい😂でした。今回は、ChatGPT・Claude・Geminiを使い分けながら、実際にゲームを完成させた話を書きます😊■今回作ったゲームまずはこちら。・コードGitHub-logicmaker256-prog/realtimeRPG-01Contri

■この記事でわかること・自分で作った「主人公無双」の物語からAI使ってちゃんとしたシミュレーションゲームをつくれます・AI毎のアドバイスの違いを確認できます。・AI使ったシミュレーションゲーム作りを学べます■はじめに今川が強すぎてゲームになりませんでした。すいません。終わりーとしたいぐらい今川超強力です。それにしても、今川を調べれば調べるほど、「なんで、信長勝てたんだろ？」と不思議になるほどです。誰が好き好んで、こんなのに喧嘩売るんだろうと、シミュレーションゲームの敵役を

CookieClicker（ブラウザ版）向けのチートModメニュー「FM-MOD」の開発者、FMsargeです。本ツールは、ブラウザの開発者ツール（F12/コンソール）が制限されている環境（学校・企業等のPC環境）においても、ブックマークレット形式（お気に入りへの登録）により、1クリックで起動できる「史上最強」のチートUIメニューです。すでに外部の主要ブログ等のメディアにおいても「革新的なチート機能と優れたデザインセンスを両立させたMod」として大絶賛の評価をいただいております。■主な

レイアウトに優れた「引用」デザイン記事を書いていると「引用」を使う場合が時々あり、「BQuoteSign⭐」はその度に利用します。編集画面デフォルトの細線デザインは物足りないし、1行の文字数が少なすぎるからです。そこで制作したのが「BQuoteSign⭐」で、配色を変更出来る箇所が多くて、好みの「引用」デザインを設定できると思います。今回、このツールが設定する「引用枠」の行のレイアウトを少し修正しました。また、「行の均等配置」のレイアウトを可能にしました。

過去の記事を読んでいて「あ、誤字見つけた！」ってなった時、修正するには「本来ならば」その記事の下部に表示されている編集するをクリックすればできるはずなんですがね・・・みて、私のブログ、管理者としてログインしているのに出てないのよ。いいねの下か横あたりに表示されるらしいんですが、一度も見たことがありません。そういうわけで、編集したくなった時は、まず記事の日付を調べて、管理画面からその日の記事を探す必要があります。めんどうなのでずっとなんとかならないかと思っていました。Gemi

「プログラミングを始めてみたいけれど、種類が多すぎて何を選べばいいかわからない…」「せっかく学ぶなら、将来性のある言語を選びたい！」これから新しいスキルに挑戦しようとしている時、誰もが最初にぶつかるのが「言語選び」の壁です。実は、プログラミング言語選びは「自分が何を作りたいか」という目的地を決めることから始まります。今日は、初心者の方でも迷わずにスタートを切れる、最新の言語トレンドと選び方のコツをシェアします！1.2024年、今学ぶべき注目の言

■このブログを読むと・AIがたまに出す、コードコピー文字数オーバーの対策がわかります。・聞きかじり情報で、それっぽいゲームが作れます(こんな感じ↓で出来ます)■はじめにJavaScriptのゲームを作っているので、Youtubeで「AI使って人気ゲームをつくる」みたいな奴を勉強代わりによく見ます。中でも「モンハン」は人気なのか多く目にします。ただ「モンハン」は人がやっている所を横目で眺めていただけなので、細かいとこは知りません。そんな私が「モンハン」を作ってみた話です。尚

「並び設定」のデフォルト設定が変わった？最近に導入された「並び設定」のパネルですが、その初期に対応した内容は以下の記事に纏めています。「AmbTVComfy」配信リスト機能・昇順変換の修正更新（86）/JSAmebaTVのシリーズ動画のリストAmebaTVで配信されるシリーズになったコンテンツを、順番に閲覧する場合は多いと思います。動画の書庫は「シリーズ動画を…ameblo.jpこの段階の調査では、「並び設定」のデフォルト設定は以下でした。◎「古い順・新しい順」は「古い

再生ボリュームのコントロールの2重化再生ボリュームのコントロールを「Shift+⇧」「Shift＋⇩」のショートカット操作で行う機能は、以下のver.8.2で採り入れました。「AmbTVComfy」再生ボリュームのコントロール（82）/JS「Video要素」の「ボリューム」AbemaTVは、動画再生開始時に「ミュート」を設定する事が多いので、常に最大ボリュームで動画再生を開始する様にして来ました…ameblo.jpこの機能を導入してから、ボリュームコントロールが2重になる現

✨スマホでアクションゲーム作る【JavaScript】👉無料AI3つで同じゲーム作らせたら“性格の違い”がヤバすぎた■はじめに（結論から）AI3つに同じ条件でアクションゲームを作らせたら、結果はこうなりました👇🥇Gemini(Proモード)→安定して強い優等生🥈Claude→発想は神、でも不安定🥉ChatGPT→指示待ちだけど伸びるしかも全部、スマホで動くゲームです。👉ということで今回は「無料AI3つでアクションゲーム作ったらどれが一番強いのか？」ガ

「フルスクリーン(f)」による弊害「AmbTVComfy」の「サブウインドウ表示」は、「F11」キー押下によるブラウザの「全画面表示」とベストマッチする設計です。一方、デフォルトの「フルスクリーン(f)」ボタンを押すことでも、動画をモニター全体に表示することができます。ここでは紛らわしいので、その状態を「フルスクリーン表示」として区別することにします。「サブウインドウ表示」＋「全画面表示」の画面と「フルスクリーン表示」の画面は、動画周囲の僅かな枠線の有無

「スクリプトの実行順」の照合「UserScriptList」は色々な事に利用できるツールです。「Tampermonkey」のバックアップファイルを比較して、登録したツール名・バージョンの違いを調べる事が、このツールの基本機能です。異なるブラウザの「Tampermonkey」間で、登録ツールの環境を同期させる作業に使いますが、他の目的で利用する事も可能でしょう。実際の必要に応じて「UserScriptList」を更新して来ましたが、今回、スクリプトの実行順の違いを表示する機能を追加し

■この記事でわかること・AIだけでRPGを3D化する流れ・初心者でもハマるポイント（メモリ系バグ）・「全部やらない」が成功のコツ■はじめに前回、👉「とりあえず遊べるRPGを作る」結論：それっぽいのはできた😊でも…テキストだけで、地味すぎる。■じゃあどうする？普通なら👇👉タイル画像を貼る（＝よくある2D）ただ画像を作るのが面倒なので、今回は違います。👉「そのまま3D化」いきます理由はシンプルやりたい人が多いから■今回の作戦（ここ重要）いきなり全

「エンドロール機能」殆どの動画コンテンツは、最後の数分間の「エンドロール」で締めくくられます。作品の制作スタッフやラボ、使用楽曲などの紹介と、シリーズ動画の場合は予告編などが「エンドロール」を構成します。シリーズ動画の閲覧でこの部分を飛ばせば、閲覧時間の節約になります。反対に、毎回のエンドロールや予告編を、しっかり見たい場合もあります。このようなニーズに応えるのが「AmbTVComfy」の「エンドロール機能」です。最近、この機能が正しく機能しない場合があるので、ABEMAの

「アメブロヘッダー」の要素の書き換え問題「AidAmbH」は、アメブロヘッダー「#ambHeader」の主要なリンクアイコンを専用のデザインに描き変えます。これは、このツールが機能している事のインジケーターとして、継承して来たデザインです。このアイコンのデザインは「svg画像」として描き入れていますが、今年の2月のシステム変更で、少し問題を生じました。この記事のタイトルの通り「選択箇所へのリンクのハイライトが消える」原因が、アメブロヘッダーのアイコンの描き変えにあることが判

アメーバの過剰なAD配信最近は、スマホアプリの過剰なAD表示が、ユーザーの主な問題になっている様です。おそらく端末で「プライベートDNS」を導入するユーザーが、今後はかなり増えて行くと思います。過剰なAD表示を続けると、アメブロのユーザーのAD対策を促進する結果になるでしょう。アメーバの運営は、ユーザーのADブロック対策の拡がりを、むしろ把握したくないのかも知れません。ADクライアントにはAD配信の実績だけを示せば良いので、クライアントがAD効果に疑問を持ち、ブロックの常態化に気付

「AmbTVComfy」のサムネイル拡大表示機能ABEMAサイト内の各種のページには、沢山の「動画サムネイル」が表示されますが、それを「右Click」すると、「サムネイル画像」をウインドウ内に拡大表示します。これは「ライトボックス表示」と呼ばれますが、写真などを閲覧したり、詳しく調べたりする画像優先する機能です。操作方法は以下を参照ください。「AmbTVComfy」操作マニュアル/動画サムネイルの拡大表示「AmbTVComfy」は「AbemaTV」の閲覧を快適にする

リブログカードが生成されない問題あいかわらず、リブログカードが正常に表示されない場合が多いです。この対策で先月に「PopupReblog」を修復更新したのですが、システムエラー時に表示されるはずの「代替カード」が、表示されませんでした。原因は、アメーバのシステムが表示する「エラー表示」のデザインが、前回に修復した時とは違っているのが原因でした。前々回の「エラー表示」は「ご指定のページを表示できません」で、前回は「HTTPheaderislargerthan10240

「AmbTVComfy」の管理のためのスクリプトツール「AmbTVComfy」の機能のひとつに、サイト内のそこら中にある「動画サムネイル」を拡大表示する機能があります。「AmbTVComfy」操作マニュアル/動画サムネイルの拡大表示「AmbTVComfy」は「AbemaTV」の閲覧を快適にするツールです。このツールの主要な機能は動画プレーヤーの機能拡張ですが、動画サムネイルの拡大表示…ameblo.jpこの機能は、ABEMAサイト専用の「LightBox」です

■はじめに「スマホだけでRPGって作れるの？」→結論：それっぽいものは作れました😊ただし問題はここからで…・装備を買わない・討伐したのに忘れる・食堂に負けて武器屋に行かない👉AI、自由すぎる（笑）今回は、この“謎挙動だらけのRPG”をちゃんとゲームとして成立させるまでの調整記録です。■目標：ちゃんと遊べるゲームにするまずはゴールを決めます👇👉「1日サイクルで遊べるRPGにする」■ゲームフロー（完成形）①タイトル→セーブデータ確認・使う→ロード

「AmbTVComfy」の総点検とブラッシュアップ「動画プレーヤー」のクラス名の変更だけでなく、色々な個所の変更が行われている様で、多数の問題点ごとにコードの修復・更新を行いました。2種類のクラス名に対応するコード以下の部分は、2種類のクラス名のどちらかが使われる要素の取得コードを、最新のコードに書換えています。「AmbTVComfy」ver.8.851行～letplayer=document.querySelector('.c-vod-EpisodePlay

「配信リスト」のスクロールがメインウインドウに伝達するウインドウ内にスクロール要素があり、その要素のスクロール操作をしていてスクロール端に達した時に、メインウインドウ側にスクロールが移ることを「スクロールチェーン」と言います。このブラウザのスクロール仕様は便利な時もありますが、「AmbTVComfy」のサブウインドウの「配信リスト」のスクロールが、メインウインドウに伝達するのは、どうにも扱い難い状態です。このスクロール連動の制御は、CSSで簡単に指定できますが、「配信

ついにビニール袋（ヘイコーポリ）まで品薄になってきましたね。転売品が出回るのか…前から思ってた事で製品をビニールに入れて納品してたのだが効率が悪いと思ってて納品後にビニールを捨てるなら最初から入れない方が良いと思ってたので良い方向に転換しよう。明日100円ショップで仕切り付きのケース買うぞ！さて本題に。もともとBasic言語はある程度理解しててVBAなどで経理システムを作って業務活用してました。自社の都合の良い改良も出来るのでよかったのですがIT使用のため外で使えなかったのがネ