ログ一覧

【Bootstrap 4】Bootstrapのグリッドシステムについて

はじめに Bootstrapについて勉強し始めたため、備忘録と頭の整理を目的として要点をまとめていきます。 参考書籍・図の出典元:Bootstrap 4 フロントエンド開発の教科書 要点 グリッドシステムとは ...

【Bootstrap 4】Bootstrapとは?

はじめに Bootstrapについて勉強し始めたため、備忘録と頭の整理を目的として要点をまとめていきます。 参考書籍:Bootstrap 4 フロントエンド開発の教科書 要点 フレームワークとは フレームワーク...

【Ruby/Ruby on Rails】特異クラス(class << self)について

概要 Railsチュートリアル9章の途中で class &lt;&lt; self という記述が出てきたが、どのような意味なのかが分からなかったため調査。 要点 def self.メソッド名def クラス名.メソッド...

【Ruby/Ruby on Rails】find, find_byの違い

概要 使い分けが分からなかったため調査。 要点 1. findメソッドについて 各モデルのidを検索キーとしてデータを取得するメソッド id以外の条件で検索不可 取得したいデータのidの値が具体的に分かっている...

【Cloud9】Herokuへの接続方法

概要 Railsチュートリアルの第1章にて、Herokuを用いて本番環境を構築する箇所があるのだが、所々で躓いた箇所があったため、備忘録として残すこととした。 要点 Railsチュートリアルに従った際のHeroku接続の...

【Ruby on Rails】generateコマンドのやり直し・削除

概要 「$ rails g Memo title:string body: text」とtextの前にスペースを入れてしまったことで、下図のような表示になってしまったため、generateコマンドにて、作成したファイル名などに誤...

【Ruby/Ruby on Rails】Ruby開発環境構築の流れ for Windows

※完全なる自分用の備忘録です。 Ruby開発環境構築の流れ@Windows Rubyのインストール Ruby+Devkit 2.4.5-1 (x64) を選択 インストール後、コマンドプロンプト(Start Comm...

【Ruby on Rails】$ rails g scaffold について

目次 $ rails g scaffold について $ rails g scaffold により作成されるファイルの構成 Railsを扱う上で押さえておくべき思想や概念 ① MVC(Model, View, Con...

【jQuery】Ajaxの基本について

Ajaxとは ・「Asynchronous JavaScript + XML」の略・画面遷移なしにWebサーバーとデータの送受信をするJavaScriptの機能・最新のデータを取得して表示されている画面の一部だけを書き換えられる・ユ...

【CSS】テキストの収め方

テキストの収め方 overflow: hidden;white-space: nowrap;text-overflow: ellipsis; を記述すると、テキストを1行に収めて且つはみ出し部分は・・・と表記できる。 See t...

【AWS】初期設定、用語まとめ

内容 「AWSを安全に利用するために - ルートアカウント利用禁止、IAMを使う」 を参考にしながら、用語を簡潔にまとめた。また、登録後すぐにすべき初期設定についても簡単にまとめた。 要点 ○ルートアカウント --- 用語の...

【JavaScript/jQuery】return false;の意味

要点 return false; を記述することでブラウザ側で行う処理を中断することが可能 例えば、a要素にクリックイベントを設定する際、a要素をクリックするとリンク先に移動してしまうが、以下2パターンの記述をすると本来イベン...

【HTML/CSS】overflow: hidden; で高さを計算できるようにする

要点 ドットインストールのJavaScriptでストップウォッチを作ろう #11 ボタンのスタイルを整えようおよびJavaScriptでカウントダウンタイマーを作ろう #11 ボタンのスタイルを整えようにて「overflow: ...

【HTML】href と src の違い

要点 ふと気になったため調査。下記リンクによると、 href はページに関連する情報の指定 src はページに埋め込む情報の指定 とのこと。 参考URL http://web-dd.net/?p=10...

【JavaScript】innerHTMLとtextContentの使い分け

要点 ほぼ同様の使い方をする ブラウザによって使えないものあり(Chromeは全て対応) パフォーマンス:textContent > innetHTML(∵テキストが HTML として解析されないため) 参考URL ...