JavaScript

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ページとの対話や、ページの動...
JavaScript

JavaScript オブジェクトとは何か?概要と記述方法を基礎から解説

オブジェクトは、プログラム内でデータと機能をまとめた複合的なデータ構造です。オブジェクトは、プログラム内で表現する実世界の概念や事物、またはプログラムの内部状態を表すことができます。 オブジェクト型については『JavaScriptに...
2023.04.02
JavaScript

jQuery無しでスムーススクロールをJavaScriptで実装する最も簡単な方法を検証~これでいいんじゃ……

IE(Internet Explorer)が去った今、スムーススクロールってめっちゃ簡単に書いてもいいのでは?と思い検証を兼ねてコードを実装してみます。 スムーススクロールをするにはちょっと文章量が多くないといけないので大変ですね。...
JavaScript

JavaScriptでCanvasに波紋のエフェクトを描画するサンプルスクリプト

波紋を描画するサンプルコードです。水たまりに雨粒が落ちるような感じになっています。 #canvas { background: #333; width: 100%; } // Canvas要素を取得する let canv...
タイトルとURLをコピーしました