2019-01-01から1ヶ月間の記事一覧
今回は、「Haml」について勉強してみましたーというか、並行してそもそものHTMLやCSSもまたおさらいしてます。。。まさに3歩進んで2.5歩下がってを繰り返して、少しずつ少しずつ進んでいく感じですね。 目次 Hamlとは? HamlのGemについて HamlをRailsに…
カリキュラムにて、課題の実装が何とか形になりました。内容を確認中の間に「BEM」の復習に行ってみます! 目次 BEMって何? BEMを使用するメリット クラスの命名が簡単になる 要素の再利用がしやすくなる Block、Element、Modifierについて Block Element M…
Sassの特徴の続きです。この辺りの特徴はカリキュラムを進めてた時は流してましたが、、、実装演習では、かなり使える! というか使いこなせないと全くついていけませんでした。。。ネストとかパーシャルとか、恐る恐る実装してちゃんと画面が表示された時は…
はてなブログのレイアウトにまだまだ苦戦中です。。。 一方で、Sass、BEM、Hamlの関係が少しわかってきました! プログラミングの良いところは、どんなに難解でも必ず答えがあるということですかね。 答えにたどり着く手順を理解できれば、自ずと導かれると…
現在進めているカリキュラムにて、「 Chat」サービスの投稿画面実装に入りました。ここからはいきなりハードルが上がり、これまで習った「rail」に加えて、Web画面自体を見本の指示書からコードを書いてみるということになりました。。。 ・・・2日目になり…
今回は、jQueryを使って、HTMLのコード内の各要素を色々いじってみます。変更したい部分を直接書き換えるんじゃなく、jQueryで操作して変更させるというところを理解できればなぁと思います。。。 目次 HTML要素を操作してみる text() html() JavaScriptを実…
今回は、「jQuery」のセレクタについて学んでみました 目 次 IDセレクタ クラスセレクタ 要素セレクタ text() html() 「jQuery」のセレクタには大きく分けて3つあるとのことです。 IDセレクタ IDセレクタとは、HTML要素のid属性で指定するセレクタのことで…
Tech::Expertのカリキュラムもいよいよ応用編に突入! 「jQuery」というJavaScriptのライブラリに差し掛かりましたが、 そもそも読み方がわからない・・・ 以前この言葉を見かけたときは、JavaScriptに関連していることすら想像できませんでした。。。 そう…