ブログ記事1,683件
記事中のアイコン画像のレイアウトツールツールなどの説明する記事中で、ツールに使われている「アイコン」を示すために、同デザインの「24px」サイズの小画像を使います。この小画像のレイアウト設定をするツールが「Image-iconSetter⭐」です。小画像を挿入時した時のレイアウトアメーバ編集画面のシステムは、画像を本文中に挿入すると、挿入した段落「p要素」に「text-align:center」などの画像の配置設定が書き込まれる場合があります。（ユーザーの挿入画像のダイア
ArduinoでBluetoothやwifiを使った通信のサンプルプログラムを参照していると，「コールバック(callback)」とか「コールバック関数(callbackfuction)」という言葉がよく使われています。また，その略を冠しているのでしょう"cbData"などというデータ名も説明などなく普通に使われています。しかし，私にはこの「コールバック(callback)」という言葉が電話の時に折り返し連絡する事以外にはどうにも不可解だったのです。それで遅まきながらGoogle様に
ヘルプボタンの置き場所ツールのヘルプボタンは、出しゃばり過ぎず、画面の本来の機能を邪魔しない様に、配置することを心がけています。しかし「DisplayALTEditor⭐」は、固定したツールのパネルを持たないので、ヘルプボタンを置く場所がありません。しかし、先日「操作マニュアル」を独立したページに纏めたのですが、自分で作ったツールなのに、機能の意味があいまいになっていたりするので、やはりマニュアルを開くためのヘルプボタンはあった方が良いと思いました。自分がユーザーだったら、どの
「代替テキスト」のフキダシが邪魔になる場合ブログ編集画面で、本文中に「アメーバ絵文字」や「アイコン画像」などのサイズが大変に小さい画像がある場合、それらの小画像に対しても「DisplayALTEditor⭐」は「代替テキスト」をフキダシ表示します。この場合、フキダシ表示は小画像の殆どの部分を覆ってしまいます。そのため、デフォルトの編集画面の機能の、小画像のサイズ・配置・代替テキストなどを設定するダイアログを表示したくても、画像をクリックする事が難しくなります。下の例は、アイ
ブログ編集画面で、画像に設定された「代替テキスト」を素早くチェックするための機能が「DisplayALTEditor⭐」です。画像上にマウスを乗せると、画像左上隅に「代替テキスト」をフキダシ表示します。いちいち画像をクリックして代替テキストの設定ダイアログを開く必要がないので、設定忘れのチェックや、不適な代替テキスト（AIによる）のチェックに有効です。目次「代替テキスト」を可視化する 「代替テキスト」を一時的に非表示にするリンクカードの「サムネイル画像」の「代替テ
「TitleView」表示を保持継続する「TitleView」ボタンを押すことでリストのタイトル部のデザインを変更できますが、開いている年月を変更すると、これまでは設定がリセットされました。この設定は、ユーザーが変更するまで維持された方が便利と思われるので、ローカルストレージで状態を維持する様に改めました。「QuickEntryList」ver.4.3930行～functiontitle_view(){letentryList=document.q
月末・次月のリストの結合表示2025年以前は、タイトル文字がすべて表示されなかったのですから、それに比べたら現在の「記事の編集」はずいぶん改善されました。「記事の編集・削除」の更新に対応中/AmebloManagement「記事リスト」の改善「記事の編集・削除」が更新されました。主要部の「記事リスト」のHTMLが変更になり、これまでの「AmebloManagement」の「…ameblo.jp「月末・次月のリストの結合表示」は、とても便利で有効な機能です。アメーバが本気
■はじめにこんにちは、プロンプト・ウサギです。前回、パラパラまんがのように、キャラクターの絵をコマ送りで動かせる「パラパラまんがメーカー」を作りました。『生成AIを使ってゲーム用アニメを作る3ステップ』■はじめにこんにちは。「プロンプト・ウサギ」です。AIを使ってゲームを作っていると、最近ちょっと気になることが出てきました。「ゲームの中で、ちゃんとアニメーシ…ameblo.jp自分で作っておいて言うのもなんですが、これ、なかなか面白いです。1枚のPNGに並べたキャラクターの絵を切り出
月末でリストが扱い難い問題PCでブログ記事を編纂していると、「記事の編集」のリストが月末になると扱い難くなります。私は2～3件の記事をストックして、順に投稿して行くことが多いのですが、月末になると投稿予定の記事が「来月の記事」になるので、「記事の編集」の今月のリストから見えなくなるのです。アメーバは良く考えていて、「管理トップ」の「最近投稿した記事」のリストがこの問題を救います。これがあるので、月末～次月の繋ぎ目を難なくこなせます。しかし、「最近投稿した記事」は前後に
HTML学習⑭JavaScriptで配列にデータを追加・削除する前回は、JavaScriptの「配列」について学びました。今回はその続きとして、配列の中身を追加・削除する方法を学びます。今回使うのは、push()、pop()、unshift()、shift()の4つです。これらは、配列に対して操作を行うメソッドです。メソッドとは、簡単にいうと「データに対して行う処理」のことです。→前回の記事「HTML学習⑬」を読む目次①push()｜最後に追加②pop()｜最後を削除
HTML学習⑬JavaScriptの「配列」を学ぶ前回は、JavaScriptの繰り返し処理について学びました。今回はその続きとして、複数のデータをまとめて管理できる「配列」を学習しました。実際にコードを書きながら、配列とfor文を組み合わせて、複数のデータを順番に表示するところまで試してみます。■目次1.配列とは？2.配列を作ってみる3.配列からデータを取り出す4.for文と組み合わせる5.実際に作ったコード6.今回学んだこと7.次回に向けて1.配列
AIを先生にしてHTMLを勉強してみる｜初心者のHTML学習⑫今回は、JavaScriptのfor文とif文を組み合わせた条件判定を学習しました。前回は、for文を使って1〜10までの数字を繰り返し処理しました。今回はそこから一歩進んで、「繰り返しながら条件を確認する」処理を作ってみます。目次1．今回作ったもの2．今回のコード3．「%」で余りを調べる4．for文とif文を組み合わせる5．ifとelseで処理を分ける6．今回分かったこと7．次回に向けて前回の記事1．今
「TitleView」機能のレベルを3段階に「TitleView」機能は「記事の編集」のリストデザインをスクリプトで変更する機能で、目的は他のリストの表示要素に邪魔されないで「記事タイトル」を判別し易くすることです。「ver.3.9」で「TitleView」のボタンを実装しましたが、私のブログでテストしていると、「投稿ステータス」「記事の投稿日時」などは表示した方が便利そうです。記事のタイトルの文字が全て「全角の文字」だと、3個の機能ボタンを除く範囲が、記事タイトルで埋まりますが
にゃんこいずべすとカバーロスト
「記事タイトル色」のクラス名が変更されていました気付かないでずいぶん長く放置して来た様ですが、「記事の編集」の各リスト行の「記事タイトル」関連のクラス名が、一部変更されていた様です。「QuickEntryList」ver.3.9406行～letpage_year=document.querySelector('#entryYear#year');if(page_year){page_year=page_year.textContent;}else{
「記事タイトル」を見渡してチェックしたい「記事の編集」のリストは、最大で20件の記事が一覧できます。リストは投稿の日付時刻の順に並び、記事タイトルで記事を区別して、ユーザーは探している記事をみつけることができます。ただ、私は注文が多いのですが、アメブロのデフォルトの「記事の編集」のデザインは、間延びして記事を探し難いのです。なので、このページのデザインを、20件をスクロールなしに一覧可能にアレンジする「AmebloManagement」を使っています。通常
「月間ブログアクセス数」のグラフ拡大表示機能を更新 「Awake」を利用されているユーザーは少ないかも知れませんが、「グラフ拡大表示機能」は更に使われることがない日陰の機能かも知れません。この機能を作った理由は、以下のページを読まれると判ると思います。管理トップの縦棒グラフの不具合を修正「Awake」（14）/JavaScript「棒グラフ」の縦方向の拡大表示以前にスタブロのコメントで、「アクセスの棒グラフが下辺に張り付いて読めないで困っている」というコメントをされていた方が居ら
「リアルタイムアクセス」の改善に対応しました BOT排除処理をした昨日の「集計」カウントと「リアルタイムアクセス」のカウントが比較できなくなっていましたが、9月末に「リアルタイムアクセス」もBOT排除済の値の表示に改善されました。今年8月末の「Awake」ver.3.9は、「管理トップ」の縦棒グラフの高さを50%に圧縮して、棒グラフの表示域を調整していました。しかし、今期の改善でこの処理は不要になり、縦棒グラフを従性のデザインに戻しました。◎「Awake」ver.3.9縦棒
やれば出来ることは多い「リアルタイムアクセス」で「bot処理」を行うには技術的には難しい事があったのかも知れないし、単に導入が後手に回っただけかもません。いずれにせよ、良くなったというべきでしょう。2026年9月28日に告知され、同日に運用が開始されました。アメーバスタッフ『「現在のアクセス数」の集計方法の変更について』いつもAmebaをご利用いただきましてありがとうございます。Amebaブログカスタマーサポートの島野です。アクセス解析で確認できる「現在のアクセス数」の…
「FontAwesomePalette」についてPCのブログ編集画面で、専用の絵文字パレットから「FontAwesome」の絵文字の入力を可能にするツールが「FontAwesomePalette」です。例えば検索を示す「」は「FontAwesome」の絵文字です。下は、これを入力する様子です。パレットにない絵文字は「FontAwesome」のサイトで検索して、このパレットの下部にペーストすることで、入力ができます。今回、このパレットツールだけで、絵文字の入
■はじめにこんにちは。「プロンプト・ウサギ」です。AIを使ってゲームを作っていると、最近ちょっと気になることが出てきました。「ゲームの中で、ちゃんとアニメーションするキャラクターを動かしたい！」前回の記事では、YouTube動画を見ながら「ヴァリスのようなゲームを再現してみたい」と書きました。『ゲーム画面の動画編集したいから編集アプリ作ってみた』■はじめにこんにちは。「プロンプト・ウサギ」です🐰最近、ゲーム制作をしながら、ちょこちょこデバッグや調整をしています。今回作っているのは、
■はじめにこんにちは。「プロンプト・ウサギ」です🐰最近、ゲーム制作をしながら、ちょこちょこデバッグや調整をしています。今回作っているのは、「農業ゲームに使える3Dモデリングツール」……のはずなのですが、作っているうちにゲーム部分もどんどん育ってきました（笑）今回は、そのゲームの制作風景をブログに残そうとして、ちょっと困ったことが起きました。■ゲームのスクショが……撮れない！ゲームのデバッグ中。「ここを直しました！」「メイドの動きを調整しました！」「ボスを追加しました！」
「FontAwesome」のインポート機能「AmebloWysiwyg⭐」はPCのブログ編集画面の各種の環境を整備するツールですが、「FontAwesome」の絵文字に関しては、以下の2つの環境を用意します。①「編集枠外」の編集画面のウインドウ上で「FontAwesome」を表示するために、編集画面のウインドウに「FontAwesome」の「CDN」を設定します。➁「編集枠内の本文」（通常表示）に「FontAwesome」を表示するために、編集枠の本体の「iframe」の内
「FontAwesome」を表示する環境ツール「FontAwesome」の絵文字を記事中で使用するには、「FontAwesome」の呼込みを指定する簡単な「styleタグ」を記事に書き込む必要があります。この書き込み作業を自動で行うツールが「AutoStyleAttach⭐」です。今回、「FontAwesome」の絵文字のバージョン更新に対応して、書込む「CDN」コードを更新しました。また、「SNSボタン」の非表示用の「styleタグ」が記事編集で削除されるのを防ぐ様に、書込み
各種のアイコン画像をブログ記事内で表示する「FontAwesome」の絵文字は、ソフトウエア関連の記事を書くには、なくてはならないものです。この絵文字を「PC」と「スマホ」の両方で表示するには、本文記事の末尾などに「FontAwesome」の呼込みを指定する「styleタグ」を書き込む必要があります。「styleタグ」は簡単なコードですが、「AutoStyleAttach⭐」はそれを自動で書込むツールです。 「AutoStyleAttach⭐」操作マニュア
━━━━━━━━━━━━━━━━━━━━━💻「JavaScriptってJavaと何が違うの？」その質問が、キャリアの分かれ道になる理由━━━━━━━━━━━━━━━━━━━━━こんにちはたねまつですプログラミング学習を始めた当初、私は本気で思っていました。「JavaScriptって、Javaの簡易版？」その認識が、あっという間に吹き飛ぶ瞬間がやってきました😲今日は、その「世界が広がった瞬間」をあなたと一緒に体験してもらいたいです✨━━━━━━━━━━━━━━━━━━━━
JavaScript「画面を出す」で使ったJavaScrirtのキーワード及びその構文の仕組みを解説します。Nodeやelectronについても触れます。JS、Node、electronのキーワード・構文変数（オブジェクト）の宣言const{app,BrowserWindow}=require('electron');constはJavaScriptの変数宣言用キーワード書式：const変数名=値;・const宣言された変数の値・オブジェクトの参照は、再代入が
