さくペラ

さくっとぺらいちというサイトのつづき

js/プログラム

CSSを構造化するSmart*CSS

ずっと、のどに骨が引っかかっていた感じだったのですが、ようやく思い出しました。Smart*CSSの存在を。これを使うと、 #header div{スタイル}; #header a:hover{スタイル}; という記述をですね、 #header{ div{ スタイル } a:hover{ スタイル } } というよ…

CSSを解析する方法

CSSを解析するには、Firebugが欠かせないと思いますが、DOMの親子構造がぱっと分からないのが嫌でして。 Firebugを使いこなしてないだけなのかもしれないけど。MODIというブックマークレットがありまして、そちらと併用するやり方に最近たどり着きました。 …

ケータイの振り分けと正規表現

ケータイの振り分けロジックを作る際、ユーザーエージェントを見て、どの画面を見せるか分岐させるのですが、ユーザーエージェントのマッチング調査に正規表現を使います。phpでもmod_rewriteでも使用します。CSSハックでの振り分けみたいなことができないケ…

CSSの継承。勝手に継承しないで…

なんとなく使っているとはまるCSSの継承について、今月号のWebDesigningでまとめていたのですが、どっかのサイトに載ってないかと探していたらいろいろ情報がありまして。まず、本当にありえないと思うのが、親タグのスタイル指定の一部分だけが勝手に子タグ…

KCP+はOOCSSに対応していた

auのBREW4.0端末、KCP+ともいいますが、今日いろいろ試していましたら、なんとOOCSS(オブジェクト指向CSS)の根幹でもある、classの複数指定に対応していました。 クラスの複数指定とは、class="CLASS1 CLASS2"のように、半角スペースで区切って複数のclass…

オブジェクト指向CSS(OOCSS)について

すぐにスパゲティコードになってしまうCSSはそもそもの仕様自体がおかしいのですが、オブジェクト指向CSSというものを考えている方がいらっしゃるみたいです。 参照:OOCSS(Object-Oriented CSS)の考え方 - in0in0の日記 OOCSSをみた感想ですが、クラスの複…

CSS設定の上書きと継承についてのメモ

このブログをリデザインするにあたって、CSSの仕様を見直していたのですが、CSSの難しさに直面しました。カスケーディングであるが故に、オブジェクト指向では当たり前なカプセル化とか継承とかをCSSって実装していません。 それなのに、親タグから子タグに…

symfonyのver2.0で高速化予定

codezineに秋元さんがsymfony開発者にインタビューした記事が掲載されていました。 http://codezine.jp/article/detail/3968この記事によるとSymfony2.0は高速化されるとか。期待しましょう。

モバイル端末のIP情報を取得するsymfonyプラグイン

今現在、smartyでシステム構築するか、symfonyでシステム構築するか非常に悩んでいるのですが、このプラグインが解決の糸口になるかも。http://tracfort.jp/projects/dino-symfony/wiki/sfMobileCarrierJPPlugin各キャリアのIP情報ページをスクレイピングし…

5月の近況〜PHP開発環境を整える〜

いかん…なんか近況報告の場になってきている…よくないですね。 4月落ち着いたと思ったら、またいろいろあって翻弄していたのですが、やっとここに来て、やりたいことをはじめています。まあ、何をするにせよ、開発環境を整えなければならないので、今はその…

使えるJavaScript UI 70!

SmashingMagazineで使えるJS UIを70個も紹介しています。 70 New, Useful AJAX And JavaScript Techniques | Smashing Coding 仕事で今悩んでいる解決策がこの中にあるかどうかちょっと見てみます…

最強のツールチップJS BeautyTips

ツールチップというのは、何かにマウスが触れたりクリックしたときにでる、吹き出しのことです。 Googleマップでもスポイト上のものをクリックすると吹き出しが出てきますね。 あれを簡単に実装してしまうというライブラリです。 [JS]これ最強かものツールチ…

今更Plaggerを知った

