Javascript
目次 Math.random() Math.round(数値) Math.ceil(数値) Math.floor(数値) 1. Math.random() ⇨0~1までのランダムの数値を作成します。 console.log(Math.random()) #出力結果 0.04764646236311276 1. Math.round(数値) ⇨四捨五入する console.log(Math.round(…
知らなかったこと javascriptの2種類のデータの型,オブジェクト型とプリミティブ型 オブジェクトのメソッドの定義(rubyでいうハッシュ) 1. javascriptの2種類のデータの型,プリミティブ型とオブジェクト型 プリミティブ型 特徴:変数の中身(値)が同じでも別々…
前書き rails6とrails7でJsファイルの読み込み方が変わったみたいです。その結果「rails7でjsファイルが読み込めない」というエラーにハマったので、同様のエラーに困っている方の参考にと記事をに残します。 実行環境 rails Rails 7.0.6 ruby 3.2.1 Docker …
REST APIとは？ ⇨RESTというルールに基づいてAPIを使用可能にすること そもそもAPIとは？ ⇨便利機能(google mapなど)を外部(地球上のみんなに)に提供(好きに使ってもいいよと機能を公開)すること. 通常google mapはgoogle mapのアプリ上でしか使用できない。…
対象者 DOM操作が理解できている方 アドイベントリスナーを使ったことがある方 キャプチャリングとは？ ⇨親要素のイベントが発生すると子要素のイベントも発火する現象。 こんな感じ これは各div要素とbodyにクリックするとクリックした要素が赤くなるように…
Jsonって何？ ⇨JSONとは、データを記述するための表記法のひとつ そもそもデータって？ ⇨２種類ある. ①基本データ型 ⇨整数、少数、文字、真偽値 ②集合データ型 配列型、文字列型、クラスや構造体(Javascriptのclassなど） 複数のデータをまとめて一つのデー…
前書き railsでオリジナルアプリを作成中にjsonファイルを使う必要が出たのですが『そもそもjsonファイルって何？』「メリットは？」「どういう時に使うの？」というった疑問が湧いたので記事に残します。 jsonって何？ ⇨JavaScript Object Notationの略で「…
結論 ⇨javascriptやcssなどの構文エラーが原因なので自分が書いたjsファイルの構文を見直す必要がある エラーの意味 javascript The resource ファイル名 was preloaded using link preload but not used within a few seconds from the window's load event…
対象者 rails tutorialを学んでいる方 Ajax通信とは ⇨一言で言うと「画面の一部分のhtmlを読み込んだり更新したりする」. 詳しくは↓の記事を参考にしてみてください。 loveenglish.hatenablog.com Ajax通信を使ってみよう 今回はrails tutorial14章を参考にA…
spaとは ⇨シングルページアプリケーション. 従来は/postsというリクエストを送ったらhtmlが生成され /postsで生成されたページの中のテストというリンクを押すと/testというリクエストが送られてまた新しいhtml生成される 要は複数のページが存在しているこ…
対象者 javascript初学者 そもそも非同期処理とは？同期処理と何が違う？ 結論. ⇨同期処理. 1つの処理が終わるまで次の処理を実行できない。 →非同期処理. 処理を実行している間、同時に他の処理も実行できる仕組みが非同期処理 処理Aしながら処理Bもできる
対象者 javascript初学者 addEventListener構文 まず役割2つあります。 ①イベント発生時に関数を呼び出す. ②イベントオブジェクト（e）を生成する。 ①について. 構文 ○○.addEventListener(A,B) ○○がAされたらBを実行する。 A=イベント B＝関数 例 button.add…
対象者 これからjavascriptをrailsで動かそうとしている人. javascriptをrails6で動かそうとするとコンソールにnullが表示される人 目次 エラー内容と経緯 解決策 エラー内容と経緯 エラー内容 ⇨デベロッパーツールにnullと表示される. 処理の流れとしては h…
対象者 javascript初学者（基本構文は学習済み） webpackerとwebpackについて知りたい方 webpackerとwebpackとは Webpacker. ⇨ webpackをrailsで使用するためのgem ＝つまりwebpackを管理してくれるもの Webpack（モジュールバンドラー）とは、CSS、JavaScri…
対象者 javascript初学者 エラーの内容と経緯 と 経緯 rails6でjavascriptを導入しようとしました。 やったことは qiita.com ですようはHello Worldとjavascriptでコンソールに表示させようとしました。 今回はapplication.js内でhome.jsを読み込んでいます.…
対象者 javascript初心者. Ruby on Railsでjavascriptを使用したい方. この記事を読んでわかること javascriptの導入方法. ジャバスクリプトの基本（一部を紹介） 目次 railsでjavascriptの導入方法. コンソールにHello Worldと出力させてみよう. railsでjav…
エラーについて cloud9でセットアップを終えてrails serverでサーバーを立ち上げようとした際に以下のエラーに遭遇しました。 ======================================== Your Yarn packages are out of date! Please run `yarn install --check-files` to u…
前書き 今プログラミングの教材使いながらruby on rails を学習しているのですが一人で１からアプリを作ろうとしたときに『どうやってこれ使うんだっけ？』と思うことが多いので、今回は私のように１からアプリを作ろうとしている方の参考になればと思い記事…
前書き 今ECサイト（Amazonのようなアプリ）を制作途中でこのようなレビュー投稿機能を実装しようとしています。実装過程で自分にとって新しい概念が出てきましたので記録するとともに、記事を見ている方の勉強の参考になればと思い記事に残しています. 実装…
