JavaScript インターバルタイマー Webブラウザ版【PC/スマホ/タブレット対応・3つ利用可・無料】
JavaScriptインターバルタイマー Webブラウザ版【PC/スマホ/タブレット対応・3つ利用可・無料】
無料Webブラウザ版インターバルタイマーです。クイック起動ボタンがあり、素早く起動できます。設定の保存も可能です。全画面表示対応なので特にiPadでの利用がおすすめです。
業務効率化【WEB完結&PNG画像出力&エクセル出力対応】チーム分けWebツールを作成しました【グループ分けや組み分けをランダム生成！オススメWebアプリをリリース】
もちろん無料のチーム分けツールです！Webで完結します。使いやすさを追求した便利機能付き！人数カウンターやグループハイライトなど
業務効率化【優柔不断専用】2択、3択…… 瞬時に決めるWebツール【選べない時、決められない時にご利用ください】
2択、3択～お好みに応じて数を指定出来る運命選択ツール。さあ、数字を心に思い浮かべて……念じた数字が出るかは運次第！優柔不断専用です。
JavaScript【2023年】フロントエンドエンジニアとは？必要なスキル・資格・年収について徹底解説！
悩見坂 楓 フロントエンドエンジニアって実際何やってるか、ふわっとしてない？ 著者 企業やプロジェクト単位でフロントエンドエンジニアの細かな定義が変わってきますからね。これがフロントエンドエンジニアだ！とは断定できない部分もありま...
JavaScriptJavaScriptにおけるObject（オブジェクト）型
一般的にJavaScriptのobject（オブジェクト）とは、Objectクラスのデータ型の1つに分類されます。 JavaScriptのint型、String型、Array型などのほとんどのデータ型はこのObjectクラスのインス...
JavaScriptJavaScriptにおけるforEach()とは？基本的なループの使い方と注意点
配列の内容を関数で処理する際に、プレーンなJavaScriptではforEach()を、jQueryではeach()を使いますね。プレーンなJavaScriptにはeach()というメソッドは存在せず、each()メソッドはjQueryに...
JavaScript【インスタグラムAPI 2022, 2023】Instagram基本表示APIを使って投稿画像を取得して表示する・サイトに埋め込む・自動更新の設定方法【JavaScript】
お客さんのサイトで、先日から急にInstagram API（Facebook Graph API）で埋め込んだ画像エリアが表示されなくなってしまっていました。あれ、また仕様変わった？？と思い自分のアカウントを使って実装してみました...
業務効率化Google Chromeデベロッパーツールのショートカットおススメ10選
※Chromeのデベロッパーモード上でのショートカットキーです。通常の閲覧時のショートカットは『ブラウジングを爆速化して業務に役立つGoogle Chromeのショートカットキーおすすめ9選【Windows＆mac】』をご覧ください。 ...
JavaScript2024年最新版 ああ、やっぱり。文字コードの世界シェアランキング
ふとShift JISって結構対応しているけど、需要あるのか疑問に感じたのでWebサイトの文字コードの世界シェアについて調べてみました。きっかけはVSCodeでSJISファイルの編集をする機会がちょこちょこあって、文字化けが面倒で、なんか...
JavaScripthtml2canvasをスマートフォン（iPhone iOS Safari, Android Chromeのレスポンシブページ）に対応させる方法【JavaScript】
先日、『【PNG画像出力&エクセル出力対応】チーム分けWebツール・重複なしで均等に【グループ分けや組み分けを行うランダム生成オススメWebアプリ】』と『【簡易画像キャプチャ機能付き】テキストを比較して差分を表示するdiffツール...
JavaScript【簡易画像キャプチャ機能付き】テキストを比較して差分を表示するdiffツール【JavaScriptでWebツール】
#text-container { display: flex; justify-content: space-between; } #text-container span...
業務効率化【色変更・プレビュー機能付き】SVGタグをBase64変換してCSSのbackground-imageプロパティ用に変換するツール【Photoshop,Illustrator】
SVGタグを入力: 変換 CSS background-image: SVGプレビュー: 色を選択: ※fill値が無いなど色変更できない場合もあります※色を選択するとbackground-imag...
業務効率化【アドセンス】「ads.txtファイルの問題を修正してください。」は修正した方が良いのか？【サブドメインでの運用方法も】
Google Adsense（以下、アドセンス）上で、エラーメッセージが出ることがあります。私はずっと放置していたのですが、実はこれ対応した方が収入がアップする見込みがあります。実際、このエラーを修正したところ、広告収入が1.5倍くらいに...
業務効率化素敵な男性や女性をサイトにお招き出来るようになりました。本当にありがとうございました ～画像生成AIの使用方法～
今回はとある女性が当サイトへ訪問してくださいました。まだ未成年ぽいのに大人なような……なんか不思議な女性です。 今回は画像生成AIのお話。 少し前から盛大に流行りだした画像生成AIですが、思い立ってやってみることにしま...
JavaScriptIntersection Observer APIの使い方【基本的な事を分かりやすく・JavaScript】
以前、IEが消滅してフロントエンドエンジニア的にメリットを強く感じる旨の記事を掲載しました。『IE（InternetExplorer）のサポート終了から生まれるメリット5選！～フロントエンドエンジニアの観点からJavaScriptを考える...
業界NEWSGoogle Chrome 118に追加されたCSSルール「@scope」の基礎知識と使い方
CSSの新機能として実装された「@scope」ルールについてまとめました。デザイナー、コーダー、フロントエンドエンジニアの方は要チェックです。※Google Chrome 118安定版リリース時の記事です @scopeとは？ ...
業界NEWS【考察】ケンタッキーフライドチキン 公式モバイルアプリに見るアプリ評価の信憑性【開かない･意味ないなど多数の意見】
注意）この記事は現在のバージョン（2024/04/10時点）のアプリについての見解ではありません。ただ、新バージョンは改悪だとは思います。（素直にメニューが見れず、モバイルオーダーを強制させられるのはいかがなものか。時間があったら追記しま...
業務効率化【要注意】有料から無料へのダウングレードについて～Chatworkの有料プランを検討している方へ～チャットワークの有料後に待っている落とし穴！
自身も利用しているChatworkなんですが、とんでもない落とし穴があるので事前に知っておいた方が良いことをお伝えしておきます。（これは2023年10月03日時点の記事です） 「チャットワーク△改悪」「チャットワーク△炎上」というG...
業務効率化アプリケーション、製品、パッケージ、プロダクトにおけるバージョンの数字の意味と付け方【業務効率化】
皆さんはアプリのバージョンとか気にする方でしょうか？何の気なしに利用している分には「ふーん、ん、なんか変わってバージョンアップしたんだな」程度な感触なのではないかと思います。 もちろん、ガチエンジニアで「このアップデートと修正があっ...
業務効率化Chromeデベロッパーツールで特定のCSSファイルやJavaScriptファイルをブロックして読み込ませなくさせる方法
Web開発をしていると不具合の原因を辿るために、CSSファイルを読み込ませないようにしたかったり、JavaScriptのファイルが原因なんじゃないかとファイルの読み込みを遮断したりしたい時がまぁまぁあります。 CSSファイルを一新し...