今さらPlaggerの存在を知りました…むしろスクレイピングの方を先に知っていた。 こっちは2006年の記事… 一足早く「Plagger」の便利さを実感してみよう − @IT こっちは2007年の記事ですよ 進化する“Webスクレイピング”技術の世界 − @IT 特にこういった技術…

HTMLの要素を抽出するhtmlSQL

IDEA*IDEAで紹介されていたhtmlSQLというphpがすごいです。 HTMLの要素をSQL文で抽出できるようにするライブラリです。Old projectsデモサイト:Old projects参照:HTMLの要素をSQLのように取り出せるPHPのライブラリ『htmlSQL』 | IDEA*IDEA

Ext JSベースのケータイサイトシミュレータ

EXT JSの話が続きますが、こちら見逃してました。unoh labsの方が、EXT JSベースのケータイサイトシミュレータを制作されていました。ローカルにPHP動作環境などをつくらなければいけないので、少々敷居が高いかもしれませんが…japanese-mobile-phone-simula…

Ext JS v3.0のデモ映像

普通のアプリケーションのようなUIをwebアプリに提供するJSライブラリ、Ext JSのデモ画像がアップされています。Ext DesignerというAirベースのオーサリングツールを使ったデモなのですが圧巻です。まるでアプリをつくっているみたい。すごい時代に突入する…

ソースコードの色づけライブラリ

これからこのブログでコードを紹介していくに当たりまして、予約語の色付けをしたいなあと思っているのですが、そういうライブラリないかなあと探してました。ありました。ありました。まとめサイト。あなたのソースコードを彩る、Syntax Highlighterまとめ …

MooToolsのドキュメントが翻訳されたそうです

高品位なモジュールを提供するJSライブラリ、MooToolsの日本語版ドキュメントが「途中下車」という小説を書かれている高橋文樹さんによって翻訳されたそうです。 http://takahashifumiki.com/topics/web/mootoolsすばらしい活動だと思います。

ケータイサイトの開発に便利なモジュール/フレームワーク

YUMEMIというケータイでは有名な会社が、いろいろ技術情報を公開しています。 先日は「mod_ktai_image(画像変換モジュール)」のアップデート版を公開してます。これを導入することで、ケータイの解像度に最適化した画像を表示できるようになります。mod_ktai…

ミツエーリンクスがJSライブラリを公開

web標準などに力をいれているweb制作会社、ミツエーリンクスが自社のJSライブラリを公開しました。MJL(MITSUE-LINKS JavaScript Library)他のライブラリとは違い、いろいろな機能を拡張して肥大化させるのではなく、コンパクトに基本的な処理を追加するも…

プログラマ回帰について

ここ何年もずっと悩んでいることがあります。 それは、仕事としてプログラミングをしない状態は不健全じゃないのか?ということです。 現在の私の職種はインフォメーション・アーキテクト(IA)といって、画面やサイト全体の設計、体験設計などを行っています…

ExtJSを使ったAIRアプリ

ExtJSというアプリケーションUIのようなリッチなコンポーネントを提供するJavaScriptライブラリがあるのですが、そこが主催して勉強会を行っているみたいです。 前回の勉強会ではフィードパスの方による「ExtJSを使ったAIRアプリ」をシェアしていました。確…

「人工知能と知識処理」研究会

おもしろそうなんだが、なぜ月曜日なんだ? http://www.ieice.org/~ai/jpn/index.php/20080630 もっと社会人に優しい日程にしてほしいものです。しかしすべてのテーマが面白そう。今の大学ってこんなにもwebについて研究しているんだなあと感心させられます…

processing.jsで魚の群れシミュレーション

すごい。みんなすごいよ。 http://d.hatena.ne.jp/p4life/20080512/1210568035

Processing.jsが登場!

久々に大ニュースです。 jQueryの作者の方がJavaScriptでProcessingを実行できるライブラリを作ってしまったそうです。 Processingというのはプログラムアート用に考えられたもので、Javaアプレットで実行されます。 それがJSで実行できるようになりました。…

