JavaScript

#TextwellChatGPTより便利そうなのでGeminiアクションを作成https://ameblo.jp/orokadaneningenwa/entry-12849185274.html『#あれを真似してみた【LiquidLogic】TextwellのChatGPTアクション』【LiquidLogic】TextwellのChatGPTアクションいまさらでお恥ずかしいのですか、アプリ『LiquidLogic』を、昨日（2024年4月…ameblo.jpChatGPT用のTextw

第二回の今回は、開発環境構築と今後の執筆予定内容を掲示します☆【学習に最適】天気予報をHTML・CSS・Javascriptだけで作る目次概要開発環境の準備HTML/CSSを作成する(前編)HTML/CSSを作成する(後編)Javascriptを使って天気の情報を取得する画像を使ってイイ感じのデザインにする【応用編】地域を変更できるようにしよう開発の流れを理解するシステムエンジニアの役割の方々は、プロジェクト全体を成功に導くため、開発環境

第三回の続きです！やっとHTML/CSSを書きます☆【学習に最適】天気予報をHTML・CSS・Javascriptだけで作る目次概要開発環境の準備HTML/CSSを作成する(前編)HTML/CSSを作成する(後編)Javascriptを使って天気の情報を取得する画像を使ってイイ感じのデザインにする【応用編】地域を変更できるようにしようHTML/CSSを書くはい、ようやく本題に参りました。HTML/CSSファイルを追加するま

【学習に最適】天気予報をHTML・CSS・Javascriptだけで作る目次概要開発環境の準備HTML/CSSを作成する(前編)HTML/CSSを作成する(後編)Javascriptを使って天気の情報を取得する画像を使ってイイ感じのデザインにする【応用編】地域を変更できるようにしよう今回のタイトルは長編になるためシリーズ化します。第一回の今回は、何をやっていくか説明していますので、興味を持っていただいた方はブックマークするなりお願い致します。

SVGの「path」コード SVGのアイコンや画像を扱う様になりましたが、扱う上で一番問題になるのは、コードの文字数が増える事です。それだけを注意すれば、大変有難い機能です。SVGのコードは、ベクトル画像の設計図となる数値が「path」の「d属性」としてズラズラ並びます。これを精密にすれば線や辺縁が綺麗になりますが、有る程度簡素化しても、アイコン等の余り拡大しない用途なら充分です。従って、どこまで間引くかが、SVG画像を自製する場合のポイントになります。ネットを調べると、定番

何故か表示された「縦スクロールバー」「AbemaTV」サイトの動画プレーヤーは、大きく分けると2種類のパターンで動作します。プレーヤーの中軸のプログラムは同じものと思いますが、動画を再生する周囲の状態に合わせて、プレーヤー部のコードが一部組み換えられます。2種類のパターンのひとつは、AmebaTVの独自の「TV放送型」の動画配信スタイルです。もうひとつは、一般的な動画のコンテンツ配信スタイルです。前者は特異なデザインなので、無理をして「TV放送型」に対応しても、無駄にコードが複雑

Radikoで早送り・巻き戻しをする方法PCのWeb版のRadikoで、早送り・巻き戻しをする方法です。PCのWeb版のRadikoには早送り・巻き戻し機能がありません。何かいい方法ないかとネットで調べると「友達に教えるボタンをクリックすると、６０秒・５秒で早送り・巻き戻しボタンがでてくる」という、正に求めていた方法…

アメーバ検索にはマイナス検索の機能がなく、類似語が多数ヒットする検索語の場合は検索自体が困難になります。このツールは、アメーバ検索で抽出した結果をマイナス検索で絞込むツールです。 「AmebaSearchTools」操作マニュアルver.0.4以降に対応2024.03.28更新「検索語」「除外語」の設定 最初に、「検索語」とマイナス検索で除外する「除外語」の設定を行います。●「AmebaSearchTools」を「Tampermonke

「style属性」をできるだけシンプルに「ver.0.1」の「BlogTable⭐CellDesign」は、考えていた機能を具体化した段階なので、テストで色々と改良の余地が見えて来ました。一番の問題は、6種類の設定プロパティで、変更をしないプロパティを含めて、全て画一的に「style属性」として指定してしまう仕様です。セル選択時にそのプロパティを取得しますが、これは表に添付した「styleタグ」で指定されたプロパティや、ブラウザのデフォルトのプロパティを拾って取得しています。

部分的なリロードを実現する「Ajax」ネットのページは、最初は「URL」を指定してページを開きます。それが初めて開いたページなら、そのアドレスからページを構成する様々なデータを取得して、ページ全体が出来上がる様子を、ほんの僅かの時間ですが見守る形になります。一方ブログページの場合は、ちょっと違います。ページのかなりのデータは既にPC側にダウンロードされていて、ユーザーのページャー操作で記事本文の部分等が差し換えられて、ページが完成します。この「ページ上の一部を差し換える」技術は

