javascript

【障害者クリエイターズバンク求人紹介】株式会社ｍｉｄ事業内容：Web制作、企画、デザイン、アパレル企画、人材派遣業務内容：WebデザイナーWEBデザインとコーディングが出来る方を募集しております。【業務内容】・Webデザイン、LP、バナー制作・コーディング・デザイン、画像作成等・更新業務・他Webサイトに関する事務作業必要な経験：必須・Web制作、サイト運用の実務経験がある方・HTML、CSSを用いたコーディングの経験がある方・HTML、CSS、JavaSc

「inputtype="number"」のスピナーデザインの修正（続き） 前ページに続き、このページでは修正更新済のツールを纏めています。今回の修正対象となったツールは①➁に纏めたものが全てです。もし、利用されているツールがありましたら、その更新用のリンクを押してツールを更新してください。また、更新用のリンクは、ツールを新規にインストールする事に使えます。それぞれのツールがどの様なツールかは、各マニュアルを参照ください。 AmebloWysiwyg⭐●

先週の金曜は休みをとって、ハローワークへ行き、雑貨店の紹介状をもらい、履歴書、職務経歴書を封筒に入れて、あとは送付するのみ、までいったけど、色々考えて、現状維持の就労A。他にも、銀行の敷地内清掃フルタイムとか、市営住宅に移ったら、とか色々考えてて、suumoで物件見たり、学習中も、Yahoo見て、大谷すげぇとか思ったり、阪神タイガースえらい調子いいな、と思ったり。でも、今月も、15万円くらい使ったし、月収入は、17万円くらいなので、家計はギリギリ。でもなんだか小銭が貯まって

「inputtype="number"」のスピナーデザイン スクリプトツール（ユーザースクリプト）を制作する際に「input要素」を操作パネル等に配置すると、その要素のベースデザインはブラウザが決めるため、ブラウザが仕様変更を行うと、ツールのデザインに影響を与える場合が少なくありません。これはツール制作者にとって困った問題です。ツール側で「input要素」のインターフェイスを自製すればこの問題は避けられますが、その分、ツールの本質的な動作と無関係な多くのコードの追加が必要です。これ

Ifyouarenewtowebdevelopment,you'veprobablyheardthetermJavaScriptquitealot.It'sakeytechnologybehindeverymodernwebsite,alongsideHTMLandCSS.ThisJavaScripttutorialiscraftedtoguideabsolutebeginnersthroughtheessential

アメーバのログアウト問題の対策ツール アメーバは、最後のログイン状態から24時間後にログアウト状態に切換える仕様で運営されている様です。（これは2025年初めの頃の調査で、最近は変更されているかも知れないので、再調査中です。）この自動的にログアウトする仕様は、スマホユーザーがスマホを紛失した場合のセキュリティを考慮したものと思います。一定期間でのログアウトはPCの場合にも適用され、以前より扱い難くなったと感じているユーザーも多いと思いますが、PCの場合は「LoginAmeba」を常駐

Webコンサルタントの松崎です。ここまでページ表示スピードの改善について、画像を最適化する具体的なやり方を、「画像の軽量化のやり方」や「次世代画像形式で画像軽量化」で見てきました。今回は、画像以外に表示速度を大きく低下させる原因の一つの「過剰すぎるモーション（動き）の改善」について、具体的な対処法としてJavaScript最適化の方法を説明します。見た目と使いやすさのバランスをどう取るべきか、見ていきます。見た目優先でユーザーの使いやすさが犠牲になっている最近のホームペ

少し前から、Microsoft365のExcelを開くと「自動化」というタブが現れます。（下図）それ以前にもビジネスおよび教育用Microsoft365やWeb版Excelでは利用できていたようですが、個人およびファミリー向けMicrosoft365でも“プレビュー段階”ですが利用できるようになったそうです。Microsoftの「OfficeScriptsを使用したプラットフォームの制限と要件」ページなどもご参照ください。この「自動化」は何をするものでしょう。従

操作パネルの「スピナー」デザインの修正「LinkCardEditor⭐」の操作パネルは、多数のコントロールを凝縮して配置しています。その中で、「input要素」の「スピナー」を3ヵ所で使っています。ブラウザが提供するデフォルトの「input要素」は融通が利かないので、パネルのコンパクト化のためにスピナー部分のみを使用する工夫をしています。しかし、「input要素」のデザインはブラウザが勝手に更新するので、その場合はツール側で修正対応するしかありません。「LinkCard

ダウンサイジングとインターフェイス改善前ページの問題で「LinkCardEditor⭐」のコード全体を見直したのですが、以下の改善をしました。 「リンクURL」の短縮化を廃止「リンクURL」の短縮化は、Amazon製品のリンク文字列を短縮する機能です。ご存知の方は多いと思いますが、製品ページのURLをURL窓からコピーすると非常に文字数が多くなるので、これをワンタッチで短縮化する機能です。これは「LinkCardEditor」にとってはオマケ機能で、同等の短縮