スクレイピング

たった今知ったこの用語。APIが公開されていないwebサイトから情報を抽出して、API的に情報を扱う手法のこと、のようです。http://dxd8.com/archives/85/確かに、ニコニコみたいにRSS配信してないのに、関連サービスサイトあるようなやつ。不思議だったので…

AS3 meets jQuery

ActionScript3でjQueryを扱えるようにするライブラリas3Queryのα版がリリースされたとか。 AS3はJavaライクなアプリケーションを構築できる面、従来のFlashのスクリプトとしての面のほかに、JavaScriptと連携してWebコンテンツを作れると行った側面もありま…

CSSを使った新しい表現

IE6には対応してないものも多いですが、来月には強制的にIE7にアップデートが掛かるので、そろそろこういったものの導入も検討したほうがいいかもしれません。 http://www.designwalker.com/2008/01/css-tips.html特に、フッター固定とかね。

IE7.js

W3CにIEを準拠させるためのライブラリだそうで。凄いですね。これ使うと透過PNGにも対応するそうですよ。 IEのCSSハックなんかするよりも、このライブラリ使った方が良いんじゃない? http://journal.mycom.co.jp/news/2008/01/08/039/index.html

script.aculo.usのUIエクスペリエンス

凄くわかりやすい解説が@ITにあがっていたので、スクラップ&スクラップ! http://www.atmarkit.co.jp/fwcr/rensai/ajaxrecipe04/ajaxrecipe04_1.html

JavaScriptでつくるFlashのようなすげーサイト

nonFlashですよ↓コレ http://melissahie.com/ウィンドウ広げても隣の画面は出てきません。動くときだけです。 画面切り替えて、部屋を移動するようなサイトをそういえば大学生の頃JSで作ったことありますが、 それよりももっとスマートかつ面白い!久々にweb…

タブでスライドするJS

サンプル このJSいいかも

文字のサイズに応じて拡大/縮小するCSSボックス

これ面白いですよ。フォントサイズの大小ボタンをアクセシビリティーの観点から設置することが多いと思いますが、ボックスは固定なので文字を大きくすると余計読みにくくなってしまいます。これを使えば、文字と一緒にボックスも大きくなるので、まるで拡大…

jQueryでグラフ描画とか

jQueryベースのグラフ描画ライブラリがあるとか。「Flot」というのですが。しかも結構綺麗なグラフです。 http://phpspot.org/blog/archives/2007/12/jqueryflot.htmlクライアントサイドで実装できるので、サーバの負荷が軽くなるのと、まあ簡単に実装できる…

JSでマルチスレッドを実現するetc(12/5)

web系のネタも1つにまとめたほうがいいのかなあ…と思いまして、まとめます。■JavaScriptでマルチスレッドを実現するライブラリ「Concurrent.thread」凄いですよ、JSってスレッドは1つしかないから、処理中のユーザーのアクションは基本的に受け付けられない…

ついに出た!プログラマブルCSS

やっと出ましたよーCSSの中でJSのようにコードを走らせられるCSS。 その名もDynamicCSS。何か今日は面白いニュースが多すぎます。とはいっても、W3Cが規格したものではなくて、mootoolsのフォーラムに寄せられた意見から実装した試験的なものだそうです。 Dy…

JSONてスゲー直感的ですね

このサンプルとか。 http://satoshi.blogs.com/life/2007/11/json.html直感的に掛けるプログラム言語は是非マスターしておきたいところです。 設計ばかりではなくて、実際のものづくりがしたいよ。もう最近は。

Safari独自拡張CSS

http://developer.apple.com/documentation/AppleApplications/Reference/SafariCSSRef/index.html Safariしか対応してない拡張CSSの文書をAppleが公開したそうで。というか、このページみたいに左カラムのナビを固定にしてスクロールしても消えないようにす…

Mocha UI

