業界NEWS

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

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

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

ReactやReact Nativeのビルド、アプリの開始では毎回以下のコマンドを入力する必要があります。 cd （アプリまでのパス）my-app npm start cd （アプリまでのパス）my-app npm run b...
2023.04.10
react-native業務効率化
JavaScript

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

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

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

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

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

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

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

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

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

JavaScript（通称JS）は、Webページを動的に作成するためのプログラミング言語の1つです。JavaScriptは、HTMLとCSSとともにWebページを構成する主要な要素の1つであり、ユーザーとWebページとの対話や、ページの動...
2023.04.01
JavaScript
JavaScript

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

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

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

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

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

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

【JavaScirpt】DOM要素の指定方法まとめ

JavaScriptでDOM（Document Object Model）要素を指定する方法にはいくつかありますが、代表的な方法を以下に紹介します。 （１）getElementById()メソッドを使用する方法 documen...
2023.03.30 2023.04.14
JavaScript
JavaScript

JavaScriptでCanvasに雨を降らせるギミックサンプル【jQuery無し】

// Canvasの要素を取得する var canvas = document.getElementById("myCanvas"); // Canvasの描画コンテキストを取得する var ctx = canvas.getCont...
2023.03.29 2023.03.30
JavaScript
JavaScript

泡が下から出るJavaScriptギミックをCanvasで描画するサンプル【jQuery無し】

// Canvas要素を取得する const canvas = document.getElementById('myCanvas'); // Canvasのコンテキストを取得する const ctx = canv...
2023.03.28 2023.03.29
JavaScript
JavaScript

【JavaScript】Fetch APIとは何か？fetch()メソッドの使い方と解説

JavaScriptのFetch APIは、Webブラウザー内でHTTPリクエストを送信してレスポンスを取得するためのAPIです。Fetch APIを使用すると、Webアプリケーションはサーバーと通信し、データを受信したり送信したりできま...
2023.03.28
JavaScript
JavaScript

【JavaScript】イベント処理関数addEventListener()の使い方、引数の使い方

addEventListener()は、JavaScriptでイベントリスナーを追加するためのメソッドです。イベントリスナーとは、特定のイベントが発生した際に呼び出される関数であり、ユーザーのアクションやWebページの状態の変化など、様々...
2023.03.27 2023.03.28
JavaScript
次のページ
タイトルとURLをコピーしました