私の外部記憶装置

ただの覚え書きです。ちょこちょこ見直して加筆・修正していますが、間違ってるかも😅

JavaScript

【Mac】環境構築(作業記録)

【目次】 macOSの初期設定 VS Code Ruby 1. Command Line Tools のインストール 2. Homebrew のインストール 3. Git のインストール 4. rbenv のインストール 5. Ruby のインストール JavaScript Node.js のインストール macOSの初期設定 アプリケーションの…

【JS, Rails】ブラウザのタイムゾーンの取得

【目次】 概要 書き方例 概要 ブラウザのタイムゾーンを取得 Intl.DateTimeFormat().resolvedOptions().timeZone Intl.DateTimeFormat.prototype.resolvedOptions() - JavaScript | MDN Rails側に送信 書き方例 計算のついでにRails側に値を渡すようにしたケ…

【Rails】importmap-railsの使い方

【目次】 概要 設定手順 注意点 手順①-1:手持ちのJSファイルを使いたい場合 手順①-2:CDN経由でnpmを使いたい場合 手順②:共通 インポートの例 概要 importmapのイメージ:JSモジュールの読み込み(import)を、あるファイルにマッピング(map)して一元管…

【JS】export、import

【目次】 概要 書き方 exportの書き方 名前付きエクスポート デフォルトエクスポート 再エクスポート・集約 importの書き方 名前付きインポート デフォルトインポート ⭐️名前空間のインポート(すべてをインポート) 副作用のインポート 概要 exportの種類(…

【JS】基本の書き方(Rubyと比較)

記号の意味 文字列 式展開、テンプレートリテラル 条件分岐 条件演算子(三項演算子) 特殊な書き方 nilガード 「存在確認」と「値の取得」 &: 省略記法 記号の意味 :JavaScriptの書き方 :Rubyの書き方 文字列 式展開、テンプレートリテラル `${hoge}`:テ…

【Rails】CDN経由でのJavaScriptパッケージの利用

【目次】 使い方例(Apatch Echarts の場合) ①importmapを使う場合(⭐️基本的にこれを使う) 注意点 Rails側でimportmapを設定する場合(⭐️これを使う) ビューファイルにimportmapを直接書く場合(使わない) ②importmapを使わず、URLを指定する場合(使わ…

【Rails】JavaScriptとCSSの読み込み

概要 どれを選ぶか 注意点 アセットパイプラインについて アセットパイプラインの変遷 概要 デフォルトの構成 (「オ」は代表的なオプション) 【JavaScript】 Rails 8 7 6 ≧5.1 メモ importmap-rails ○ ○ import maps を使う場合。(Node.jsを仲介しない) …