以前作成していましたpictweetに非同期通信「Ajex」を組み込むカリキュラムに突入しました。少し前に「Ajex」(エイジャックス？アジャックス？)についてやってみましたが、まあ例によってよくわかってないわ、覚えてないわ、で、もう一度復習しながら、進め…

JavaScriptとは JavaScriptはWebページを操作するためのプログラミング言語です。Webサイト上のHTML要素を取得したり、取得したHTML要素を操作することができます。 JavaScriptの特徴 javaScriptの特徴は以下の3点です。HTMLやCSSの取得ができる JavaScript…

今回は、「RSpec」のコードをより効率的に書く方法について勉強しました。初学の時はほんと頭に残らずに流れていきましたが、こうやってアウトプットしてみると、「あっそういうことか！」「う、忘れてるぅ」とか気づかされる。 そして、使い慣れると効率的…

今回は、「RSpec」の基本構文について学びます。 Ruby のテストコードなので、Rubyにルールが似ててそこまで拒否感はないですね。 むしろすんなり受け入れますわ〜 目次 describe itとexample エクスペクテーション expect(X).to eq Y マッチャ bundle exec …

Rubyのテストコード「RSpec」を勉強しました。 結構、四苦八苦しながらカリキュラムを進めてみましたが、あれ、思ったよりわかるし、重要だなぁと実感。 むしろ機能を実装する際にテストしながら、コード書いていった方が効率的なんだなと思いました。 わか…

データベース設計について、学習してみました。データベースの検索についてカリキュラムを進めてましたが、エラー地獄にハマってしまい、 いやになったので、次のカリキュラムへ現実逃避っす！ 目次 データベース設計って何？ データベース設計の基礎知識 デ…

今回は、「Haml」について勉強してみましたーというか、並行してそもそものHTMLやCSSもまたおさらいしてます。。。まさに３歩進んで２.５歩下がってを繰り返して、少しずつ少しずつ進んでいく感じですね。 目次 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」のセレクタには大きく分けて３つあるとのことです。 IDセレクタ IDセレクタとは、HTML要素のid属性で指定するセレクタのことで…

Tech::Expertのカリキュラムもいよいよ応用編に突入！ 「jQuery」というJavaScriptのライブラリに差し掛かりましたが、 そもそも読み方がわからない・・・ 以前この言葉を見かけたときは、JavaScriptに関連していることすら想像できませんでした。。。 そう…