好奇心の赴くままに。気になったことを、気ままに深掘り

  • Puppeteerを使ってみる(Node.js)

    Puppeteerを使ってみる(Node.js)

    Puppeteerは、Googleが開発したヘッドレスでブラウザ(Chrome または Chromium)を操作できるNode.jsのライブラリです ノンヘッド…

  • JavaScript 非同期処理

    JavaScript 非同期処理

    JavaScriptの非同期処理について「そういうことか〜!!」と思ったことを含む備忘録です Fetch API(HTTPリクエストを送るインターフェース)など…

  • Next.js(React備忘録3)

    Next.js(React備忘録3)

    Next.jsはReact開発のための機能を提供するフレームワークですサーバーサイドのレンダリングやルーティングが簡単に実装できます Next.js by Ve…

  • Socket.ioとReact

    Socket.ioとReact

    Reactで作ったオセロゲームをSocket.ioで双方向通信しようと思います 「ブロントエンドはReact」「バックエンドはNode.js」でRender(H…

  • React備忘録(その2)

    React備忘録(その2)

    スタイル インラインスタイル*style属性を要素のスタイリングの主要な手段として使うことは一般的に推奨されません疑似クラス・疑似要素・メディアクエリが使えませ…

  • Linuxの基本(その6)プロセス・ネットワーク

    Linuxの基本(その6)プロセス・ネットワーク

    プロセス プロセスは、メモリで実行中のプログラムです ブートプロセス 電源を入れた後、システムの初期化が行われ、OSが起動します systemdはシステム稼働に…

  • GASでOCR(コード)& その他画像からテキストをコピーする方法

    GASでOCR(コード)& その他画像からテキストをコピーする方法

    「OCR」とは印刷された文字や手書き文字を、デジタル画像にして、コンピュータが利用できるデジタルの文字コードに変換する技術です この画像は、パソコン画面のスクリ…

  • GAS備忘録(その2・スプレッドシート・ドキュメント・ドライブ)

    GAS備忘録(その2・スプレッドシート・ドキュメント・ドライブ)

    Google App Script(GAS)共通の大原則 Reference スプレッドシート GASを使ってスプレッドシートの作成や変更ができます 基本的には…

  • GAS(Google App Script)の備忘録(その1・サーバーとして利用)

    GAS(Google App Script)の備忘録(その1・サーバーとして利用)

    GASは「Googleアカウント」と「インターネット接続環境」があれば利用できます*「JavaScript」の基本的な知識が必要です まずは、サーバーとして利用…

  • JavaScriptオブジェクトなど(私的メモ)

    JavaScriptオブジェクトなど(私的メモ)

    JavaScriptの特徴 イミュータブルとミュータブル JavaScriptにおけるデータ型 JavaScriptにおけるデータ型は大きくプリミティブ型(オブ…

  • JavaScriptでFirebase(V9)を使う備忘録

    JavaScriptでFirebase(V9)を使う備忘録

    *Firebase(V9)ではモジュールバンドラを利用して、必要なものだけインポートします 手順 Firebaseプロジェクト作成*プロジェクトの一意のID が…

  • Figmaの使い方

    Figmaの使い方

    料金はチームごとに発生しますStarter(無料)の場合は「ファイル容量は無制限」「編集者は2人まで」「プロジェクトは3つ」「30日前までの履歴保存」です Fi…

  • Composition API(Vue.js その3)

    Composition API(Vue.js その3)

    Vueコンポーネントは「 OptionsAPI」と「CompositionAPI」の2つの異なるAPIスタイルで作成できます「OptionsAPI」は「Vue …

  • Vue Router (Vue.js その2)

    Vue Router (Vue.js その2)

    Vue Router(公式プラグイン)を使うとシングルページアプリケーションを簡単に作成できます シングルページアプリケーション(SPA) シングルページアプリ…

  • Vue.js備忘録 (その1)

    Vue.js備忘録 (その1)

    Vue.jsはユーザーインターフェースを構築するためのJavaScriptフレームワークですVue.jsではデータ(data)の値が変化すると、変化した内容が即…

  • log4jsで独自のログを出力する(Node.jsその5)

    log4jsで独自のログを出力する(Node.jsその5)

    Express.jsにはデフォルトのログ出力にmorganが組み込まれていますmorganは、サーバーがリクエストを受け取った際のログを出力しますが、任意の箇所…

  • Node.jsでMongoDB Atlasを利用する(Node.js その4)

    Node.jsでMongoDB Atlasを利用する(Node.js その4)

    「MongoDB」は「NoSQL」のデータベースです「NoSQL」は、データを柔軟に管理でき、大量のデータを扱うサービスでも比較的高速に処理できます Mongo…

  • ExpressでMySQLと接続(Node.js その3)

    ExpressでMySQLと接続(Node.js その3)

    「MySQL」は「RDB(リレーショナルデータベース)」です「RDB」は表形式でデータを管理し、トランザクション(不可分な一連の処理)で、データの整合性が担保さ…

  • Tailwind CSS 3

    Tailwind CSS 3

    ドキュメント Just in Timeモードというものがあり、 テンプレートで利用されているものだけを、事前にビルドして生成するモードですビルド時間の短縮とファ…

  • React備忘録(その1)

    React備忘録(その1)

    Reactは、ユーザーインターフェース構築の為のJavaScriptライブラリですライブラリなのでHTMLの一部に利用するなど、小さくはじめることもできますが&…

  • Expressフレームワークの基本的な使い方(Node.jsその2)

    Expressフレームワークの基本的な使い方(Node.jsその2)

    Express は、Web アプリケーションとモバイル・アプリケーション向けの一連の堅固な機能を提供する最小限で柔軟な Node.js Web アプリケーション…

  • JavaScriptのモジュールについて

    JavaScriptのモジュールについて

    JavaScriptのファイル(.js)には、スクリプトとモジュールがありますコードが大量になると、モジュール(部品)に分割して、必要なモジュールをスクリプトや…

  • GSAP備忘録(その2)

    GSAP備忘録(その2)

    ModifiersPluginとUtilityメソッド ModifiersPluginはGSAPが適用する値をインターセプトしてその値をパラメーターにした新しい…

  • GSAP備忘録(その1)

    GSAP備忘録(その1)

    はじめに アニメーションライブラリを使えば、ブラウザの互換性が担保され、複雑になるタイミングの計算が不要になり、嬉しいことばかりですGSAPは、GSAP2からG…