Javascript

ブラウザで動くインストール不要のカメラアプリを作ったので、紹介いたします無音カメラ無音カメラアプリ。iPhone、PC、Android対応。タイマー撮影、ミラー表示、解像度選択可能。写真保存。mjeld.com↑アプリのインストールもいらないし、開いたらすぐ撮れる手軽さiPhoneでもPCでも普通に使えるので、意外と便利なんですよこれ。こだわったのは、iPhoneでちゃんと切り替わるカメラ。ブラウザのカメラって、内側カメラ・外側カメラの切り替えがうまくいかなかったり、「ミラ

ボタンをページ上に作る方法「FollowFeedChecker」の「Memo」マークは、機能の目的から「マーク」と言っていますが、クリックする事で自らの色を変えるボタンです。この様なボタンの動作はJavaScriptによる典型的な機能で、CSSで構成する事は難しいものです。一方、ボタン自体を表示する事は、スクリプトでボタンの要素を生成して表示する事が確実ですが、CSSの疑似要素を使って表示できる場合が多くあります。「スクリプト」によるボタンの生成「スクリプト」でボタ

「EveryPageWorker💢💢 ALT」とは 「EveryPageWorker💢💢 ALT」は、「代替テキストの自動設定機能」のリリース前の過去記事に、自動設定機能を働かせるツールです。この目的で、過去記事の再編集と保存、「代替テキスト」の設定チェックを自動で連続的に行います。難しい事は判らない、したくないというユーザーにはお勧めできないツールですが、ブログ管理に重きを置くユーザーには、このツールの有効さが判っていただけると思います。今年12月の段階で、「代

「リンクカード」「ピックカード」を判定の対象外に「Gif」画像を含むと「代替テキスト」が追加されないシステム上の問題が改善されたたため、それに隠れていたシステム仕様が明らかになりました。これは前ページに纏めています。「AidAmbH」お知らせ機能（コメントに返信）に対応/JavaScript「HOME」の「コメントに返信」のお知らせ機能「コメントに返信」機能が、漸くPCの「HOME」の「お知らせ」に実装されました。スマホアプリの場合は「」のア…ameblo.jp要は、外

続きといえば続きなのか。『数字が数えにくい言語はどこだ？』ちょっとした理由で、DeepLで翻訳をしていた。フランス語quatre-vingt-dix-sept大学時代に第二外国語でフランス語を選んだので、数学科の…ameblo.jp97という数字をどのように文字にするのかってことをやったわけだが、その数えにくさというものを、どのように数値化しようかってことで、プログラミングした際に、どれくらいの行数掛かるのかということを、日本語、英語、フランス語、ドイツ語でやってみようってのが

「代替テキスト自動追加」機能の「Gif」対応前ページにも書きましたが、これまで「Gif」画像があると「代替テキスト」が追加されない問題に対応して、「DisplayALTBlogPage」も特別なチェック機能を用意して来たのですが、その必要がなくなりました。色々テストをして、「Gif」画像があっても全く問題なく「代替テキスト」が追加されるので、ひと安心です。「Gif」対応に合わせ「DisplayALTEditor⭐」を一部更新ユーザーは、サムネイル画像の「代替テキスト」

システム側で「Gif」画像の対応が改善されました「画像の代替テキスト(alt)の自動追加」機能は、「おためし版」として今年8月からPC版の編集画面に実装されましたが、全ユーザーへの標準実装は未だの様です。【新機能】画像の代替テキスト(alt)を自動で追加できるようになりました/スタッフブログいつもAmebaをご利用いただきありがとうございます。Amebaプロダクトマネージャーの鴻上です。この度、画像に代替テキスト(alt)を自動で追加できる…ameblo.jpしかし先

