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

  • GASでYouTube Data APIを使ってみる(検索サイトを作成)

    GASでYouTube Data APIを使ってみる(検索サイトを作成)

    YouTube動画を検索するサイトを作ります(自分専用のためエラー処理は省略^^;)GASを使えばAPIキーの取得やサーバーが不要です スクリプトの準備 スタン…

  • Puppeteerでスクレイピング(2)

    Puppeteerでスクレイピング(2)

    Puppeteerを使わないスクレイピング Puppeteerに関してはこの続き Puppeteerの概要 Puppeteerでブラウザを操作してスクレイピング…

  • JavaScript ジェネレーター

    JavaScript ジェネレーター

    イテレーターについて 「イテレーター」は反復操作のためのオブジェクトです2つのプロパティ(value・done)を返すnext()メソッドを持ちますvalueプ…

  • Node.js Webスクレイピング(1)

    Node.js Webスクレイピング(1)

    node-fetch Node.jsアプリでPromiseベースのHTTP通信を行うためのライブラリです htmlファイルとして取得(レスポンスを文字列で取得)…

  • Streamについて (Node.js)

    Streamについて (Node.js)

    そんなものか〜程度に理解しただけで、エラー云々全然考えていません(^^;; Streamを使うことで小分けされたデータ(chunk)を順番に処理する(まとめて一…

  • 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モードというものがあり、 テンプレートで利用されているものだけを、事前にビルドして生成するモードですビルド時間の短縮とファ…