Railsアプリに、 JSの比較的新しいフレームワークであるVue.jsを組み込んでみよう ということを計画していてその準備中。そのための新しいRaisプロジェクトを立ち上げる前に、 今日はすでに自分で作っていたRailsのブログアプリに、 部分的に導入してみて挙…
スクールの自主制作の課題開始に合わせて、 Vue.jsの勉強始めた。 カリキュラム外のことや応用的なことで、 自分のやりたいことをということだったので、 ずっとやりたかったJavaScriptのフレームワークの勉強をこの機会に。フロントサイドのフレームワーク…
console.log('hoge'); console.dir('hoge'); console.dirxml('hoge'); console.trace('hoge'); console.table('hoge');
オブジェクトに対して使えるメソッドを一覧表示してくれる 「methods」メソッド 例えば、配列 (array) を作ってみる！ puts "数字を入力してください" input = gets.to_i array = -5..input 配列の範囲指定に使える「..」の書き方か思い出しつつこれを、 p a…
Rails内のアノテーション(OPTIMIZE , FIXME , TODO 等)を 抽出する際の、「rake notes」コマンド。 デフォルト対応しているファイル以外にもスコープを広げるには？ 「Rakefile」に以下のように追記。 hamlであれば、 SourceAnnotationExtractor::Annotation…
「config/application.rb」に 「time_zone(L10)」「active_recordのtime_zone(L11)」にまつわる下２行を追記。 これにより、アプリの中の時間とDBの時間がどちらも日本時間になる。 module ChatSpace class Application < Rails::Application config.generat…
今日は日曜なので家で学習〜〜 まずは、Railsのテストコードのカリキュラムの続き テストコード書くの時間かかるけど、 モデル・コントローラーの役割とか確認になるし ほとんど英文として読めるコードなので、勉強になるし嫌いじゃない。 しかし、カリキュ…
class Foo def bar'baz' # return baz end end
機能追加を試す font-awesome追加 <head>タグ内リンクで 公式からリンクをコピーして、application.html.erbの<head>タグ内に挿入 公式から使いたいアイコンのタグをワンタッチコピーして、 自分が表示したいところに貼るだけ。 <i class="fas fa-trash fa-lg"></i> のように、 iタグとクラス名で読み込まれ</head></head>…
スクールの自主課題のブログアプリ実装の続き、 ブログの「投稿」「一覧表示」「マイページ表示」などは終わっていたので、 追加で、「編集」「削除」の機能追加と、レイアウト修正。 ２週間くらい前に作って置いたやつだったので、 今振り返るとHTMLの構成…
チャットアプリのメインのチャット画面の実装 チャットの入力フォーム周りでかなり苦労したーーーーーーーーー。 結果的には、HTML/CSSのフォーム系の書式を知らなかったのが原因。 .form__mask %input.message-input{ type: "text", placeholder: " type a …
Hamlの書き方 Scssの書き方 width/height calc( ) gem "font-awesome-rails"
スクールのカリキュラム上、Railsがっつり勉強する日もあれば、 違う言語やったり、他の周辺知識勉強したりで、全くRailsいじりしない日もある。 でも、とりあえずはRuby/Railsのdeveloperになるわけだから、 その他あれこれ諸々の勉強も、 Railsでより機能…
スクールで、みんなより早くカリキュラムを進めている人が言っていた。 「早く勉強進めて、早くテスト受けさせてもらった方がいいよ」 僕らとは学びに対する態度が全然違った。 普通、「テストの日程が迫ってきている」「慣れてる問題だといいな」 みたいな…
・html ヘアーブログのレイアウト ・ruby 朝一アルゴリズム問題 閏年 トラブルシューティング２ ruby 問題もう１問 配列に対して使うsortメソッド array.sort{|a,b| b[:score] <=> a[:score] 映画の情報などを入力するメソッドで、返り値として返ってきた一…
・「position : fixed;」「margin : 0 auto;」を当てるときは、widthの指定が必要。 ・「float」で要素を横並びにしたいときは、 親要素のwidhtが、横並びにしたい子要素たちのwidthの合計よりも 大きく設定されていないといけない。 ・ブロック要素 基本的…
HTML / CSSの勉強どうやろうかと考えていたけれど、 検証ツール使うんだということがわかった。 とりあえず検証ツールで、あーでもないこーでもないと こねくり回して、やればいいんだ。 テストだって、実際にページを作る時だって、そうするんだ。 きほん先…
・HTML/Ruby/Railsの３つそれぞれに毎日触れる。 ・そのために、時間管理をしっかり行う。 ・目安としては、2 / 3 / 5 くらいの割合で時間配分。 ・Ruby は毎日練習問題を最低１問。 ・HTMLは、１日最低２時間。 ・Rubyは残りの時間で行う。カリキュラムの復…
[調] ・ルーティングのネストを行ったとき、パスの中に取り込んだ他のモデルの情報はデータベース上でもカラムとして見えるのか。 [質] ・ruby問題２ 問題３ クラスとインスタンス インスタンス変数の呼び出し方
・rubyのハッシュの定義に関して、３つのキーの指定の仕方があるが、 A hash1={ "title" =>"やな" } B hash2={ :title => "やな" } C hash3={ title : "やな" } 取り出すときは、 Aのとき hash1[ title ] B・Cのとき hash2[ :title ] hash3[ :title ] のよう…
昨日、初めてのテストを受けて思いました。 プログラミングの勉強は、コードを書かないといけない。 テキストを読んだり、ネット上の素材を検索することも大事だけど、 コードが書けるようにならないといけない。 写経というプログラミングの勉強法があるら…
学ぶスピードについて考えた。 今、プログラミングの勉強をしているけれど、 気づけば、高校の時の国語や英語のようなやり方で勉強をしてしまう。 ゆっくりゆっくり勉強してしまう。 大学で文系(経済学史とか)に進んだのもあるのかも。 そういうのが好きだっ…
