OOCSS(Object-Oriented CSS)の考え方 - in0in0の日記
CSSでサイトを作るとき、ページをidで区切り、その中のclassに対してスタイルを指定するというやり方が一般的じゃないかなと思います。 #page-foo .box {margin:10px } #page-baa .box {margin:20px }しかし、いざあのページのこの部分をこのページに持ってきたい…となるとCSSファイルごと持ってこなければならない、移転先のclass名とバッティングしてしまうなど再利用が難しいという反面もあります。 今回仕事でサイトを構築するにあたり、再利用可能なモジュールで構成すればコーディングにかかる工数は減るのではと考えていたので（特にIEのバグ関連…検証済みのモジュールで構成すれば確実！）再利用性とパフォーマンスを重視したフレームワークOOCSSについて調べてみました。 OOCSSの基本的な考え方 目的別にclassを複数指定する。 idに依存する
Google App Engineを使った帳票出力システム·don-gabacho MOONGIFT
don-gabachoはGAE/Jによるオープンソース・ソフトウェア。基幹システムにおける最大の目的は帳票の出力にある。なのでシステムを開発する際には帳票へ出力する項目や他システムへ受け渡す項目から考えると分かりやすい（個人的な経験として）。 出力された帳票 しかし帳票を出力するシステムを考えるとなると話は違う。特にWebシステムは帳票出力が苦手だ。通常のHTMLやテキストファイルを出力するのに比べると異なるライブラリが必要になったりする。そこで試したいのがdon-gabachoだ。 don-gabachoは名前はユニークだが、その実態は有益な帳票出力システムとなっている。自分で帳票の設計が可能で、さらに項目を設定することで出力される値を任意に変更ができる。生成された帳票はExcelファイルとしてダウンロードができる。 入力画面 PDFではないが、Excelの方が細かな調整もできるので便利
iPhoneで使えるWebアプリケーションキット·TouchScroll MOONGIFT
TouchScrollはiPhone（予定ではAndroidやPalm Preも）用のフリーウェア（ソースコードは公開されている）。iPhoneにはWebサイトをブックマークとして保存する機能がある。その時、ホーム画面に追加をすればネイティブアプリのようにアイコンから起動できるようになる。 コンテンツだけスクロールする とは言えネイティブアプリとは違う使い勝手で、そこはブラウザ動作の限界と考えられてきた。インタフェースについては様々なテンプレートが登場している。さらにそれを一歩進めてくれるのがTouchScrollになる。 TouchScrollは簡単に言うと、ヘッダ部とフッタ部を残しつつ内部コンテンツだけスクロールできるようにするライブラリだ。フッタ部にボタンを配置することで、よりネイティブアプリに近い動作が実現できるようになる。ヘッダも同様に残しておけばネイティブアプリとさして変わらな
サイトやサービスのパフォーマンスをチェックして改善点を教えてくれる『GTmetrix』 | 100SHIKI
サイトやサービスを作ったらまずはこれを試してみるといいかもしれない。 GTmetrixはサイトのパフォーマンスをチェックし、どこを改善したら良いかを教えてくれるツールだ。 診断結果ではさまざまな施策を教えてくれるが、優先順位までつけてくれるのはなかなか便利だろう。 また会員登録することで、診断結果の履歴をとることも可能だ。時間をおってどのようにパフォーマンスが改善したか、報告するのに良さそうだ。 最近のサイトにおいては「速度は機能」というのは間違いない。こうしたツールをうまく使いこなしたいですな。
Rubyによるスマートフォンアプリ開発を可能にする開発フレームワーク「Rhodes 2.0」 | OSDN Magazine
米Rhomobileは5月4日（米国時間）、クロスプラットフォームのモバイルアプリ開発フレームワークの最新版「Rhodes 2.0」を発表した。HTMLおよびRubyを利用してアプリケーションを開発できるMVCフレームワークで、AndroidやiPhone、Windows Mobileなどさまざまなモバイル向けプラットフォームに対応する。 RhodesはRubyおよびHTMLなどのWeb開発スキルを利用して、複数のモバイルプラットフォーム向けにアプリケーションを開発できるMVCフレームワーク。AndroidやSymbian、iPhone/iPad、BlackBerry、Windows Mobileなど主要スマートフォンプラットフォームに対応、ネイティブに動くアプリケーションを構築できる。 最新版ではメタデータフレームワークが加わり、バックエンドの業務システムとの連携が容易になった。このほか
コピペで使えるマークアップ済みダミーテキスト
現在、フリーランスとしてやってるんですが、そっちの屋号が「underHat」に変わったので、もしリンクとかしてくれてる方が居ましたら変更してもらえると幸いです。 屋号が変更になりました｜お知らせ｜underHat さて、今回はブログ記事のダミーエントリーとかに使えそうな、マークアップ済みダミーテキストです。 何気に今まで使ってたのが有ったんですが、メインPC逝ったりしてる内にどっかに消えてしまったので作り直したのを忘れないようにブログにアップです。 一応それなりに出てきそうな要素を使ってマークアップしております。 h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, a, q, blockquote, table, td, th, pre 辺りです。 ダミーテキストだけならジェネレータとか何か色んなサービス有るんですけど、イマイチ自由に使っていいの
iPadでも使える「マイクロSIM（MicroSIM）カード」を自作する方法が公開される
日本でも今月下旬に発売される予定となっているAppleのタブレット型パソコン「iPad」ですが、3G（第3世代携帯電話）通信機能を内蔵したモデルを購入することで、いつでもどこでも快適にブラウジングすることが可能となっています。 しかし、iPadで3G通信機能を利用するためには従来の携帯電話に採用されている「SIMカード」ではなく、より小型の「マイクロSIM（MicroSIM）カード」が必要となるため、国内でマイクロSIMカードが発売されていない現在、仮にiPadを手に入れても3G通信を利用することはできませんが、そんな状況を打破するために、マイクロSIMカードを自作したという猛者が現れました。 カード自体が小型化することで、端末自体のさらなる小型化を実現できるため、iPadだけでなくタブレットパソコンやスマートフォンをはじめとしたさまざまな端末に今後採用される可能性も考えられるマイクロSI
Web解析ツールで実践すべきたった2つの事柄
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
HTML5で作られたフォームの入力チェックができる「jQuery Tools」 | Web活メモ帳
HTML5になってFormの要素が大幅に増えました。inputのtype属性にtel、url、emailなどの値が指定できたり必須属性を設定できたりするので、使いこなせれば便利になりますね。 しかし複雑なチェックやエラー表示のデザインを変更するにはJavaScriptを使う必要があります。 「jQuery Tools」を使う事で簡単に解決する事が可能になってます。 基本的なチェックは1行コードを追加するだけでできるようになるようです。 $("#myform").validator(); エラーメッセージのカスタマイズはCSSで実装できるとの事 /* error message */ .error { height:15px; background-color:#FFFE36; border:1px solid #E1E16D; font-size:11px; color:#000; pad
iPad 購入を迷っているあなたへ - 渡部薫
いよいよ明後日5月10日に予約の始まるiPadだが、購入しようか様子見しようか迷っている人も多いかと思う。そこで僕なりに1ヶ月の使用感を元にアドバイスできればと思う。 Appleからのリリース – iPad、5月28日に米国外の9カ国でも発売開始 iPadは買いかどうか。迷わず”買い”である。 10日の予約で月末に購入できる人は、あっという間に埋まるだろうから迷っている人もとにかく予約はすべきだろう。とにかくいずれ買うなら早いに越したことはない！そう断言する。 —————————————————————- ※注意 Apple賞賛記事、iPad購入に意図的に誘導している、製品レビューでないというコメントをいただいたのだが、これはレビューではなく使用感（感想）であり、主に買おうと思っているがどのモデルを買えばいいか迷っている人向けである。製品レビューを知りたい人はGoogleで検索するなり、後
Google Readerでスターを付けるとInstapaperに登録する「InstaReader」
Warning: include_once(/home/sites/lolipop.jp/users/lolipop.jp-dp16105308/web/wp/wp-content/plugins/wp-super-cache/wp-cache-phase1.php): failed to open stream: Permission denied in /home/users/0/lolipop.jp-dp16105308/web/wp/wp-content/advanced-cache.php on line 8 Warning: include_once(): Failed opening '/home/sites/lolipop.jp/users/lolipop.jp-dp16105308/web/wp/wp-content/plugins/wp-super-cache/wp-c
［ウェブサービスレビュー］iPhone、Evernoteとも連携--多機能タスク管理ツール「Nozbe」
内容：「Nozbe」は、多彩な機能を搭載したタスク管理サービスだ。複数のプロジェクト登録、タスクの並び替え、所要時間や締切日の設定といったさまざまな機能を、Ajaxによるインターフェースで軽快に利用できる。 「Nozbe」は、Ajaxを用いたインターフェースで軽快に操作できるタスク管理サービスだ。ほかのタスク管理サービスと比較した場合の大きな特徴は、なんといってもその多機能さにある。複数のプロジェクト登録、タスクの並び替え、所要時間や締め切り日の設定、メールによる登録、メールでのタスク送信、リピート設定、複数メンバーでの共有など、タスク管理サービスで考えられる機能のほとんどを網羅している。iCal形式でGoogleカレンダーにタスクを表示することも可能だ。 中でも、各タスクに所要時間を設定できる機能は重宝する。片付けるのにどれだけ気が重いタスクでも、所要時間ベースでみると実はものの数分でで
傷だらけのiPhoneをきれいに磨き上げる | ライフハッカー・ジャパン
傷に強く作られているとはいえ、日々過ごしていると、知らず知らずのうちに表面が傷ついていくiPhone。新品だった頃の輝きをどうにか取り戻せないものかなとお嘆きの方々へ、今回の記事を紹介します。あるMacRumorsの投稿者が、傷だらけのiPhoneを紙やすりで磨き上げるデモンストレーションを行っていました。 ※注 作業は自己責任で行ってください。 ■iPhoneの裏側には、以下の層があります。 一番内側の層は薄い、色つきのプラスチック（白か黒）1の外側に、ポリカーボネットプラスチックの層2の外側に、Appleのロゴと文字3の外側に、傷保護のコーティング あなたのiPhoneに傷が少ししかない場合、最も目の細かい紙ヤスリを使い、傷保護のコーティングをはがさないように、傷だけを取り除くように磨きましょう。すべての傷を無くそうとするのではなく、九割くらい無くすような心持ちでやった方がいいと思いま
日本ではソフトバンクモバイルが5月28日よりiPadを提供 | ソフトバンク
日本ではソフトバンクモバイルが5月28日よりiPadを提供 2010年5月8日 ソフトバンクモバイル株式会社 ソフトバンクモバイル株式会社は、2010年5月10日（月）より「iPad（アイパッド）」（アップル社製）の先行予約受付を開始し、Wi-FiモデルとWi-Fi＋3Gモデルにご利用いただきやすい幅広い本体価格と料金プランを提供します。24カ月の分割支払いプラン、月々のデータ料金の割引、そして公衆無線LANサービス「ソフトバンクWi-Fiスポット」を提供します。 iPadは、5月10日の午前10時より、限定のソフトバンクショップや家電量販店のアップルコーナーなどのiPad正規販売店で予約を開始します。また、Apple直営店ではiPadの全モデルを、Appleオンラインストア1（http://store.apple.com/maintenance/b2b.html）ではWi-Fiモデルを予
OAuthプロトコルの中身をざっくり解説してみるよ - ( ꒪⌓꒪) ゆるよろ日記
「おーおーっすっ!」 てなこって、TwitterのAPIのBASIC認証も6月末に終了してOAuth/xAuthに移行するというこの時期に、あらためてOAuthについて勉強してみたんですのよ? OAuth認証を利用するライブラリは各言語で出そろってきてるのでそれを使えばいんじゃまいか? というと話が終わるので、じゃあそのライブラリの中身はなにやってんのよってことを、OAuthするScalaのライブラリ作りながら調べたことをまとめてみました。 間違っているところもあると思うのでツッコミ歓迎です＞＜ OAuthってそもそもなんなの? ものすごくざっくりというと「API利用側が、ユーザ認証をAPI提供サービス側にやってもらうための仕様」って感じでしょうか? BASIC認証の場合、API利用側が認証に必要なアカウントやパスワードを預かる必要があるわけです。悪意のあるAPI利用側が「なんとかメーカー
創業2年で売上300億円超，利益40億円超。驚異のフラッシュマーケティング・サイト，"Groupon" 成功の秘密を探る：In the looop：オルタナティブ・ブログ
創業2年で売上300億円超，利益40億円超。驚異のフラッシュマーケティング・サイト，"Groupon" 成功の秘密を探る Grouponという共同購入クーポンサイトをご存知だろうか？ サービス開始は2008年11月。まだ2年にも満たないこの若いベンチャーが信じられないパフォーマンスを上げている。（元記事はTehcCrunch： 共同購入でぼろ儲けGrouponの巨大資金調達の詳細） 【 サイトURL： http://www.groupon.com/ 】 その驚きの数字を上げてみよう。Grouponはすでに黒字化し，2010年度の推定売上は3.5億ドル（315億円），月間推定利益は400万ドル（3.6億円）を超えているとTechCrunchは報じている。単純計算すると年間利益は5千万ドル（45億円）だ。創業1.5年のネットベンチャーとしては前例のないハイパフォーマンスと言ってよいだろう。 C
インターネットを活用した、ひきこもりのための株式会社の創り方
この度、株式会社ｗｋｔｋ(ワクテカ)という法人を設立いたしました。 30歳の誕生日に何か面白いコトをやろう！と思い立って、２週間くらいで法人設立にこぎつけました。あ、会社勤めは辞めてないし、辞めるつもりもないですよ、念のため。僕の勤め先は、そういうところに融通が利くところなのです。起業を促進してます。うんうん。 株式会社の作り方と、基本的な開業準備について、「ひきこもり気質でインターネット大好きな人」向けに情報を公開します。 世の中には、会社設立のガイドがあふれかえっています。重複することを書いても仕方ないので、本や他のサイトに載っていない情報を主に書いていきます。情報は2010年4月現在のものです。 前提条件 一人発起で、代表取締役のみの株式会社を東京都ｘｘ区に設立する。 .co.jpドメインを取得する。 公告方法を官報にしつつ、財務諸表のみをWebページに載せて官報掲載代を節約する。
2010-05-03
デキビジで放送された勝間和代氏とひろゆき氏の対談がtwitter界隈でちょこっと盛り上がっているので見てみたら、面白いので文字に起こしてみます。ちょっと長いのでテーマごとに分けて。 文字起こしはYouTubeの画像をもとにしましたが、その前の議論が抜けているようです。抜けている部分の議論の概要を高木浩光氏(@HiromitsuTakagi)がtweetしています。 こちらをあらかじめ読んでおくと話が繋がりやすいかもしれません。 http://togetter.com/li/18518 http://www.youtube.com/watch?v=gqduJqJuQUs (0:00〜4:32) 追記（2010/9/2)： ひろゆき氏、勝間和代氏、堀江貴文氏の対談本が出たみたいですよ。 (ここから)--- 勝：どうやってインターネットの中である程度のルールをもって確保するような環境を作りたいか
画像ファイルをテキスト化してくれる「n1ne@freeOCR」（無料） | ライフハッカー・ジャパン
OCRで書類を読ませるために、わざわざ一度プリントしてから、ドキュメントスキャナに...なんていう経験はないでしょうか？ ブログ「Blog.IKUBON.com」で紹介されていた「n1ne@freeOCR」を使えば、そんな必要はありません。スキャナが無くても、OCRが無料で使えちゃいます。 使い方も簡単。テキスト化したいファイルを添付して、メールで送るだけなのです。 対応している拡張子は、 .bmp .dib .rle .dcx .djvu .djv. gif. jb2 .jbig2 .jp2 .j2k .jpg .jpeg .pcx .pdf .png .tif .tiff .xps と、よく見るものからそうでないモノまで、かなり豊富。 これらのファイルであれば、ocr@n1ne.netに添付して送ると、画像をテキスト化して、doc,docx,pdfのファイル形式で送り返してくれるそうで
2010-05-05
CompojureというClojureでWebアプリケーションを開発するためのフレームワークを使って簡単なエコーアプリケーションを作ってみました。 ちなみにCompojureはRubyのSinatraというフレームワークにインスパイアされて開発されたものだそうです。残念なことにSinatraは名前は聞いたことがありますが、一度も触ったことがないので「ふーん、そうなんだー」という感じです。 まずはCompojureのセットアップから。 CompojureはGitHubで開発されています。CompojureのサイトにはLeiningenでセットアップする方法が解説されていますが、ここではソースからビルドする方法を紹介します。 以下のページからソースをcloneするなり、ダウンロードページからアーカイブを落としてきて適当な場所に展開します。 http://github.com/weavejest
日本初、日替りクーポンサイト「Piku（ピク）」
口コミ割引券ピク(piku)のオフィシャルサイトです。人気のレストラン、ランチコース、ダイニングに使えるクチコミ割引券を皆でゲットしよう。「和」を象徴する日本伝統、歌舞伎座から歩いて1分！ そこに、都会の真ん中にいるということを忘れさせる本格和食を提供している処があります。４月１２日（月）にオープンする「歌舞伎庵」は入り口に日本庭園の空間をもうけた立派な「和食料亭」。 銀座のオシャレな雰囲気と、「和」の趣が溢れる店内。歌舞伎庵は、懐石料理が自慢の職人がつくる新鮮な鮮魚のお造り、厳選和牛の卓上炙り、メインの食材を飾る朝摘み野菜や器にもこだわってあなたに本格派の和食をご提供します。お食事に合わせるお酒にもこだわり、全国から厳選した焼酎と日本酒はお料理の味をよりいっそう味わい深いものにします。オシャレなカウンターではお刺身やお寿司が調理されるのを目の前で楽しめます！個室はもちろん、落ち着いた雰囲
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2010/05/wireframe-resource.html
シンプルなデザインの各種コンテンツが揃ったウェブサイトの無料テンプレート -Aurelius
https://www.softbank.jp/mobile/ipad/price_plan/
not found
IDEA * IDEA