タグ

programmingとwebに関するt-satのブックマーク (9)

  • 岡田を切る技術 - Qiita

    これはとある回顧録 何度も諦めかけましたが、数年の歳月を経て遂に岡田を切る技術が一旦の完成へと至りました。その技術を巡る奮闘の歴史と成果について、ここに記録を残していきたいと思います。 画像時代 まずは「切る」という動作が何を指すかを明確にしておきます。 厳密な定義というよりは、切った感を得るために必要そうなふるまいとして定義します。 平面上のある領域が、任意の直線を境界として分割されること 分割された領域は物理法則に準じてふるまうこと 要するに気持ちよく岡田を切ることができれば目標は無事達成です。 物理エンジン 切った感を高めるためにはやはり「物理法則」に準じたふるまいが欲しくなります。つまりブラウザ上で動く物理エンジンが必要です。 世の中にはフルスクラッチで物理エンジンを作れる人間と作れない人間が居ると思われますが、残念ながら私は後者でした。勝ち目の薄い勝負は避け、素直に巨人の方にすが

    岡田を切る技術 - Qiita
  • Node v7 で入った WHATWG URL 実装について | blog.jxck.io

    Intro Node v7.0.0 が公開され、今回のリリースで WHATWG URL の実装が Experimental として入った。 既に標準で含まれていた url module との違いや、URL API などについて解説する。 WHATWG URL URL は非常によく使われる、Web において重要なフォーマットの一つだ。 ものによっては一見シンプルに見えるかもしれないが、その仕様はそれなりに大きい。 しかし、これまで DOM/JS はこれをパースする専用の API を持っていなかったため、例えば <input type=text> に入力された URL 文字列のパースは、片手間な正規表現で行われることも少なくなかった。 同様に、動的生成されるクエリやハッシュなどを URL に含める場面でも、やはり文字列操作による構築が行われてきた。 片手間な正規表現や文字列処理が、URL が

    Node v7 で入った WHATWG URL 実装について | blog.jxck.io
  • Ruby の http ライブラリの通信を表示する http-dump を作った - 2nd life (移転しました)

    Ruby 上で http を叩いた通信見たい時に、毎回同じ事をやってるので抽象化して http-dump というライブラリを作った。 https://github.com/hotchpotch/http-dump $ gem install http-dump require 'net/http' require 'uri' require 'http-dump' HTTPDump.dump { Net::HTTP.get(URI('http://example.com')) } と http でやりとりしてるコードを block で囲むと、以下のように出力される。 > GET http://example.com/ with headers {'Accept'=>'*/*', 'Accept-Encoding'=>'gzip;q=1.0,deflate;q=0.6,identity;q=

    Ruby の http ライブラリの通信を表示する http-dump を作った - 2nd life (移転しました)
  • WebPlatform.org — Your Web, documented

    Opening the Web Platform We are an open community of developers building resources for a better web, regardless of brand, browser or platform. Anyone can contribute and each person who does makes us stronger. Together we can continue to drive innovation on the Web to serve the greater good. It starts here, with you.

  • 広告系エンジニア » Blog Archive » Ruby のフレームワークSinatraとデータベースPostGISによる小規模なアプリケーションの例

    発表日 2010/03/31 発表者 神谷貴広 Ruby のフレームワークSinatraとデータベースPostGISによる小規模なアプリケーションの例 – Presentation Transcript ■ 環境 -開発言語:Ruby -フレームワーク:Sinatra -モデル部分:Sequel -ビュー部分:Haml -データベース:PostgreSQL 8.4.2 + PostGIS 1.4.1 ■ Sinatra(Ruby フレームワーク) ・小規模なアプリケーションに特化したフレームワーク ・SinatraはRackフレームワーク用の 最小限の標準イン ターフェース上で動作している。 SinatraによるHello Worldアプリケーション ■ SinatraとRackの関係 ・RackはRubyのためのWebサーバインターフェイス ・RackはWebアプリ用の

  • 自分でAutoPagerize対応のスクリプトを書く簡単な方法 - blooo

    ちょっとアレなタイトルですが、GreasemonkeyでAutoPagerize対応のスクリプトを自作する時の注意点を2つメモ。 自分はひよっこですが、これからGreasemonkeyスクリプト書いてみようかなという人の助けに少しでもなれば嬉しいです。 継ぎ足されたページに適用する方法 AutoPagerizeで継ぎ足された部分に自分のスクリプトを適用する方法あれこれ - 0xFF を参考に、AutoPagerize_DOMNodeInsertedを使うことにする。 以前はaddFilterとかGM_AutoPagerizeLoadedとか出てくる書き方をしていたんだけれど、この方法がやはり簡単・シンプルなので採用させて頂きました。 継ぎ足されたページ「のみに」適用する方法 新しく継ぎ足されたページのみに、スクリプトの内容を適用・反映したい場合。 注意しないと、継ぎ足されたページのみに適用

    自分でAutoPagerize対応のスクリプトを書く簡単な方法 - blooo
  • Anemone - Ruby Web-Spider Framework

    An easy-to-use Ruby web spider framework What is it? Anemone is a Ruby library that makes it quick and painless to write programs that spider a website. It provides a simple DSL for performing actions on every page of a site, skipping certain URLs, and calculating the shortest path to a given page on a site. The multi-threaded design makes Anemone fast. The API makes it simple. And the expressive

  • [プログラミング] ウェブテンプレートエンジン | quabbinの日記 | スラド

    先日、ぼや~っとテンプレートエンジンについて考えていたところ、世の中にテンプレートエンジンは多数あるが、その表現にはあまり差異がないのでは? なんて疑問がわいて来ました。 そこで、ちょっと…どころじゃなく時間をかけて調査。 とはいっても、何の表現に視点を当てるかはハッキリとさせる必要があります。 そこでテンプレートエンジンの表現で基となるものをざっと考えてみました。 まず一つ目は値の出力だろう。が、これは大体、$hogeだの${hoge}だの%hogeだの{hoge}、<%= hoge %>、<quabbin:value-of value="hoge" />といったパターンばかりで、まぁあまり差異がないでしょう。 …いや、結構あるか…。 おいといて。 そもそもテンプレートエンジンとはMVCで言うviewを担当するものなわけで、つまりテンプレートエンジンにおいて重要なのは表示系を要求どおり

  • CSS の名前の整理 - IT戦記

    CSS の話をする時に 名前をはっきりさせてないと混乱するので、整理しておこう。自分用です。けっこう適当です。 仕様 ここの仕様を見て書いています。 CSS Syntax Module Level 3 CSS語では「スィーエスエス」と言いますね。 CSS とはHTML, XML の要素をどのように表示するかを示すための仕様のことです。 style sheet 日語では「スタイルシート」と言いますね。 これはすごくやっかいな言葉です。以下の二つ意味があるからです。 HTML, XML の表示形式を制御する概念のこと。 CSS は、このスタイルシートという概念を実現するための一つの仕様。 CSS の仕様に従って書かれたファイルや style 要素の内容。簡単にいうと css ファイルや style 要素の内容一個一個がスタイルシート。このエントリでは、こっちのほうは「CSS スタイルシ

    CSS の名前の整理 - IT戦記
    t-sat
    t-sat 2008/04/07
    用語を正確に。
  • 1