カテゴリ ／ 初めてのruby備忘録
上級編3ページ目
【JavaScript】同期処理と非同期処理とAjax
同期処理とは 処理１→処理２→処理３、、、と順番に処理されていくこと 非同期処理とは 処理が順番じゃないこと setTimeoutファンクションにより、一定時間経ったあとに結果が表示される → 3000ミリ秒（３秒）後に…
【rails】Ajaxでコメントを投稿する
コメントを投稿する 先日、コメント投稿フォームを作成した 関連記事：【rails】jQueryでコメント投稿フォームを表示する 今回は、コメントを投稿し、コメント一覧にも追加表示されるようにしていく 投稿するためのボタン…
【rails】Ajaxでコメント一覧を表示する
コメント一覧を表示する 先日、コメント一覧のAPIを作成した 関連記事：【rails】コメント一覧のAPIを作る 今回は、取得したAPIを使いAjaxでコメント一覧を表示できるようにする ページをロードした瞬間にコメント…
【rails】jQueryでコメント投稿フォームを表示する
jQueryでコメント投稿フォームを表示する 前回はコメント一覧のAPIを作成した 関連記事：【rails】コメント一覧のAPIを作る 今回は、まず投稿フォームの表示のみできるようにしていく viewのコードを変更する …
【rails】コメント一覧のAPIを作る
コメント一覧のAPIを作る 現在、コメントを投稿するときは「コメント投稿するためのページ」に遷移している 今回からは、以下の流れを同じ画面で完結できるようにしていく コメント一覧の下にコメント投稿フォームが出るようにする…
【rails】「いいね」でアイコンを切り替える
「いいね」したらアイコンが切り替わるようにする 前回までで、「いいね」のデータベースを更新することができた 関連記事：【rails】「いいね」をaxiosでリクエストする 今回はデータベースだけじゃなく、アイコンも切り替…
【rails】「いいね」をaxiosでpostする
APIを作る likes\_controller.rbで、createとdestroyのAPIを作る 「いいね」したらjsが動くようにしたい articles/show.html.hamlを確認 image_tag 'h…
【rails】「いいね」の状態によって画面表示を切り替える
「いいね」の状態によって画面表示を切り替える 前回までで、axiosで「いいね」しているか確認することができた 関連記事：【rails】axiosで「いいね」しているか確認する 今回は、取得した「いいね」の状態によって画…
【rails】axiosで「いいね」しているか確認する
記事の「いいね」状態を取得する 前回、JavaScriptでgetリクエストが送れるようになった 関連記事：【rails】axiosでgetリクエストを送る方法 実際、記事の「いいね」状態についてデータを取得していく a…
【rails】axiosでgetリクエストを送る方法
AjaxにはAPIが必要 APIとは、Application Programming Interface の略 不特定多数のいろいろな言語（ソースコード）を使うときにAPIが使われる 別のサーバーじゃなくても、自分のサー…