「リンクカード」のテキスト編集「LinkCardEditor」は、カード上のテキストを編集する機能があります。この機能を使い、カードのタイトル文字やリンク先記事の導入テキストなどを編集する事が可能です。アメーバのデフォルト機能ではリンクカードが作れないリンク対象のリンクカードを作る際には、この機能が必須です。例えば、ネット上のPDF文書にリンクを貼りたい場合、たいていテキストリンクになります。下はその例で、DellPCのマニュアルです。https://downloads.de

「GetFavicon」が動作できないサイト私自身が余り利用しないので遅れたのですが、これまでの「GetFavicon」が動作しないサイトがけっこうある事に漸く気付きました。原因は、2種類あります。一つは、最近の「YouTube」サイトは、サイトのページ上に外部のスクリプトで要素生成を出来ない様にしています。ツール表示に必要なパネルが生成できないので、話になりません。この様なサイトが増えない方がいいですね。もうひとつは、サイトのページ上で「https://t1.gstat

近年、JavaScriptフレームワークは急速に進化を遂げており、特に「Next.js」「Astro」「Remix」の3つは、フロントエンド開発において非常に注目されているらしいです。2025年現在、これらのフレームワークの人気や利用状況、メリット・デメリットについて詳しく解説します。Next.js：依然として圧倒的シェアを誇るReactフレームワーク✅利用率が最も高いNext.jsは、Vercel社によって開発されているReactベースのメタフレームワークで、全ウェブサイトの約1.5%

「LinkCardEditor⭐」とは「LinkCardEditor⭐」は、アメーバのデフォルトのリンクカードをアレンジするツールです。単にデザインをアレンジするだけでなく、カードの内容を自由に編集できます。リンクカードの「タイトル」「リンク記事の引用」「リンク先のドメイン・ファビコン」「サムネイル画像」に加え、リンクの「URL」も任意に変更可能なため、作れないリンクは無いと言えます。リンクカードを作る際にリンク先の「URL」を指定しても、カードが作られない事が時々あります。

「無料」コンテンツの抽出機能「書庫型」の動画ページの「配信リスト」から「無料」コンテンツのみを抽出表示する機能は便利です。この機能は、シリーズコンテンツの全話数が大きいコンテンツほど有効になります。今回は、サブウインドウ表示の「配信リスト」にも、この抽出機能を実装しました。サブウインドウの「配信リスト」は、AbemaTVサイトの各画面に表示される「動画サムネイル」「動画リンク」などを「Ctrl+左Click」する事で表示されます。各種のページから移動せずに、見つけた動画の配信状態が

5年前、新型コロナで巣ごもり生活が続いていた頃、暇つぶしに夜景写真の間違い探しゲームを作って公開していました。『巣ごもり生活の暇つぶしに・・・』今回はリフォーム関係なしです。新型コロナウイルスの影響で、自宅での巣ごもり生活が続いています。ひまつぶしに、以前より立ち上げている夜景写真サイト「J'sG…ameblo.jpこのときは、2つの写真を並べて表示させるだけでした。自分でもこの存在をほとんど忘れていたのですが・・・最近になってプログラミングに詳しい知人からJavaScr

「無料」コンテンツの抽出機能「AmbTVComfy」ver.5.8で、「書庫型」の動画ページの「配信リスト」から「無料」コンテンツのみを抽出表示する機能を実装しました。使ってみると、なかなか便利な機能です。ただ、「ver.5.8」は抽出操作をした後、抽出前の本来のリスト表示に戻す機能がありませんでした。ページのリロード等で元に戻せますが。そこで、「Ctrl」を押しながら「FreeOnly」のボタンをクリックすれば、元のリスト表示に戻せる様にしました。「FreeO

無料・有料コンテンツの混在「書庫型」の動画ページは、最上部に動画プレーヤーがあり、下方にはその動画に関するシリーズコンテンツ（第1話、第2話・・・）の「配信リスト」が表示されます。ユーザーは、そのリストから動画を選択して閲覧するデザインです。「配信リスト」の内容は、第1話と現在配信中の最新話だけが「無料」、他は「有料」という構成が一般的です。また、「一挙公開」の場合は全て「無料」となり、変則的に一部が「無料」の場合や、全て「有料」の場合もあります。下はシリーズが配信中の「配信

破損した 「リブログカード」の修復コードが災い「PopupReblogver.1.0」で、破損した 「リブログカード」のーに対応しました。更新した2025年1月末頃は、アメーバのシステムが不安定で（現在もですが）リブログカードが正常にブログページ上に表示されない事が、日常的にありました。5月現在では、アメブロ内を探しても壊れたリブログカードを見つける事が出来ないので、既に問題は改善された様に見えます。このカードが破損した場合の対策コードは、破損時のエラー表示を修復して、リンクを押

