vue.jsの導入
- 2020.05.22
学習メモです。 準備 CDN経由でライブラリをインストール hello world index.html script.js Vueクラス Vue.jsの核となるクラス。 options:動作オプション（「オプション名：値」のハッシュ形式で指定）Vue.jsではアプリで利用する値をデータオブジェクトで用意しておいて、テンプレートから参照することが基本形。このようなデーター割り当ての仕組みをデータバ […]
2020年5月
【javascript】画像のプリロード
- 2020.05.19
javascriptでスライドショーなどの型式で画像を取り扱うとき、ボタンのイベントに応じて切り替わった画像を先に読み込んでおく「プリロード」を使うことが有効です。イベントがあった際に画像の読み込みにかかる待ち時間が発生しなくなります。 ■サンプルコード createElementは()内のタグ名を持つ要素を生成して、メモリの保存します。HTMLに表示されることはありません。 その次の行で変数im […]
【Rails6】RSpec+FactoryBotの導入
- 2020.05.08
RspecはRubyにおけるテスティングフレームワークです。動く仕様書として自動テストを書く発送で作られており、ドキュメントを記述するような感覚でテストケースを記述することができます。今回は、RailsプロジェクトにRspecとテスト用データの作成をサポートするGemであるFactoryBotを導入します。 動作環境 macOS Catalina 10.15.4ruby 2.7.1Rails 6. […]
【Rails6】Devise + Bootstrapで管理画面用認証機能を作る
- 2020.05.01
今回は、ユーザ認証用のGEMであるDeviseと簡単なデザインを施すためのBootstrap4をrails6に適用して、WEBアプリケーション用の管理画面を作るための下ごしらえをしていきます。なお、本記事では管理画面用のGEMは利用していません。 実現したい機能は以下の通りです。 管理者用ユーザーの作成 管理者用ユーザーの編集 管理者用ユーザーの削除 管理者用ユーザーのログイン/ログアウト 管理者 […]