フォローフィードの「未読・既読マーク」 「未読・既読マーク」の基本的な扱い方下は、アメーバブログ「HOME」ページのサンプルです。フィードのブログ名やユーザー名などは、セキュリティ目的で難読化しています。上はアレンジスタイルの「AmebloManagement」で「HOME」をアレンジした状態ですが、このスタイルの機能で「フォローフィード」に「未読・既読」を示すマークが表示されています。「新着」はアメーバのシステムが表示する「●」マークです。これは直ぐに

「フォローフィード」の「既読マーク」に生じた問題今年4月のChromeの「:visited」の扱いの変更は、私にとっては大きな問題になりました。それまで便利に使えていた「フォローフィード」の「既読マーク」が、すべて「未読」のままとなり全く使えなくなったからです。「既読マーク」の表示は「AmebloManagement」の「CSS」で「:visited」疑似クラスを利用して実現していました。しかし、そのCSSの効果が無効になり、それから1ヵ月ほどの間にスクリプトによる対策を練り、「フ

IntroductionMaterialProReactAdminFreeisanopen-sourceReactdashboardtemplatedesignedfordeveloperswhowantaclean,functionalstartingpoint.ItusesReactandMaterialUI,makingitsuitablefordashboards,adminpanels,internaltools,

Chrome/Edgeで再び変更された「:visited」の扱い「:visited」の扱いは、セキュリティに関連するという事で、今年4月にChromeが扱いを変更しました。（エンジンが同じため、Edgeも変更）その時点では、Chromeの「Config設定」で、それまでと同様の扱いに戻せましたが、今秋にそれも不可能になりました。現時点で「Chrome」「Edge」では同様の扱いで、「Firefox」は従来の扱いです。問題の「:visited」の扱いとはブラウザの「:visi

「h4」要素（見出し）を導入するアメーバブログには、デザインされた「見出し」を簡単にブログ記事の本文に入力できる機能が用意されています。一方、私のブログはこの機能が出来る以前から、見出しの「h2要素」「h3要素」を自分で作ったシンプルなデザインで統一して来ました。「ElementsPalette⭐」は、その「h要素」を入力するツールとして作って使っていますが、今後も「h2」「h3」のデザインを大きく変更する事は無いと思います。前ページでも書きましたが、「目次」の設置

先日タロットコーナーのおまけコンテンツで作った大アルカナ神経衰弱ですが…、作った自分も何度もやってますが、ぜんぜん覚えられないですねコレ。トランプだと数字の語呂合わせで5～6枚は覚えていられるんですが、大アルカナだと非常に難しいです。トランプはハート・クラブ・ダイヤ・スペードのスートがあるので、同じ数が4つ存在することも難易度に差が出るのでしょう。なので、難易度を緩和すると共に、記憶力ゲーム要素を減らし、高得点狙いゲームの要素を加えました。ヒントボタン搭載！ペアが光ります！★

必要とするユーザーは稀だと思いますが幾つかのマニュアル記事で目次を設定していて、「DIV要素」を「h要素」に置き換えるツールが必要になりました。私のブログでの話ですが、マニュアルの記事で、「h2」「h3」だけでは段落の整理が出来ない部分を、小型の「囲み枠」を着けた文字列を「見出し」の代わりに使って来ました。本来なら「h4」の「小見出し」を設定するべき所を、下の様な「囲み枠」で代用して来たのです。この「囲み枠」は「ElementsPalette」を使って書き込んだものです。h4

「CKEditor」はスタンダードなウェブ編集環境PC版のアメーバ編集画面は、「CKEditor」という汎用の編集環境を、アメーバ専用にアレンジして構成されています。「CKEditor」がどれだけ色々な場所で使われているかは、ネット検索をしてみると判ります。下は、GoogleのAIに纏めてもらった説明です。CKEditorとは、ウェブサイトやアプリケーション内で文章などのリッチコンテンツを作成・編集するための、WYSIWYG（見たままの編集）方式のテキストエディタです。HTMLの知