「AmbTVOnAir」のミュートをリセットする「AmbTVComfy」は「書庫型」の動画ページで機能しますが、「AmbTVOnAir」は「TV放送型」の動画ページで機能します。ただ、この2種類のページで動作する動画プレーヤーは共通した部分が多くあります。動画の音声ボリュームに関しては、「TV放送型」の動画プレーヤーで設定したボリュームが、「書庫型」の動画プレーヤーに切り替えた場合に、そのまま引き継がれることが判りました。AbemaTVのサイトの仕様として、意図的にこの様にして

フォローフィードの「未読・既読マーク」 「未読・既読マーク」の基本的な扱い方下は、「HOME」ページの「フォローフィード」のサンプルです。◎フィードの記事上で「マウス押下➔放す」の操作をすると、新着「●」または未読「●」マークが無い「既読」の表示になります。▪フィードから記事を開いた場合はこの操作をした事になり、その欄は「既読」の表示になります。▪「Ctrl+」「Shift+」を含むフィードから記事を開く操作の全てで反応します。◎このツールによ

動画の音声制御 現在のネット上の動画は、HTML5の「video要素」を配置する事で実現されています。JavaScriptでは、動画の音声のコントロールは以下のコードによって、ボリュームを指定することが出来ます。letvideo_elem=document.querySelector('video');video_elem.volume=0.5;//volume指定値は0～1の数値〔注〕変数「video_elem」に、コントロール対象の「video要

今回はブラウザ上でゲームが動かせる「JavaScript」で作成しました。下記の本に収録されているサンプルを改造しました。ボールを100個、追加してみました。■参考書「JavaScriptゲームプログラミング知っておきたい数学と物理の基本」

フォローフィードの「未読・既読マーク」2025年3月のChromeの「訪問済のリンク色」の仕様変更に対応し、「ver.2.3」では「FollowFeedChecker」に独自の「既読データ」を管理する方式を導入しました。これにより、各ブラウザが今後にリンク色の仕様変更した場合にも対応できる「未読・既読マーク」を実現しています。 「未読・既読マーク」の見方・扱い方下は、「HOME」ページの「フォローフィード」のサンプルです。◎フィードの記事上で「マウス押下➔放

今回はブラウザ上でゲームが動かせる「JavaScript」で作成しました。下記の本に収録されているサンプルを改造しました。ボールを複数個、追加してみました。■参考書「JavaScriptゲームプログラミング知っておきたい数学と物理の基本」

「2sec前」「2sec後」にジャンプする機能「AmbTVComfy」は「書庫型」の動画ページで、動画閲覧の環境を改善するツールです。通常の動画閲覧時にはこのツールだけで充分ですが、中には「さよなら絶望先生」「物語シリーズ」の様に、大量の「文字」を意図的に埋め込む動画もあります。そんなアニメの閲覧に、スクリーンショット用ツール「AmbTVSlowView」を使ったりもしますが、通常の閲覧時にスローモーションを目的としたツールを常駐するのは不向きです。ところが、一般の動画を閲

数独のソルバーを作っては、機能を追加したり、解法を追加するかを感がたりしている。前回はチェーンについて考えてみた。今回はスカイスクレイパーについて考えてみる。チェーンやスカイスクレイパーはまだ組み込んではいないので、それが必要になる局面で、プログラムは一時停止する。これを解かせると、こんな感じになる。5に着目して、行や列で2個しかないところを2箇所探すと、d列とf列が見つかる。関係するところをアルファベットを振ってみる。なんだ

がぉちゃ！琥珀がぉです！YouTubeやってるので、もしよかったら遊びにきてねついでに高評価＆チャンネル登録してくれるとすごく嬉しいです琥珀がぉ恐竜と人のDNAを持つvtuberです！当面は、YouTubeとTwitchで🎮配信やっていく予定です！配信初心者🔰なので、慣れてきたら色々やりたい！✨www.youtube.com３目並べの最終回です今回はCUPを作ります目次製作物骨格盤面イベント処理判定CPUの作成(今回の内容)CPU処理の追加

がぉちゃ！琥珀がぉです！YouTubeやってるので、もしよかったら遊びにきてねついでに高評価＆チャンネル登録してくれるとすごく嬉しいです琥珀がぉ恐竜と人のDNAを持つvtuberです！当面は、YouTubeとTwitchで🎮配信やっていく予定です！配信初心者🔰なので、慣れてきたら色々やりたい！✨www.youtube.com３目並べの第５回目です今回は判定を作ります目次製作物骨格盤面イベント処理判定(今回の内容)CPUの作成判定処理の追加判

がぉちゃ！琥珀がぉです！YouTubeやってるので、もしよかったら遊びにきてねついでに高評価＆チャンネル登録してくれるとすごく嬉しいです琥珀がぉ恐竜と人のDNAを持つvtuberです！当面は、YouTubeとTwitchで🎮配信やっていく予定です！配信初心者🔰なので、慣れてきたら色々やりたい！✨www.youtube.com３目並べの第４回目です今回はイベント処理を作ります目次製作物骨格盤面イベント処理(今回の内容)判定CPUの作成イベント処