業務効率化

【PNG画像出力&エクセル出力対応】チーム分けWebツール・重複なしで均等に【グループ分けや組み分けを行うランダム生成オススメWebアプリ】

もちろん無料のチーム分けツールです!Webで完結します。使いやすさを追求した便利機能付き!人数カウンターやグループハイライトなど
2023.11.13
業務効率化

【優柔不断専用】2択、3択…… 瞬時に決めるWebツール【選べない時、決められない時にご利用ください】

2択、3択~お好みに応じて数を指定出来る運命選択ツール。さあ、数字を心に思い浮かべて……念じた数字が出るかは運次第!優柔不断専用です。
2023.10.30
JavaScript

【2023年】フロントエンドエンジニアとは?必要なスキル・資格・年収について徹底解説!

悩見坂 楓 フロントエンドエンジニアって実際何やってるか、ふわっとしてない? 著者 企業やプロジェクト単位でフロントエンドエンジニアの細かな定義が変わってきますからね。これがフロントエンドエンジニアだ!とは断定できない部分もありま...
2023.03.15
JavaScript

JavaScriptにおけるObject(オブジェクト)型

一般的にJavaScriptのobject(オブジェクト)とは、Objectクラスのデータ型の1つに分類されます。 JavaScriptのint型、String型、Array型などのほとんどのデータ型はこのObjectクラスのインス...
2022.03.28
JavaScript

JavaScriptにおけるforEach()とは?基本的なループの使い方と注意点

配列の内容を関数で処理する際に、プレーンなJavaScriptではforEach()を、jQueryではeach()を使いますね。プレーンなJavaScriptにはeach()というメソッドは存在せず、each()メソッドはjQueryに...
2022.06.24
JavaScript

【インスタグラムAPI 2022, 2023】Instagram基本表示APIを使って投稿画像を取得して表示する・サイトに埋め込む・自動更新の設定方法【JavaScript】

お客さんのサイトで、先日から急にInstagram API(Facebook Graph API)で埋め込んだ画像エリアが表示されなくなってしまっていました。あれ、また仕様変わった??と思い自分のアカウントを使って実装してみました...
2023.03.05
業務効率化

Google Chromeデベロッパーツールのショートカットおススメ10選

※Chromeのデベロッパーモード上でのショートカットキーです。通常の閲覧時のショートカットは『ブラウジングを爆速化して業務に役立つGoogle Chromeのショートカットキーおすすめ9選【Windows&mac】』をご覧ください。 ...
2023.04.27
JavaScript

html2canvasをスマートフォン(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...
2023.11.13
業務効率化

【色変更・プレビュー機能付き】SVGタグをBase64変換してCSSのbackground-imageプロパティ用に変換するツール【Photoshop,Illustrator】

SVGタグを入力: 変換 CSS background-image: SVGプレビュー: 色を選択: ※fill値が無いなど色変更できない場合もあります※色を選択するとbackground-imag...
2023.11.10
業務効率化

【アドセンス】「ads.txtファイルの問題を修正してください。」は修正した方が良いのか?【サブドメインでの運用方法も】

Google Adsense(以下、アドセンス)上で、エラーメッセージが出ることがあります。私はずっと放置していたのですが、実はこれ対応した方が収入がアップする見込みがあります。実際、このエラーを修正したところ、広告収入が1.5倍くらいに...
業務効率化

素敵な男性や女性をサイトにお招き出来るようになりました。本当にありがとうございました ~画像生成AIの使用方法~

今回はとある女性が当サイトへ訪問してくださいました。まだ未成年ぽいのに大人なような……なんか不思議な女性です。 今回は画像生成AIのお話。 少し前から盛大に流行りだした画像生成AIですが、思い立ってやってみることにしま...
JavaScript

Intersection Observer APIの使い方【基本的な事を分かりやすく・JavaScript】

以前、IEが消滅してフロントエンドエンジニア的にメリットを強く感じる旨の記事を掲載しました。『IE(InternetExplorer)のサポート終了から生まれるメリット5選!~フロントエンドエンジニアの観点からJavaScriptを考える...
2023.10.20
業界NEWS

Google Chrome 118に追加されたCSSルール「@scope」の基礎知識と使い方

CSSの新機能として実装された「@scope」ルールについてまとめました。デザイナー、コーダー、フロントエンドエンジニアの方は要チェックです。※Google Chrome 118安定版リリース時の記事です @scopeとは? ...
業界NEWS

【考察】ケンタッキーフライドチキン 公式モバイルアプリに見るアプリ評価の信憑性【開かない・意味ないなど多数の意見】

アプリケーションの開発に何かしら関わる職業の方は、常にアプリの使いやすさや利便性をチェックしてしまう癖があるかと思います。今回はアプリの私的な分析と、ユーザー評価の乖離が著しくかけ離れたので、皆さんにも是非考えていただきたく記事にしました...
2023.10.22
業務効率化

【要注意】有料から無料へのダウングレードについて~Chatworkの有料プランを検討している方へ~チャットワークの有料後に待っている落とし穴!

自身も利用しているChatworkなんですが、とんでもない落とし穴があるので事前に知っておいた方が良いことをお伝えしておきます。(これは2023年10月03日時点の記事です) 「チャットワーク△改悪」「チャットワーク△炎上」というG...
2023.10.05
業務効率化

アプリケーション、製品、パッケージ、プロダクトにおけるバージョンの数字の意味と付け方【業務効率化】

皆さんはアプリのバージョンとか気にする方でしょうか?何の気なしに利用している分には「ふーん、ん、なんか変わってバージョンアップしたんだな」程度な感触なのではないかと思います。 もちろん、ガチエンジニアで「このアップデートと修正があっ...
2023.10.21
業務効率化

Chromeデベロッパーツールで特定のCSSファイルやJavaScriptファイルをブロックして読み込ませなくさせる方法

Web開発をしていると不具合の原因を辿るために、CSSファイルを読み込ませないようにしたかったり、JavaScriptのファイルが原因なんじゃないかとファイルの読み込みを遮断したりしたい時がまぁまぁあります。 CSSファイルを一新し...
業務効率化

Threadsで、Twitterのように閲覧中のウェブページをつぶやく(投稿・シェア)するボタンを作ることは可能なのか?~どうしてTwitterは落ちていくの?を添えて

とうとうオワコン説が現実味を帯びてきた、迷走錯綜中のTwitterですが、この対抗馬の大本命として、Meta(Facebook, Instagram等の運営開発)が『Threads(スレッズ)』という新サービスのSNSを7/6日水曜日に日...
業務効率化

Web制作でFlutterやReactのようなホットリロード(もどき?)を実現してコーディング効率を爆上がりさせる方法

Webのコーディングはファイルを編集して、ファイルをアップロードして、ブラウザを更新して初めて修正箇所が分かるのですが、これが非常にめんどくさい。 ファイルを編集&保存(F5押下不要)、でブラウザの表示が変わったら劇的に作業...
タイトルとURLをコピーしました