ヘルプボタンが表示されなくなっていた10月末に動画プレーヤーページのHTML変更に修復対応しましたが、4週経って動画プレーヤーにヘルプボタンの表示が無いのに気付きました。兄弟ツールの「AmbTVOnAir」の「マニュアル」ページに、最近はアクセスが多いのですが、何故か「AmbTVComfy」の「マニュアル」ページにはアクセスがありません。それで「AmbTVComfy」のヘルプボタンを調べて気付いたのです。ヘルプボタンの場所このツールのヘルプボタン（マニュアルページへのリン

「見出し」の「h要素」記事中の「h1」「h2」「h3」などのHTML要素は「見出し要素」と呼ばれます。「見出し」と言ってしまうと広告のチラシを思い浮かべますが、HTMLでは文章の段落構成を示す「要素」として扱われます。この「h1」「h2」「h3」…を文字の大きさの指定と勘違いして扱うと、段落構成は無茶苦茶な文書になってしまいます。アメーバが編集パレットに用意した「見出しデザイン」は、「h要素」に最初からデザインを用意しているので、誤って「文字の大きさ」の指定に使われる

「代替テキスト」の自動設定機能にブログを対応させる 未だ選択されたユーザーしか利用できませんが、ブログ掲載画像に「代替テキスト」の自動設定を行うことが可能になって来ました。Google検索で、このSEO効果について調べると、AIが以下の答えを返しました。代替テキスト（alt属性）はSEOに間接的な効果をもたらします。検索エンジンが画像の情報を理解しやすくなり、ページ内容の理解度を高めます。また、画像検索でのヒット率向上、視覚障害者向けのアクセシビリティ向上、通信環境が悪い場合のユー

目次「EveryPageWorker💢💢ALT」の概要各記事で処理する内容動作環境を用意する❶「記事リスト」のアレンジ❷「編集画面」の環境❸ボッブアップの許可「EveryPageWorker💢💢ALT」の操作方法の基本操作パネル❶「処理を開始▶」（処理スタート・一旦停止）❷「リンクカードの処理指定」（🔗・Textの切換え）❸「記録件数」（不合格の記事の総件数）❹「不合格記事の選択枠➎「編集」❻「初期化」➐「Export」（ファイル保存）

履歴リストの自動ロードこれまで、検索範囲の「履歴リスト」を前もって読み込む必要がありました。「履歴リスト」はデフォルトで10件のリストが読み込まれているので、そのリストに対して検索を開始できますが、10件の検索はすぐに終わり、そこで「履歴リスト」の読み込み操作が必要になるという仕様でした。しかし、リストの末尾まで検索したら、次の「10件」を自動的にロードする様にすれば、いったん検索の自動進行をスタートすれば、ブログ開始時の「いいね！」まで検索を進めることが出来るはずです。これは今まで思

