大学生からの Web 開発

会社の人に見つかってぽよぽよしてきた

JavaScript

JavaScript で小数点を切り捨てたいときはどうするか

仕事のコード読んでたら parseInt(foo / bar) ってのが出てきた WebStorm が「あかんで」って教えてくれた やりたいこととしては「小数点の切り捨て」 parseInt() - JavaScript | MDN parseInt()関数は、第1引数の文字列を解析(パース)し、第2引数に与えられ…

function の文・式、そして即時関数について調べた

こんなコードが会社 Slack にポッと投稿されたのだけど分からないことがあった !function() { window.dribble = 0; var elem = document.querySelector("body > div.new_identity > ul > li:nth-child(2) > a > div"); elem.addEventListener('mouseover', f…

Tower of babel をした

github.com ついさっきやったので、メモ。 知らない人のために説明すると、Tower of babel は Babel っていう JavaScript の次世代仕様を扱えるようになるツールを使って、ES 6 での変更点を知ろうっていうレッスンプロダクト。 1時間ちょっとで全部終わった…

React 触った

Web 開発での Reactive programming の潮流に乗れていなかったことに危機感を覚えて、その界隈で最も有名な JS ライブラリ React を触った。以降、v0.12.2 での話。 やったのは、公式チュートリアルと一人React.js Advent Calendar 2014を10日目まで読んだこ…

今日のヤックシェービング

今日のヤックシェービング Bourbon, Neat, Bitters っていう CSS ライブラリが良さげ 試そう フロントエンドライブラリは bowerで 入れよう あれ bower 入ってない そういやこの前、node.js のバージョンを新調したんだった npm install bower -g さあ css …

解けなかった JavaScript のクリックイベント

授業で HTML, CSS, JavaScript を触るようになってきた。もともとそれらについて多かれ少なかれ知識はあるので、進行にはついていけているのだけど、自分で少し拡張を加えようとしてハマったのでメモ。 授業内容 以下のようなコードを書いた。各 イメージは …

Masonry を使って要素が重なってしまったときの対処法

可変のグリッドレイアウトを実現できる JS ライブラリ、 Masonry は非常に便利でお世話になっているのだが、問題が起こって解決したのでメモ。 問題 以下のように、画像をラップしたブロックを Masonry で配置すると画像の高さが反映されずにブロックが重な…

SlimでAngularJSを扱ってエラーが出たときの対処法

AngularJSが話題になってるのでちょっと触ってみました。で、ruby製のテンプレートエンジン「Slim」を使うと、ちょこっとエラーが出るので対処法を。 ng-app !DOCTYPE html html ng-app head ...... これだとエラーが出ます。slimでng-appと指定するときはng…

【JavaScript】ユーザ定義関数の引数を省略可能にする

リアルタイム性のあるアプリケーションを作りたいな、と思って「はじめてのNode.js」を読んでます。 はじめてのNode.js -サーバーサイドJavaScriptでWebアプリを開発する-作者:松島 浩道SBクリエイティブAmazon で、まあそのへん socket.ioを扱う前の章 「Ex…

Sinatra & jQueryで、JSONを扱ったAjaxをしてみよう

Ajaxを扱ったことがなかったのと、これの前のエントリーでJSONについて書いたのでそれの自己解決のための記事です。 Ajaxとは何か Ajaxってのは非同期的に処理をして動的に処理をしてくれる技術です。Twitterでツイートしたらページが遷移することなく更新さ…