makorin_007's blog

プログラミングとか日々考えていることとか。

【Day7】二次元バーコード作成

 

 

【アウトプット】

   http://jsfiddle.net/Lx4qp/1/

【参考にしたサイト】

   http://dotinstall.com/lessons/barcode_jquery_v2

【所感】

  -jQueryGoogle Chartsを利用して簡単にBarcodeが作成できることを学んだ。

  -やはり小さくても何かを作ると具体的なイメージが湧いてよい。続けるぜ!

【Day6】はじめての jQueryプラグイン

【アウトプット】

 http://jsdo.it/makorin_007/c99e

【参考にしたサイト】

 http://dotinstall.com/lessons/basic_jquery_plugin

【所感】

  -う〜ん、今日もドットインストールを見てコピペで終わってしまった。

       もっといろいろ自分でトライしてみないといけないな。

  -jQueryプラグインの概要が理解できたので今日はこれで良しとしよう。

【Day5】はじめての jQueryUI

【アウトプット】

      http://jsfiddle.net/makotoisawa/z8Esm/

【参考にしたサイト】

      http://dotinstall.com/lessons/basic_jquery_ui/8919

【所感】

  -ここ数日、jQuery, jQueryMobile, jQueryUIを触ってみての感想.....まだまだ自由に使いこなせるわけではないが、案外わかりやすかった。いままで何を怖がっていたのだろうか。

  ①怖がらずどんどんトライする。

  ②その日覚えたことを何らかの形でアウトプットしていく

当面続けたいと思う。

【Day4】はじめての jQueryMobile

【アウトプット】

       http://jsfiddle.net/makotoisawa/XTs39/2/

【参考にしたサイト】

       http://dotinstall.com/lessons/basic_jquery_mobile/

【総括】

  -jQuery&jQueryMobileの概要がなんとなくわかってきた。

   はやくこれらを自由に使ってオリジナル製品を作りたい。

  -明日はjQueryUIを試してみる。

【Day3】jQuery - 動的に作られた要素にイベントを設定

【アウトプット】

        http://jsfiddle.net/makotoisawa/t8emV/4/

【参考にしたサイト

        http://dotinstall.com/lessons/basic_jquery_v2

【総括】

  -jQueryのonメソッドを理解したい!

  -はやくこんなのサクサク作れるようになりたいぞ。

 

【Day2】アコーディオンを作りながらjQuery学習

【アウトプット】

  http://jsfiddle.net/makotoisawa/7LxyP/4/

【参考にしたサイト】

  http://webdesignrecipes.com/webdesign-jquery-coding/

【総括】

  -要CSSセレクタ理解力UP!

  -要jQuery理解力UP!

【Day1】jQueryを使ってみた

【アウトプット】

  http://day1-jquery-makorin.herokuapp.com/

【github】

  https://github.com/MakotoIsawa/day1-jquery-makorin

【参考にしたサイト】

  http://ozpa-h4.com/2012/11/07/jquery-lecture/

【ハマったところ】

  • 参考にしたサイトはjQuery 1.xを使っていたのに、自分は最初2.xを使い、同じように動かず困った。
  • アウトプット格納場所としてのRails4がよくわからずRails3.xにした。

はじめてWebサービスを作った。

http://chiakimito.herokuapp.com/

ほぼyusukebeさんのコピペ。それをこのモジュールを使ってHerokuにアップ。

それでも途中いくつかエラーがでた。それを修正する過程でいろいろ学べた。

最後はHerokuにアップして、テニス仲間にみせた。

(アプリにでてくる"みとうさん"はテニス仲間)

"人に見せたい"(=公開する、公開する環境がある)というのがかなり大きなモチベーションになりました。こんな感じでどんどんアプリを作っていきたいです。

https://github.com/makotoisawa/Chiakimito