「IineSearch」はほんとうの読者を探すツールです「IineSearch」は、ごくたまに「いいね！」を押してくれるユーザーを調べるツールです。あるユーザーが「いいね！」を押してくれた時に、その方が以前にも押しているかは、「いいね！してくれた人」のリストで判ります。これは「いいね！履歴」の画面にある2個のリストの内のひとつです。(参考）下のリンクをクリックすると、あなたのブログのこのリストが開きます。「いいね！してくれた人」のリストblog.ameba.jp

「ビープ音」と「告知音」 「ビープ音」とはPCのハードエラー時の警告音で、短い「ピッ」や少し長い「ピー」等の音で、モールス信号の様にエラー時の状態を知らせます。現代のPCはスピーカーを通じて「音楽」「音声」等を流す事が出来ますが、これはOSが起動した上で各種のプログラムが再生します。しかし、致命的なハードエラーの場合はOSを始め、全てのプログラムが動作出来ないので、マザーボードに直結した専用の小型ブザーが「ビープ音」を鳴らす仕組みになっています。下は、デスクトップPC用の「ビー

「Ameba全体検索」でも検索語の追加・変更を可能にする「AmebaSearchRepeat」は「ブログ内検索」でのみ機能し、「Ameba全体検索」（HOMEの検索窓から開始）の場合には動作しません。調べると、やはり検索枠の検索語を追加したり変更したりすると、「Ameba全体検索」の初期画面に飛ばされてしまいます。私達が使い慣れた検索窓は、スペースを挟んで検索語を追加入力して再検索を行うと、追加された検索語を同時に含む結果を抽出する「絞り込み検索」が行われます。この機能に慣れたユ

みなさま、こんばんわ🌜今日の東京は晴れでした🌞給与口座の開設Imagesource:photoAC今日は自転車に乗って、銀行まで行ってきました。来月から就業する会社指定の給与口座を開設するためです。予約してあったので、スムーズに開設することができました。ネットワークとJavaScriptImagesource:Udemyふと思い立って、Udemyでネットワークの動画教材を買ってみました。セール価格で1,500円。ネットワーク系の教

ブログページの「いいね！ダイアログ」のコード修正前バージョン「ver.4.2」で、「いいね！ダイアログ」を開いた時の「自動ロード」する件数を増やしました。アメーバブログのブログの中には、1記事の「いいね！」件数が100を超えるブログもありますが、一般のユーザーは50件程度が最初にロードされれば充分として、コードを制作しています。これは、あくまで最初の「自動ロード」の話で、「Space」キーを押せば無制限にロードできますから。で、今回、アメーバのユーザーの方々のブログページの「いい

アメーバの自動ログアウトスマホユーザーがスマホを紛失した場合のセキュリティ対策と思いますが、アメーバブログのログイン状態は、日にちの単位で自動的にログアウトに切換えられます。現在は、端末にログインパスワードを記録する使い方が普通なので、自動のログアウト処理は余り意味がない様に思えますが、ないよりましかも知れません。ただ、自宅から持ち出さないデスクトップPCは、頻繁にログアウト状態にしない様に出来ないのかと思います。端末の種類によって処理を切換えるのは、セキュリティに関しては好ましくな

スクリプトツールのユーザー設定OSやブラウザを含めて色々なプログラムがPC上で動作しますが、多くのプログラムはユーザーの設定に従って、動作をコントロールできる様に作られています。JavaScriptプログラムを作る上でも、この部分は同じです。ユーザーが設定できる項目が多いのが良いツールという事ではないですが、ちょっとした設定項目の追加で、ツールがとても使い易くなる場合があります。ユーザー設定を「配列」に纏める ツールの種類によっては、開いたウインドウ内だけ、つまりセッション

「動画プレーヤー」ページのHTML更新対応（3回目） 修復対応は出来たと思っていましたが、以下の点で不完全な動作がある事に気付きました。動画コントロールの生成タイミング 「ABEMA」の動画検索をして開いた動画プレーヤーの画面で、最初に動画を再生した時に、動画コントロールのアレンジが未実行で「サブウインドウ」のアイコンが無い状態だったり、音声がミュートのままだったりする事が多い。動画プレーヤーの画面のリロードすると改善される。次の動画再生は問題が無い事が多いが。下の「赤枠

みなさま、こんばんわ🌜今日の東京は晴れでした🌞色々あって一時的にブログが書けなくなっていました色々と整理がつき、やっと書けるようになったので、これからまたボチボチ再開したいと思います内定企業にスキルシートを提出Imagesource:ProEngineer内定企業様からメールにて「スキルシート」のテンプレートが届きました。〆切は10月30日とのことでしたが、早速記入してメールで提出しましたこういうのは早い方が印象いいかと思ってChatGPTやGem

独自デサインの「コメント欄」を開くスイッチを追加「AidAmbH」の「ver.4.2」で、独自デザインの「コメント欄」を「コメント一覧」を押して表示可能にしました。●「コメント一覧」を「左Click」すると、独自デザインの「コメント欄」が表示されます。このスイッチしか入口が無いのは心元ないので、「コメント欄」のヘッダー部分も、同機能のスイッチとしました。「コメント欄」全体をスイッチに出来ますが、「返信ボタン」を押すとコメント欄のデザインが変わることになり混乱を招きます。