JavaScript

JavaScript

ChatGPTと対話してJavaScriptで映画マトリックス風のエフェクトText Rainをブラッシュアップした話【レスポンシブ対応】

もうね、エンジニアの存在意義が問われる時代になってしまったのを痛感してます。なかなか再現が難しかった映画マトリックスのあのエフェクト(通称、Matrix text rain)をどうやって表現しているのか気になってChatGPTに効いてみた...
JavaScript

ブラウザの言語設定を変更せずにGoogleで英語検索をする方法【スマホ対応】

プログラマーやエンジニアをしていると日本語のサイトでは情報が不足していて、どうしても海外のサイトを検索していく必要が出てきます。 例えば「fllutter」というキーワードを普通に検索をしてしまうと、日本語のWebページばかり出てき...
2023.04.20
JavaScript

文字数カウントWebアプリケーションをSEOライター、ブロガーに便利な機能追加!ライティングの効率化に是非

Webライティングをしていると、作業途中までのコンテンツの文字数を取得したいことが非常に多く、Web上に掲載されている文字数カウントを行ってくれるWebページを使うことが多いです。 WordやWordpressにも文字数の計測の機能...
JavaScript

デベロッパーツールのオーバーライドでHTML, CSS, JavaScriptを効率的に開発する方法

デベロッパーツールでのオーバーライドとは、WebページのHTMLやCSS、JavaScriptをリアルタイムに編集することで、表示上の見た目や動作を変更することができる機能です。 例えば、デザインやレイアウトの微調整や、JavaSc...
JavaScript

JavaScript slice: 文字列や配列を切り取る方法と使い方を徹底解説!

本記事では、JavaScriptの slice()メソッドについて詳しく解説します。slice()メソッドは、文字列や配列を切り取るためのメソッドで、JavaScriptの開発において非常に便利な機能です。 slice()メソッドの...
JavaScript

コンソール出力はconsole.logだけじゃない!?console.dirの使いどころや便利な場面を考察

エンジニアなら常識的に使っているconsole.log()。デベロッパーツールのコンソール画面に変数の値やオブジェクトの中身などを表示出来る便利な機能です。F12キーでデベロッパーツールを開いてもいいですが、Ctrl + Shift + ...
JavaScript

スクロールしたら要素をフェードインしたり動かしたりする方法【JavaScript】

企業サイトやゲーム公式サイトなどでよくみかけるWebページのギミックですね。ブラウザをスクロールしていたら画面内に入ってきた要素が横から現れたり、ふわっとフェードインしたりする視覚効果を実装する方法のご紹介です。出来るだけ初心者の方にも分...
JavaScript

iPhoneのFirefoxアプリのユーザーエージェントには「Firefox」の文字列がない

JavaScriptでユーザーエージェントを判別してFirefoxだけ除外しようとしたら、PC(Windows)では「firefox」という文字列で判別することができるのに、iPhoneだと除外対象にならなかった。(これMozillaさん...
JavaScript

JavaScript for-inの使い方とサンプルスクリプト – 初心者向けチュートリアル

JavaScriptのfor...inループは、オブジェクトのプロパティを反復処理するための構文です。for...inループを使用すると、オブジェクト内のすべての列挙可能なプロパティを反復処理し、それぞれのプロパティのキーを取得できます。...
JavaScript

JavaScriptのfor文(ループ処理)の使い方:初心者向けチュートリアル

JavaScriptにおけるfor文は、反復処理*を行うための制御構造*の一つです。for文を使用することで、指定した回数の処理を自動化することができます。 *反復処理とは、同じ処理を複数回繰り返し実行することを指します。JavaS...
JavaScript

プロトタイプ(prototype)の基礎、メリットやサンプルコードによる実装方法を出来るだけ分かりやすく解説【JavaScript】

JavaScriptのプロトタイプを楽器のギターに例えると、あるギターのプロトタイプは「そのギターが持つ特定の機能や特性を定義するような設計図」のようなものです。 具体的にどういうことかと言うと、例えばギターの形状、音色、使用材料な...
2023.04.08
JavaScript

JavaScriptで出来ること【超初級】

さて、珍しく初学者・もしくはこれからJavasScriptを勉強しよう、JavaScriptに興味があるんだけど、実際どういうところで使われてるの?というユーザーさんに向けて、簡潔に要点をおさえてお伝えしようと思います。この記事がきっかけ...
JavaScript

Google Chrome拡張機能の作り方 v3 入門編

趣味や仕事でGoogle Chromeの拡張機能を作成する機会が増えてきましたので、手順や必要ファイルなどをまとめておきます。作ってみたいとお考えの方の入り口になれれが嬉しく思います。では、早速必要な手順をフローでまとめてみましょう。 ...
2023.04.11
JavaScript

JavaScriptのオブジェクトのプロパティに変数を指定する方法と取得する方法

Javasciriptのオブジェクトのキー値に変数を指定したい場合が多々あります。キー値に同じ文字列を毎回指定するとメンテナンスが煩雑になったり、手間が増え非効率です。 そこでオブジェクトのキー値を一括で変数にまとめてしまう方法を解...
2023.04.03
JavaScript

超入門 JavaScript ~基本から将来性まで解説と考察

JavaScript(通称JS)は、Webページを動的に作成するためのプログラミング言語の1つです。JavaScriptは、HTMLとCSSとともにWebページを構成する主要な要素の1つであり、ユーザーとWebページとの対話や、ページの動...
タイトルとURLをコピーしました