はじめに 社内の共有会をきっかけに、GoogleAppsScript(GAS)を調べることになりました。連携できるサービスが豊富で学習コストも低くて、面白そうだったので使ってみることにしました。 G…
はじめに 文章の中身を一部だけ、変更したい！splitとjoinでの文字列置換方法があります。 そのコードで、一瞬混乱したので、どこかの誰かのためにアウトプットします！ 早速解説 const old…
①基本 ・React vue angular Riot等の仮想DOMを用いるライブラリ/フレームワークを使用 ・npm/yarm等のパッケージマネージャを使用 ・主にES2015(ES6以降)の記法…
例えばスプレッドシートからGoogle Apps Scriptでメールを送信するとき、メール文面を柔軟に変更できると便利です。そこで、テンプレート文字列をセルに直接記述し、そのプレビューを別のセルで…
教材 : Udemyガチで学びたい人のためのJavaScriptメカニズム 【HTMLをブラウザに表示させる】 〜ファイルの作成からブラウザ上にアラートを表示させるまで〜 ①vscodeでhtmlフ…
Introduction React未経験の私が学んだことを書き連ねます。 公式チュートリアルの三目並べをベースに学習しています。 ベータ版の五目並べは、三目並べが完了して余力があれば取り掛かります。 手元に『りあクト！』もあるのでそちらを優先するかもです…
成果物 今回はラジオボタンを用いて性別を選択する簡単なプログラムを作成しました。 https://codesandbox.io/embed/raziobotan-arenzi-0dydr7?font…
完成コード 備忘録です。 ※MongeDBの設定方法は説明していません。あくまでmongooseを使用して接続する方法になります。 const express = require("express"…
成果物 今回はmapを利用してセレクトボックスを実装していきます。 セレクトボックスで選んだ値を「現在選択されている値」として表示し、その値に対応するハイパーリンクを作成します。 作成されたハイパー…
Chrome View Transitions APIについて Chrome View Transitions APIは、Chrome 111で新たに追加されたAPIで、ウェブアプリケーションでの画…
ChatGPTに関する最新情報を複数のRSSフィードから取得し、一覧化して表示するウェブサイトを作成しました。 https://chatgpt-rss.vercel.app/ 生成したJSONファイ…
プラグイン「MTAppjQuery」をインストールすると 「mtappVars」というJavaScriptのグローバル変数が使えるようになります。 jsのオブジェクト操作の練習がてら色々やってみます。…
「社内でちょっとGASが触れる便利な人」として、ひたすらスプレッドシートを転記する仕組みを作っています。シートAからシートBへ…シートBからシートCへ…以下果てしなく続く。 例えばシートAからシート…
https://qiita.com/EasyCording/items/369abc38000edc17fb5a 目指している方向性 ツールを使いたいと思ってもらうこと ツールを使うことがＵＸとして…
JavaScriptとは、 Webページに様々な機能を追加するためのプログラミング言語、 (例)、複雑なエフェクトやアニメーション、コンテンツの動的な書き換え、サーバーとのデータのやり取りなどでJa…
1.はじめに - 概要と作成した背景 Webpackのビルドの遅さが気になっていたが、そのうちTurbopackやRspackなどの開発が進めばそのあたりは解決すると思っていて放置していたが、時間が…
React公式ドキュメントサイトreact.devが2023年3月16日に改訂されました(Blog「Introducing react.dev」参照)。基本解説の「Learn React」には、初心…
React公式サイトのドキュメントが2023年3月16日に改訂されました(「Introducing react.dev」参照)。本稿は、基本解説の「Updating Objects in State…
こんにちは．音声対話システムオタクの西村良太（@sayonari）です． ChatGPT君に，ChatGPT音声対話システム（あいづちも打てる！）を作ってもらった話です． ちなみに，このQiita記…
ファイルツリー全体にonclick属性を付加する。ツリーの中のどの要素がクリックをされたのかを特定する方法の下調べ 結論 event.targetを使えば簡単に書ける。 ファイルツリーにはフォルダと…
GitHub Copilotについて GitHub Copilotは、GitHubとOpenAIが共同で開発したAI駆動のコーディングアシスタント GPT-4を使用しており、開発者がコードを効率的に…
ES Moduleとは JSのファイルから別のJSファイルを読み込む仕組みのことです。 まずは ES Moduleを使うためには下のように"module"を記述します。 Reactだとこのような記述…
概要 JavaScriptの理解を深めるため、 で学習した内容を記載していく。 本記事では、ブラウザオブジェクトについて記載する。 ブラウザオブジェクト ブラウザオブジェクトとは、ブラウザを使った…
