2012年8月21日のブックマーク (15件)
-
ruedap 2012/08/21
-
Crunch App
There are a ton of code editor program available, so how do you choose the best? The main criteria is obviously the languages you are using, as you will need an editor that supports these languages. Regardless of whether or not you are going to be building a brand-new website from scratch or utilizing a popular CMS and learning how to create a blog website with WordPress to customize as you go alo
-
CSSの記述が3倍速くなる「LESS」の使い方 (2/2)
2012年02月09日 13時58分更新 文●斉藤祐也／<a href="http://css.studiomohawk.com/">CSS Radar</a> LESSの開発環境作りはとても簡単 はじめに紹介したように、LESSには手軽なJavaScriptライブラリーが用意されているので、HTMLのソース内に、「less.js」ファイルと「.less」スタイルシートの呼び出しを追加するだけで使い始められます。 ただ、本番サイト上でJavaScripに依存しすぎるのは、パフォーマンスとアクセシビリティの点で不安があります。そこで、 .lessファイルを.cssファイルに変換してくれるコンパイルツールを利用し、公開サイトではCSSだけを利用する方法があります。 LESSの開発に欠かせない無料で使えるGUIツールを紹介しましょう。 紹介するツールはすべて.lessファイルの保存をきっかけに、
-
CSS拡張メタ言語「SCSS(Sass)」と「LESS」の比較 - (DxD)∞
CSSを拡張するためのメタ言語として、代表的なものに「SCSS(Sass)」と「LESS」があります。今回、導入を検討するにあたり、両者を比較しました。 結果的には、「SCSS(Sass)」を導入することにしましたが、特に「SCSS(Sass)」を選択する決め手となった点に重点を置きつつ、両者の違いをまとめまてみました。 はじめに Webサイト、Webアプリケーションが大規模になるにつれて、CSSの設計・管理にもリソースを割かれるようになります。CSSのモジュール化、コンポーネント化による再利用性を考えたとき、現状のCSSを取り巻く状況は十分とは言えません。 一つの選択肢としてあがるのが「Blueprint」や「960 Glid System」等のCSSフレームワークの利用ですが、その再利用性と構造・表現の分離度はトレードオフです。 そこで、CSSの利点を活かしつつ、再利用性を高めるために
-
まさかココまでやるとは...任天堂のCMで「マリオ」に扮したペネロペ・クルス
ペネロペと妹のモニカ・クルスが出演した、任天堂の新ゲーム『Newスーパーマリオブラザーズ2』のCMが公開された。 2人のそっくりさもわかる!? 任天堂のゲームで対戦するペネロペ＆モニカ・クルス姉妹 スペイン語なまりのキュートな英語も！ そして最後には勝負に負け、罰ゲームとしてマリオに扮したペネロペも！ スペイン出身で、映画『それでも恋するバルセロナ』ではアカデミー助演女優賞にも輝くなど、ハリウッドでも大成功を収めたペネロペ。劇中やレッドカーペット、雑誌などではセクシーなファッションに身を包んでいるのに、まさか、まさか、マリオになるとは！ 艶やかさでは負けていない妹モニカも、ルイージに扮してほしかった...。 ■関連リンク ペネロペ・クルス、PETAの新広告で「冷たい態度」を見せる!? 『SATC』から頭痛薬のCMまで！『MAD MEN』キャストの過去映像 全米公開から今年
-
ライブドアみたいにスクロールしたらサイドバーの広告を固定する - ぼくはまちちゃん！
こんにちはこんにちは！！ 夏ですね！ 真夏ですね！！ ところで最近、ライブドアの一部の人気ブログで、サイドバーの挙動に「んん？」って思ったことありませんか！ …百聞は一見にしかずってことで、実際の例をみてみましょう！ ※PC版のみです ハムスター速報 (左のサイドバーを見ながら、下にスクロールしてください) 痛いニュース(ﾉ∀`) (右のサイドバーを見ながら、下にスクロールしてください) ある程度スクロールすると、サイドバーの広告がぴたっと固定されますね！ これって流行りなんでしょうか…！ そんなわけで、もしかしたら同じことをやりたい人が他にもいるのかも？と思って、 コピペで使えるJavaScriptにしてみました！ ↓ 動作サンプルです！ スクロールしたらサイドバーの広告を固定するスクリプトの動作サンプル ↓ コードはこれです！ 適当にコピペしてブログに貼り付けてね！ <script t
-
［CEDEC 2012］PSO2の「途切れないBGM」はこうやってできている。セガが語る「BGMのプロシージャル生成」
［CEDEC 2012］PSO2の「途切れないBGM」はこうやってできている。セガが語る「BGMのプロシージャル生成」 ライター：米田 聡 プレイしたことがある人なら体験的に知っていると思うが，ファンタシースターシリーズでは，移動中や戦闘などといったシーンごとにBGMが切れ目なく切り替わるシステムを採用している。そしてそれは，最新作「ファンタシースターオンライン2」（以下，PSO2）でも変わらない。 CEDEC 2012の初日に行われた「Phantasy Star Online 2におけるプロシージャルBGMシステム」というセッションでは，PSO2に実装されるBGMシステム「SYMPATHY」（シンパシー）が「BGMのプロシージャル生成」を行っていることが語られた。本稿ではその内容をお伝えしてみよう。 シリーズ伝統の「途切れないBGM」を PSO2ではさらに強化 戦闘シーンに切り替わると，
-
AWS News Blog
AWS Week in Review – New Open-Source Updates for Snapchange, Cedar, and Jupyter Community Contributions – May 15, 2023 A new week has begun. Last week, there was a lot of news related to AWS. I have compiled a few announcements you need to know. Let’s get started right away! Last Week’s Launches Let’s take a look at some launches from the last week that I want to remind you of: New Amazon EC2 […]
-
-
active_decorator のdecoratorをrspecでテストする方法 - アジャイルSEを目指すブログ
active_decorator は便利なのですが、rspecでテストが上手く書けなくて、書き方を調べていた。 ただ、web上に情報が無く・・・ あ…ありのまま 今 起こった事を話すぜ！ 「おれは decoratorのspecを書こうとしていたと 思ったら いつのまにかactive_decorator, rspec-rails, rails のソースコードを読んでいた」 decorator のspecを書けるように色々と設定する そのままだとspecが上手く書けないので、設定を追加しテストを書きやすくする。 application.rb でlib/のファイルを自動で読み込むようにする config/application.rb の # config.autoload_paths += %W(#{config.root}/extras) こんな感じでコメントアウトされている所を config
-
私はRSpecでテストをこんな感じで書いてる - アジャイルSEを目指すブログ
私がRSpec使ってテスト書く時はこんな感じで書いてるよ〜ってのを書いてみた。*1 テストを書く順番について TDDでコードを書く場合、先にテストを書く事になります。 そして、そのテストを書く順番ですが、私は下記のような順番で書くように意識しています。 設計する describe を書く itを書く subjectを明確にする before(context)を明確にする その他に、気をつけている点はこんな感じ 別のメソッド呼ぶ時は基本的にstubなどで潰す contextは「〜の場合」、it は「〜であること」になるようにする 一つずつ、詳細を書きます。 設計する テストを書き始める前に、まず実装しようとしてるクラス、メソッドを簡単に設計します。 少なくとも、「クラス名」「クラスメソッド or インスタンスメソッド」「メソッド名」「メソッドの戻り値」ぐらいは決めます。 describe を
-
t.freeの仕組みをなんとなく予想して解説 - ku-sukeのブログ
ちょっと気になるネタだったので同様の仕組みをオープンソースで漁ってみたのでそれを元に解説したいと思います。なので厳密にはt.freeの仕組みじゃなく「WebSocketのテザリングの仕組み」になります。 時間がない人向けに結論を書くと Macのネットワーク--Websocket1--[HTML]--Websocket2--サーバ→インターネット という接続経路になってます。 技術的にはすべての通信がサーバを通過するので傍受（覗き見）することは可能と思われます。 防ぐためには、VPNを使えば傍受出来ないですし、https://接続のブラウズであれば「どこにつないでるか」は傍受できても「どんな通信を行ったか」は傍受できなくなります。 図解：webSocketのテザリング cacooの図を２つ まずt.freeなどのクライアントソフトウエアをインストールします。Macには[有線LAN]や[無線L
-
【緊急／重要】：「だから僕は、Hができない。」番組内容変更のお知らせ | AT-X
2012/08/17 8月24日(金)11:00-11:30／23:00-23:30に放送を予定しておりました 「だから僕は、Hができない。」第8話ですが、制作スケジュールの遅れにより、番組内容を変更して放送致します。 8/24(金)11:00-11:30／23:00-23:30 変更前「だから僕は、Hができない。」第8話 変更後「だから僕は、Hができない。」総集編 第8話については、以下のスケジュールにて放送させていただきます。 8/28(火)17:00-17:30／29:00-29:30 8/31(金)11:00-11:30／23:00-23:30 これに伴いまして、第8話以降の放送スケジュールは以下のとおり変更となります。 毎週(火)17:00-17:30／29:00-29:30 毎週(金)11:00-11:30／23:00-23:30
-
先輩と覚える HTTP ステータスコード
gistfile1.md 先輩に学ぶ HTTP Status Code 超雑にまとめました。修正してください。 登場人物 アプリケーション先輩: いつも忙しい。横に広がるのが得意(デブじゃない)。 後輩: 頼んでばっかしで役に立たない。 サーバー先輩: アプリケーション先輩と仲がいい。Unix Socket でつながるくらい仲良し。 プロクシ先輩: アプリケーション先輩とかサーバー先輩と後輩の間を取り持って代わりに伝えたりしてくれる。たまに勝手にレスポンスを書き換える。 1xx 系 100 Continue 後輩「あ、先輩！お願いが！」 アプリケーション先輩「おー、聞いてやる。詳しく話せ」 101 Switching Protocols 後輩「せんぱーい、お願いなんですけどー」 アプリケーション先輩「ちょっと待て、お前 HTTP 1.0 で喋るな、 HTTP 1.1 か TLS 1.0 で
-
気になるあの子とHerokuでメールの送受信 | Synergy Marketing LAB BLOG
こんにちは。 Blogを書こう！と宣言してから数ヶ月。 ネタを温めては冷まし、温めては冷ましを繰り返し、1度も投稿していなかった増田です。 この投稿を期にBlogグセをつけるべく、シリーズ物で行こうと決心しました。 テーマはHerokuで提供されている気になるアドオンをチェック！ 手を動かしたり、本家のドキュメントを和訳したりしなから、ホットなアドオンを紹介していきたいと思います。 アドオンはHerokuに依存しているという訳ではなく、SaaSで提供されているアプリケーションだったり、データベースだったり、アプリケーションと組み合わせることで、旨みを引き出せるトレンディーな技術がラインナップされています。 以下が一例です。 Mailgun メールの送受信を担うSaaSであるMailgunと連携するアドオン Pusher お手軽にWebSocketを始めるアドオン Redis To
-
- 2012年8月22日
- 2012年8月21日
- 2012年8月20日
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
