JavaScript

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

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

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

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

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

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

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

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

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

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

Dart入門:基本的な構文10個のサンプルから学ぶDartプログラミングの基礎【Flutter】

Flutterアプリケーションを構築するためにはDartという言語を習得する必要があります。ここではFlutterでモバイルアプリを作りたい、Webアプリを作りたいという方に向けてDartの基本的な知識と基本スキルを身に着けられるようにまと...
JavaScript

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

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

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

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

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

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

IEモード 開発者ツール(DevTools)でデバッグ作業をより効率的に行う方法とは?

悲しいことに未だにIE対応が必要な企業などのページがあります。一方で既にInternet Explorerは廃止され、WindowsではIEを開くことすら出来ません。 しかし、IEモードという未練がましい機能があり、IEにしか対応していない...
業界NEWS

ChatGPTにプログラミング周りのことをアニメに例えてもらった

心底危機感を抱いているプログラマー兼エンジニア兼Webライターのわたくしです。 今回はChatGPTに底力を発揮していただくべく、プログラミングやWebの技術に関する質問をなげかけてみました。さあ、ChatGPTのポテンシャルを引き出せるの...
react-native

コマンドプロンプト、PowerShell、ターミナルでディレクトリを移動する一番効率的な方法は何か?

ReactやReact Nativeのビルド、アプリの開始では毎回以下のコマンドを入力する必要があります。 cd (アプリまでのパス)my-app npm start cd (アプリまでのパス)my-app npm run build cd...
JavaScript

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

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

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

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

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

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