タグ

ブックマーク / blog.ruedap.com (11)

  • BEMという命名規則とSass 3.3の新しい記法 - アインシュタインの電話番号

    BEMを使った命名がとても明快で、このところHTMLCSSを書くのによく使っている。CSSのクラス名として書く場合は、BEMCSS用に使いやすくしたMindBEMdingという書き方を採用している。最初にこれを知ったときは「こんな汚い記述の仕方は使いたくない」と思ってたんだけど、すっかり慣れて、今ではその明快さにちょっと心酔しかけているほど。 BEMの方法論とMindBEMdingのルールについてはそれぞれの文書を読んでもらうとして、それらをひっくるめて大雑把に説明すると、BEMとはBlock、Element、Modifierの頭文字を取ったもので、構成する要素をそのどれかに当てはめて命名していく方法。どの場合でも必ずBlockもしくはそのModifierがルートにあり、その中に、所属するElementもしくはそのModifierが含まれる構成になる。 Block - 構成のルートとな

    BEMという命名規則とSass 3.3の新しい記法 - アインシュタインの電話番号
  • オライリーの電子書籍買い占め運動に参加してみた - アインシュタインの電話番号

    オライリー・ジャパンが3月26日0時までの期間限定で、被災者支援キャンペーンをやっていたので出来るだけ参加してみた。興味ある書評をネットで読んだりして何回かに分けて注文していたのだけど、合計で17冊買った。支払いも既に済んでいるんだけど、デジタルなくせに書籍はまだ1冊も手元に無い。処理が追いつかないくらいの人気らしい。 被災者支援キャンペーン 今回のキャンペーンは、オライリーで扱っている電子書籍を半額にした上で、その売上の全額^1を日赤十字に寄付するというもの。 オライリー・ジャパンでは、O'Reilly Mediaで行なわれている被災者義援金キャンペーンに続いて、東北関東大震災の被災者を支援するための期間限定キャンペーンを実施いたします。 上記に記載したプロモーションコードをO'Reilly Japan Ebook Storeのショッピングカートでご入力いただくと、Ebookの通常

    オライリーの電子書籍買い占め運動に参加してみた - アインシュタインの電話番号
  • HTTPメソッドのPOSTとPUTの冪等性 - アインシュタインの電話番号

    昨日の記事のはてブコメントにて、POSTとPUTの使い分けには冪等性が重要ですよとのアドバイスをいただいた。ので、冪等性について調べてみた。 冪等性と安全性 @tkawaさんに、はてブコメントにてアドバイスいただいたのは冪等という考え方。 これに加えて、性質の違いとしてPOSTは冪等ではないがPUTは冪等というのも重要です 冪等ってあまり聞かない用語だけど、この冪等についても、Webを支える技術にはちゃんと書いてあった。 冪等とは「ある操作を何回行っても結果が同じこと」を意味する数学用語です。たとえばPUTとDELETEは冪等ですので、PUTやDELETEを同じリソースに何回発行しても、必ず同じ結果(リソースの内容が更新されている、リソースが削除されている)が得られます。 安全とは「操作対象のリソースの状態を変化させないこと」を意味します。リソースの状態に変化を与えることを副作用といいます

    HTTPメソッドのPOSTとPUTの冪等性 - アインシュタインの電話番号
  • MacでImageMagickとRMagickをインストールする - アインシュタインの電話番号

    Rubyで画像を扱う必要があったので、MacのHomebrewでImageMagickをインストールして、それからRMagickをインストールした。 ImageMagickのインストール まず、ImageMagickをインストールする。Homebrewからインストールした場合のImageMagickは64bit版になるらしく、MAMP版のPHPで使う場合に問題になるみたいだけど、Rubyの場合はどうなのかよくわからないので、とりあえずHomebrewからインストールしてみる。MacPortsはアンインストールしちゃったしね。 $ brew install imagemagick 依存パッケージも色々インストールされるみたいで、結構時間掛かる。最後に表示されるのSummaryだと5.7分って書かれてた。これってインストールを開始してから終了するまでの時間でいいのかな? 感覚的にはもっと長い時

    MacでImageMagickとRMagickをインストールする - アインシュタインの電話番号
    inouetakuya
    inouetakuya 2012/07/03
    Homebrewからインストールした場合のImageMagickは64bit版になるらしく、MAMP版のPHPで使う場合にはそれが問題になるみたいだけど、Rubyの場合はどうなのかよくわからないので、とりあえずHomebrewからインストールしてみる。MacPorts
  • MacのターミナルでGitのブランチ名を表示する - アインシュタインの電話番号

    VimのステータスラインにGitのブランチ名を表示させる、という記事で以下の一文が。 当然、ターミナルのプロンプトには表示させてますよね? 今こそ!git の branch を vim のステータスラインに表示!!するとき!!! すみません、表示させてませんでしたッ…! WindowsでmsysGit使ってる時にはプロンプトにブランチ名が表示されてて、これ結構便利かもなーとは思ってたんだけど、そもそも自分はGitのブランチをまともに使えてないので、ありがたみがよくわかってなかった。でもこれからちゃんと使うためにも早めに表示しておいたほうが良さそう。上記の記事のようにVimでも表示させたいしね。というわけで、とりあえずMacのターミナルでGitのブランチ名を表示できるようにしておく。完成形はこうなる。 git-completion.bash 今回はこちらの記事を参考にさせてもらった。ちなみに

    MacのターミナルでGitのブランチ名を表示する - アインシュタインの電話番号
  • HerokuでWebアプリ開発を始めるなら知っておきたい10のこと - アインシュタインの電話番号

    HerokuというPaaSについて、これからWebアプリを作ってみたいと思っている人に向けて、役に立ちそうな情報や入門記事をまとめてみました。 まえがき 今年のはじめから8月までの間で、個人で作ったWebアプリを6つリリースしていて、そのすべてのプラットフォームとしてHerokuを利用しています。 チャップリン名言Twitter Bot Herokuを使って1日1回名言をツイートするTwitter Botの作り方 Nekostagram - ねこ大好き専用Instagram Instagram APIを使ってねこ大好き専用の「Nekostagram」を作ってみた Inustagram - いぬ大好き専用Instagram 二匹目のどじょうを狙っていぬ大好き専用の「Inustagram」を作ってみた はてなスターカウンター はてなスターの総数を表示できる「はてなスターカウンター」を作ってみた

    HerokuでWebアプリ開発を始めるなら知っておきたい10のこと - アインシュタインの電話番号
  • RubyGemsのバージョンをダウンしたりアップしたり - アインシュタインの電話番号

    ちょっとBundlerがらみでハマったときに「RubyGemsのバージョンが原因かな?」と思ったので、RubyGemsのバージョンを最新版から特定のバージョンに下げる方法と、また元に戻す方法について調べた。 バージョンダウン RubyGems 1.4系が出たときに、Ruby 1.9系で動かないという問題があって結構話題となり、それが解消されたRubyGems 1.5系が出たときにはRailsの特定のバージョンで動かないという問題が出た。その時にRubyGemsをバージョンダウンする方法を載せた記事を見ていたので、それを参考にやってみた。RubyGemsをバージョンダウンするには、rubygems-updateというgemをインストールして行う。 $ gem -v 1.5.2 $ gem list rubygems-update ### LOCAL GEMS *** rubygems-upd

    RubyGemsのバージョンをダウンしたりアップしたり - アインシュタインの電話番号
    inouetakuya
    inouetakuya 2011/08/18
    RubyGems 1.4系が出たときに、Ruby 1.9系で動かないという問題があって結構話題となり、それが解消されたRubyGems 1.5系が出たときにはRailsの特定のバージョンで動かないという問題が出た。
  • HomebrewをインストールしてMacPortsをアンインストールする - アインシュタインの電話番号

    ちょっと前から時々Homebrewの名前を見かけていて、MacPortsより速くインストールできるとか、Ruby製だとかで気になってた。ので、HomebrewをインストールしてMacPortsをアンインストールしてみた。 Homebrewのインストール Xcodeがインストールされていることが前提。入ってなければインストールする。 Homebrew ― MacPorts driving you to drink? Try Homebrew! なお、Mac OS Xをクリーンインストールしたばかりの状態だと、/usr/localのフォルダが存在しないので、先に作っておく。 $ sudo mkdir /usr/local Xcodeが入っている状態で、以下のコマンドでHomebrewをインストールする。 /usr/bin/ruby -e "$(curl -fsSL [https://raw.g

    HomebrewをインストールしてMacPortsをアンインストールする - アインシュタインの電話番号
    inouetakuya
    inouetakuya 2011/07/18
    おんなじことを考えてました > 最初「フォーミュラってF1の?」と思ったけど、辞書で調べると「調合法」や「処方箋」などの意味があるみたい。それを知ってなんか納得。
  • HerokuでWebアプリ開発を始めるなら知っておきたいこと(4) Sinatraも使える - アインシュタインの電話番号

    HerokuでWebアプリ開発を始めるなら知っておきたいこと」シリーズの第4回では、Herokuで使えるWebフレームワーク「Sinatra」について書きます。このシリーズのまとめページはこちら。 RailsもSinatraも使える HerokuRails専用のPaaSと思われがちですが、厳密にはそうではなく、RackというWebサーバーインターフェイス上で動作するものなら何でも動くようです。そしてこのおかげでSinatraのような数ページしか存在しない低機能な場合には、Railsは重厚すぎるのでおそらく向きません。 こういった小さなWebアプリを目的として、とりあえず試してみたいや小さな状態から必要なものを積み上げていきたい場合に最適なのが、最小労力で手早くWebアプリを作成するためのフレームワークSinatraです Sinatra: README (Japanese) Sinatr

    HerokuでWebアプリ開発を始めるなら知っておきたいこと(4) Sinatraも使える - アインシュタインの電話番号
  • Instagram APIを使ってねこ大好き専用の「Nekostagram」を作ってみた - アインシュタインの電話番号☎

    ドヤッてな感じのWebアプリ名を付けちゃったけど、そんな大層なものではなく、ページを読み込むたびにInstagramのAPIでネコ写真をちょっとずつ取ってきて、そのネコ写真と撮影者のコメントを一覧表示してるだけのペライチなサイトでございます。 マッタリとかわいいネコたちを見ながら、鼻歌交じりで次へボタンをクリックする感じのネコビューアー。 そもそもInstagramって? そもそもInstagramって何?という方へ、誤解を恐れずにズバリひとことで、 InstagramはiPhone専用の写真版Twitter サービス公開から4ヶ月たらずで既にユーザー数は200万人もいるんだとか。iPhone専用のサービスなのに。さらにInstagramについて詳しくは、以下のページなどから。 人気の『Instagram』は「写真のTwitter」 | WIRED VISION 急成長する写真共有アプリ「

    Instagram APIを使ってねこ大好き専用の「Nekostagram」を作ってみた - アインシュタインの電話番号☎
  • HerokuでWebアプリ開発を始めるなら知っておきたいこと(1) 無料のスペック - アインシュタインの電話番号

    HerokuでWebアプリ開発を始めるなら知っておきたいこと」シリーズの第1回では、無料の範囲で使えるHerokuの基スペックについて書きます。このシリーズのまとめページはこちら。 Herokuとは まず題に入る前に、さらっとHerokuについてご紹介します。 Herokuは、ヘロクと読みます。HeroとHaikuを掛け合わせた造語だそうです。私は「ヘ↑ロ→ク↓」と発音してしまいがちですが、他の人の発音を聞いていると「ヘ→ロ→ク→」が多いような気がします。 2011年7月7日に行われた「Heroku-ja meetup #1」というイベントでは「ヘ↑ロ→ク↓」と発音する人が多かったです。 Herokuを誤解を恐れずにものすごく大雑把かつ極端に説明するといまどきのレンタルサーバーやいまどきのホームページスペースです。2010年代のジオシティーズです。年齢がバレますね。 もう少し技術者向

    HerokuでWebアプリ開発を始めるなら知っておきたいこと(1) 無料のスペック - アインシュタインの電話番号
  • 1