新着記事 5ページ目
【JavaScript】モジュールのimportとexport
モジュールとは ソースコードは長くなりがち。。 長くなったソースコードの中からメソッドを切り分けたり、ファイルを分割する それを読み込むためにモジュールを使う ファイルに切り分ける app/javascript/modu…
【Ajax】thenとcatchとステータスコード
HTTPのステータスコード responseの状態を表す、ステータスコードというものがある（検証ツールで確認できる↓） 例）ページが見つからなくて「４０４」と画面に出てくるあれもステータスコードの一種 responseに…
【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を確認 imagetag 'hea…
【rails】「いいね」の状態によって画面表示を切り替える
「いいね」の状態によって画面表示を切り替える 前回までで、axiosで「いいね」しているか確認することができた 関連記事：【rails】axiosで「いいね」しているか確認する 今回は、取得した「いいね」の状態によって画…