IT技術にまつわる実験ノート

「長編を書くより、短編を数多く完成させてください。それが上達への近道です」 by 手塚治虫

自作Webアプリ「IT勉強会用 名刺ジェネレーター」を公開しました!ぜひご活用ください😀

https://it-benkyoukai-meishi.herokuapp.com/

2019-03-18から1日間の記事一覧

Rails デフォルトの Minitest の assert_select メソッドは rails-dom-testing で定義されている。

調べてみる assert_select メソッドについて Rails と Minitest のドキュメントを調べても、どちらにも定義されていなかった(Rails 4.1.7 では定義されていた)。Rails ガイドを読んでいたところ、rails-dom-test のリンクがあり、こちらで定義されているこ…

Rails + Minitest のシステムテストを使ってみる

説明 Rails ガイドでのシステムテストの説明は以下の通り。 参考:Rails テスティングガイド - Rails ガイド 使ってみる ジェネレーターを実行する。次のコマンドで test/system/users_test.rb を作成する。 bin/rails generate system_test users -> signup…

jQuery を使って「Top へ戻る」ボタンを作ってみる

はじめに ここでは以下の動画を参考にして Top へ戻るボタンを作ってみることにする。 Scroll top button - back to top Using HTML CSS & JQuery - YouTube 作ってみる jQuery を使って、スクロール量を出力してみる。window オブジェクトに scroll イベン…

メニューをホバーした時に下線が動くアニメーションを作ってみる

はじめに ここでは、メニューをホバーした時に下線が動くアニメーションを作ってみることにする。 Cool Link Hover Effect | HTML & CSS - YouTube 作ってみる HTML を記述する。 CSS を記述する。 -> これで完成。 リンク要素に after で下線となる要素を作…

JavaScript の fetch メソッドを使ってみる 【その2】

はじめに ここでは以下の動画を参考にして fetch メソッドを使ってみることにする。なお、その1はこちら。 Fetch API Introduction - YouTube 使ってみる サンプル用の json ファイルをダウンロードする。 wget https://raw.githubusercontent.com/kotofurum…