Abemaサイトで動画がフリーズする問題最近はAbemaTVの動画がフリーズし易く、数秒待つとフリーズした場所、または少し手前の場所から再生が復活するという事が生じます。原因は「AbemaTV」のサイト側が、リクエストの多い動画に対応しきれない事にある様です。時間帯をずらすと改善する事が多く、正常な自分の側を疑って設定を弄らない方が良いというのが、この1ヵ月位かかって色々と調べた私の結論です。改善方法を検索すると「ブラウザキャッシュの削除」が各所に書かれていますが、実際にこれで改善

「AmbTVComfy」は「AbemaTV」の閲覧を快適にするツールです。このツールの主要な機能は動画プレーヤーの機能拡張ですが、動画サムネイルの拡大表示機能も合わせ持ちます。 「AmbTVComfy」操作マニュアルver.3.6以降に対応2024.05.01更新「AmbTVComfy」の常駐「AmbTVComfy」は「常駐型」のツールです。「Tampermonkey」にインストールしてダッシュボードで常に「ON」にしておくと、「AbemaT

「BlogTable⭐」を補佐するツール表作成ツールが要求される基本的な部分は、これまでの「BlogTable⭐」で満たされたと思います。表の印刷原稿としてなら、偶数行の背景色を変えるといった芸当も必要でしょうが、ブログ上では余り必要性は感じません。で、後は重箱の隅をつつくような機能を付け足したいと思います。このページで紹介する「BlogTable⭐CellDesign」のコードは「BlogTable⭐」に併合できない事もありませんが、「BlogTable⭐」

前ページのツールの初期表示で前ページの「EditAtOnce」は、独自のアイコンをブログページに表示します。これはスクリプトではなく、「フリースペース」に記入した「Htmlコード」「styleタグ」によって実現しています。で、このアイコンの初期表示で、最初に「▢」が表示されるのが、とても気になります。全く気に入らない！ページにフォントが読み込まれると、「▢」は消えるのですが。これは、どうもWindows10の漢字圏のフォントに関する仕様らしく、なんとか

ファビコンはサイトのペンダント ファビコンは色んなところでみかける、サイトを示すアイコンです。以下はWikiによる説明ですが、Wikiのファビコンは「」ですね。favicon（ファビコン）は、ウェブサイトのシンボルマーク・イメージとして、ウェブサイト運営者がウェブサイトやウェブページに配置するアイコンの俗称である。favoriteicon（フェイバリット・アイコン：お気に入りアイコン）という英語の語句を縮約したかばん語である。このアイコン画像を取得するには、以下のURLにアクセス

JavaScript編①の続きになります『Progate基礎勉強JavaScript編①変数』JavaScriptについて、HTML、CSS同様にProgateで学習した内容をまとめる下図のフロントエンドのロードマップでも表しているように、JavaS…ameblo.jp前記事同様に、下記のパターンで記載しまとめる左：コード（script.js）右：出力結果（>_コンソール）定数定数のメリットは「後から値を更新できない」とこ

こんにちは。ムシパンです。今回の記事はEclipseの保存、保管方法と何かしらのエラーにより保存できないときの対処方法を書きました。保存をしなければせっかく書いたコードを無くしてしまう場合があるのでゲームと一緒で毎回保存する癖をつけましょう。もくじ１．保存、保管方法２．エラー１．保存、保管方法１．１．保存方法１：実行して保存１．２．保存方法2：ファイルから保管１．１．保存方法１：実行して保存１．１．１

こんにちは！パーク社員のゆんぼうです。Webアプリ開発のクロスブラウザ対応したときに注意したいことを紹介します。今回は、Javascriptの「window.focus」関数についてです。動作確認した環境OS:Windows10Proブラウザ名バージョンGoogleChrome62.0.3202.94MozillaFirefox57.0MicrosoftEdge41.16299.15.0MicrosoftInternetExplorer(IE11)1

「番組表」について調べました「AbemaTV」は、既成の動画コンテンツだけでなく、Abemaの独自コンテンツやスポーツのライブ配信を行っています。ネット動画配信に柔軟さを盛り込んだものですが、「動画ページ」が「TV放送型」と「デフォルト型」の2種類あります。◎「TV放送型」は、チャンネルボタンでコンテンツを切り換える仕様です。▪TV放送の様にコンテンツの時間的流れは配信側のスケージュールで決まり、ユーザーはコントロールが出来ない。（有料では可）▪その代わり、シリーズコンテ

みなさんこんにちは。今日はJavaScriptのCORSについて、記事を書きました。本当はもっとパケットとって動作確認したり、呼び出し方も変えたり、いろいろ試して、分かったこともたくさんあったのですが、記事が長過ぎたのでだいぶ削りました。ちなみに、CORSの発音ですが、アメリカ英語では「コーズ」に近い音になります。ところが日本の記事を少しみたら、「コルス」と書いている人がほとんどです。「ハテなんでだろう？」と思ってYouTubeなどで聞いてみ