ページ内ウィンドウを生成するJSライブラリ。Mocha UI。 なんとcanvasを使って描画しているそうです。canvasってwindow生成もできるんですね。 http://journal.mycom.co.jp/news/2007/11/21/025/index.htmlPOPUPが重なる場合に使うといいでしょう。 http://g…

CSSにはすべてを書くべき?

もっとCSSが高度なプログラム言語ならみんな幸せになれるのにと思う。BluePrintが一石投じているけども、どうなることやら。 http://journal.mycom.co.jp/articles/2007/10/19/css/index.html元サイト http://www.robertnyman.com/2007/10/18/dont-over-spec…

家紋ジェネレータ

綾鷹っていう新しいお茶のサイトで作れるオリジナル家紋。おいらのはなんだか家紋って言うよりはどっかの町のシンボルマークみたい…もっと渋いのが良かったなあ。瑠璃色が綺麗だけど。http://www.ayataka.jp/#fun-kamonあと、あ、と思ったのがフルFlashなの…

拡張現実感tool kit

Xcodeで動作する拡張現実感ツールキットがリリースされたそうです。 http://shin-ishimaru.cocolog-nifty.com/blog/2007/10/mac_os_xartoolk_a92c.html攻殻の電脳コイルが実現!? http://www1.bbiq.jp/kougaku/ARToolKit.html

Dr.ニールセン VS Ajax

ヤコブ・ニールセン博士が、Ajaxモジュールの正しい使い方についてエントリーしています。 http://www.usability.gr.jp/alertbox/20070917_tabs.html 新しいYahooFinanceに対していろいろ問題点はあるが、総じて素晴らしいと言う感想のようです。おいら的に…

コードをリファクタリングしてくれるコミュニティ

プログラミングコードをリファクタリング(デバッグしやすいようにコードを整理整頓すること)してくれるコミュニティ「RefactorMyCode」と言うサイトがあるそうです。 http://refactormycode.com/仕組みはQ&Aサイトみたいに、誰かが投げたお代に対して誰か…

CSSフレームワーク BluePrint

CSSフレームワークのBluePrintがv0.6になったとか。 http://journal.mycom.co.jp/news/2007/09/25/018/index.html 実用的なディレクトリストラクチャの実現、新しいプラグインシステムの導入(これに合わせて多くの機能をプラグインへ展開)、Webブラウザ互換…

クライアントサイドインクルード(CSI)

これすごいよ。 クライアントサイドインクルードを実現するためのJS、sprinkle.js。 これを実装すると、divタグにsrc属性をつけることが出来るんですよ。 なので、div単位でモジュールをajaxで読み込むことが出来るようになるそうです。 すごすぎて、朝から…

サーバサイドCSS!

フルCSSって冗長だよなあとか、CSSってそもそも言語として貧弱だしだから、無駄な工数がかかるしメンテナンスも最悪なんだよなあと、最近ぼやくことが多かったのですが、そんなおいらに答えを与えてくれるエントリーを発見。http://labs.unoh.net/2007/09/cs…

完全無欠の.htaccess

考えうる限りほとんど全ての設定を書き込んだhtaccessを作った方がいるそうで。 http://www.askapache.com/htaccess/ultimate-htaccess-file-sample.html英語ですがコメントがバッチリ入ってます。mod_rewrite周りの設定もガッツリ入っているので、結構参考…

まつもと直伝Ruby入門

プログラミング言語Rubyを構築したまつもとゆきひろさん自身によるRuby入門コラムなんてあったんですねー http://itpro.nikkeibp.co.jp/article/COLUMN/20060825/246409/?ST=oss知らなかった。ちょっとチャレンジしてみようかな〜

検索BOXをデザインしよう

Appleのサイトでも検索BOXをOSX風にしてたりしますが、結構簡単な仕組みなのです 以下解説ページ http://blog.reindel.com/2007/08/13/howto-spruce-up-your-search-box-with-css-and-a-background-image/他にもjqueryを使ったユーザビリティの高いフォーム…