読者です 読者をやめる 読者になる 読者になる

コンパイラかく語りき

文系新卒プログラマーのメモ

RailsでCoffeeScriptを書いた

Railsで初めてCoffeeScriptを書いたのでメモ。 とは言え、たった6行ですがw jQueryを使ったこちらの記述を、 このようの書き換えました。 デバッグ用のconsole.log関数と、ドロップダウンメニュー用のクリック関数です。 特記事項は特に無し。いつもどおりC…

個人サイト作成③ スワイプ追随イベントを実装

chuckです。 前回はスワイプ動作により、ページをめくる機能ができました。 chuckwebtips.hatenablog.com 今回は、スワイプに追随して、前・次のページも動くようにしたいと思います。 現状↓ http://chuck0523.github.io/front-end-coding/rotateWindow/rota…

個人サイト作成② スワイプ機能が完成しました!

chuckです。個人サイトを作成中です。 前回は無残にもスワイプ動作をつけることができませんでした。 chuckwebtips.hatenablog.com いや、スワイプイベント自体はついたんですけど、やりたいと思っていたことが実現せず…。 やりたいことは「グーッ」と面をス…

個人サイト作成① スワイプ動作を実装…できなかった

chuckです。 自分のための個人サイトを作成しているので、作成過程を記録します。 ちなみに、現状↓ http://chuck0523.github.io/front-end-coding/rotateWindow/rotateWindow.html まあ、クリックイベントならスライドできます。 ここにスワイプ動作も付け加…

【CoffeeScript】DOMにクリックイベントを付与する

chuckです。 coffeeScriptでDOM要素にクリックイベントを付与しましたのでメモ。 書いたコードがこちら。 gist6e54466675e57d07851e 今回の新発見を羅列していきます。 thisを@で表すことができる 便利です。 ただしDOMとしてのthisは $ ( @ ) でないといけ…

【CoffeeScript】オブジェクトの配列を定義する

chuckです。 CoffeeScriptで、オブジェクトの配列を定義する方法をメモ。 gist61f83248bd5586800746 変換後↓ giste42e8b030ee7e572f9c9 ポイントはコンマを挟むことと、オブジェクト部分のインデントを1段深くすることです。 オブジェクト部分のインデント…

ここらでJSONについておさらいしておく(coffee使用)

chuckです。 JSONってあるじゃないですか。僕、仕事で2回くらいしか使ったことないんですよね。 いまさらですが、軽くおさらいしておこうと思います。 参考にするのは、「JSON 入門」でヒットしたこの記事。 www.webopixel.net JSONとは まあデータ形式の一…

【coffee×jQuery】eachの中でindexを使う

chuckです。 現在、cofeeScript中でjQueryを使っています。そこでeachを使った処理を書いているのですが、each内でindexを使用したのでメモ。 とは言えカンタンです。 ary = ['a', 'b', 'c'] ary.each (index) -> console.log index このとおり。 eachの引数…

CoffeeScriptでjQueryを使う

chuckです。 今日初めてcoffeeでjQueryを使ったのでメモ。

【HTML】画像を動画っぽく表現してみる

chuckです。 オシャレなサイトを発見しました。こちらです。 www.startup50.jp こちらのTOPページの背景画像が動いている(ように見える)んですよね。 面白いなーと思ったので、自分なりに再現してみます。

coffeeScriptの勉強。自作JSのプラグインをcoffee化する

どうも!chuckです。 僕は最近、ようやくcoffeeScriptの勉強を始めました。ただ、書いたコードが絶対的に少なく、まだまだ身についていない印象です。 なので、最近自作したJavaScriptのプラグインをcoffeeで書き換えてみようかなと思います。 github.com

ドットインストールでCoffeeScriptを勉強する(後半)

どうも!chuckです。 引き続き、CoffeeScriptについて勉強していきます! SublimeTextにCoffeeScriptのプラグインを入れる - コンパイラかく語りきchuckwebtips.hatenablog.com

ドットインストールでCoffeeScriptを勉強する(前半)

どうも!chuckです。 ドットインストールを見て、CoffeeScriptの勉強を進めていきます! CoffeeScript入門 (全15回)dotinstall.com

SublimeTextにCoffeeScriptのプラグインを入れる

どうも!chuckです。 私事ですが、現在転職活動中であります。そして、求人を見ていると、たまーにcoffeescriptというワードが出てきます。 インストールしたはいいものの、全く使ってない…・゚・(つД`)・゚・ ウェ―ン CoffeeScriptをインストール! - コンパイラか…

CoffeeScriptをインストール!

CoffeeScriptをインストールしてみたのでメモ。 なんか、インストール記事ばっかりですみません。。。 だって、まだ初心者なんですもん。。 早くイケてるプログラマーになりたい…!!! 参考にした記事↓↓ <a href="http://dev.classmethod.jp/server-side…