難読化を検討します。もともと検討していたが、もう少し真面目に考えたい。コードの公開は正式な手続きをもって実施したい。コード自体取得されてそのまま使われるのは仕方なし。それをベースに改造（改良）とかはされたくないと思った。そんなたいそうなものではないですが、、高速化などの恩恵もありそうなので、まあ試してみようかなと。幾分気持ちは楽になる。まあ、難読化。自作しても良いかなと思いましたが、流通しているものを使った方が良いかなと。実績的に。難読化の方法参考にしたのはこち

表示したページ全体を拡大表示する JavaScriptからブラウザの拡大率を直接コントロールするAPIは、現在のところ用意されていない様です。（注1）しかし、「transform」プロパティを使う事で、CSSでブラウザの拡大率の変更と同様の効果を得る事が可能です。画面全体の拡大については、IE専用の「zoom」のコードがネット上に多く、今回のテストをするまで半信半疑だったのですが、結果は上手く行きました。CSSコードは簡単で、以下の様な設定です。確認した限りでは、Chrome/

金曜日と月曜日休みです。なんか結構わかってきたかも（’’）xyz展開して云々はツールのあれかもしれません。ブラウザゲームの先輩たちからいろいろ学んでみました。シンプルゲームこれ、すっごいわかりやすい（笑）ふりーむってそういう感じなんだーってわかる。そのままやないですか！！じゃんけんゲーム2022：無料ゲーム配信中！[ふりーむ！]「じゃんけんゲーム2022」：ただじゃんけんをするだけのゲームですwww.freem.ne.jpモロすっぴんJavascript。こういう

<!DOCTYPEhtml><html><head><metacharset="UTF-8"><script>//ファイル選択欄から引き継ぐ関数functiononAddFile(event){varfiles;//ファイルの型を作成varreader=newFileReader();//ファイルを読み込むクラスの型を作成//指定ファイルをファイルの型に入れるif(event.target.files){//指定ファイルがあるか確認する

あまりニーズがないかもしれませんが、社内の組織などを階層構造で視覚化したいという場合に使えるjQueryベースのライブラリです。体制図を作りたいといった場合にも使えるかもしれません。OrgChartは、決められたデータソースを指定するだけで組織図を表示できます。似たようなものとしては、GoogleChartのOrganizationChartがありますが、デザイン的にOrgChartのほうが綺麗に見せることが出来る点や、Googleのほうはライブラリのソースをウェブ経由で読み込

テーブルをクリックしたとき、クリックした行の色を変えるJavaScriptプログラムです。HTML/php<tableid="listTable"><trstyle="background-color:#dfdfdf"><th></th></tr><?php//dataCount行のループfor($gyo=0;$gyo<$dataCount;$gyo++){//1行づつ色を変えると帳票っぽいif(($gyo%2)!=0){$bgcolor="#

DOSという名前今頃はDOSと言えば「DoS攻撃」の事になりそうですが、昔は「MS-DOS」を意味するものでした。C言語の初歩的なプログラムを作っていた時代、フロッピーディスクに結果を保存出来た時には、画面のやりとりだけのプログラムから、ワンランク上に進んだ実感がありました。その時に、OSに「DiskOperatingSystem」と言う名前が付いている意味に気付きました。記憶媒体に記録する事は、今では当たり前の事ですが、コンピューターにとってそれが可能になった事は、月着陸の様に大き

こんにちは！パーク社員のゆんぼうです。Webアプリ開発のクロスブラウザ対応したときに注意したいことを紹介します。今回は、Javascriptの「window.open」関数の第3引数のオプションについてです。動作確認した環境OS:Windows10Proブラウザ名バージョンGoogleChrome62.0.3202.94MozillaFirefox57.0MicrosoftEdge41.16299.15.0MicrosoftInternetExplore

JavaScriptでCSVやテキストファイルなどを出力したとき、文字化けを起こしてしまうことがある。CSV形式で出力して、テキストエディタでは読めるけど、Excelで開くと文字化けするなど。結論からいうと、テキストの先頭にBOMをつければよい。各ブラウザ（Chrome,Egde,Firefox,IE11,Safari,Opera）でファイルを出力するときに文字化けしない実装をまとめる。BOM（ByteOrderMark）とはUnicodeの符号化形式で符号化したテキスト

まだまだ知らない事だらけ「BadIineMute」や「RankingBlocker」は、ローカルストレージに「排除リスト」を保存しています。この様なスクリプトツールの基本動作は、何処かにデータを登録し、それを使ってブラウザ表示をフィルターする事です。その保存先は安定していて、ブラウザから使い易い必要があります。ローカルストレージはとても適した保存先で、これらのスクリプトに限らず、今後にユーザースクリプトを考案していく場合に、必ず候補になるデータ記憶機能です。今回、「管理トップ