IBMがWebアプリケーションのUIガイドラインとHTML/CSSのソースコードを公開
業務アプリケーションがWebアプリケーションとして開発されるのは現在の大きなトレンドです。それに伴ってHTMLとCSSによって業務アプリケーションの複雑なユーザーインターフェイスを構築する必要性が生じます。 しかし機能が豊富な業務アプリケーションのユーザーインターフェイスをHTMLとCSSで構築するのはそれほど簡単ではなく、しかもそれをアプリケーション全体で統一し、優れたユーザビリティを実現するのはさらに手間のかかる作業です。 そうした業務用のWebアプリケーションのユーザーインターフェイスを構築するためのサンプルが豊富に含まれたガイドライン「IBM Lotus User Interface Developer Documentation」が、IBMから公開されました。 今回公開されたIBMのガイドラインは、同社のLotus製品群のユーザビリティを統一するための社内プロジェクト「One U
少しの工夫でスッキリ、おしゃれに！理想の「お部屋」を作ろう - はてなニュース
はてなブックマークでも最近話題になっている「お部屋」関連エントリー。おしゃれな部屋の写真を見る度に、「こんな部屋に住んでみたい！」と思う人は多いはず。しかし実際に模様替えするとなると、何から手を付けていいのか迷いますよね。今回はそんな時に参考にしたい、「お部屋作り」のポイントについてのエントリーを集めてみました。 （11/18 編集部追記） 「部屋の掃除術」についての記事も公開しました。合わせてご覧ください。 “片付けられない”あなたに！年末までにチェックしたい「お部屋の掃除術」 今すぐできる！部屋をスッキリ見せる方法 まずは今のお部屋を簡単にスッキリ見せるためのポイントです。 ちょっとした工夫で部屋をスッキリ見せるための方法 - id:HolyGrailとid:HoryGrailの区別がつかない日記 おしゃれ部屋（？）の作り方 - IDEA*IDEA ? 百式管理人のライフハックブログ
CSSのプロパティをソートするPerlスクリプト
CSSを書く時に「セレクタ内でCSS仕様書でのプロパティの出現順序に従ってソートする」という個人的なルールを守っている。何かコーディングにおいて便利な理由があるからというわけではなく、第三者に説明する時に「仕様書の出現順で書いてます！」とかで済ませられるから。今まではファイル全体を処理するオレオレPerlスクリプトで適当にやっていたのだけど、Vimで選択範囲だけをソートとかやりたくなったので、普通に標準入力を読んで結果を標準出力に吐くように書き直した。ついでにCSS3のプロパティとFirefox(Mozilla)やSafari(WebKit)、Opera(Presto)、Internet Explorer(Trident)の独自拡張などへも対応させたりとか。 #!/usr/bin/perl # Author: Kyo Nagashima <kyo@hail2u.net>, http://h
プログラマが楽しく読めるLink集 Vol.1 - 乱筆乱文お許し下さいorz
ネットサーフィン（死語）をしていて、プログラマなら誰でも楽しく読めるハズ！ と思ったサイトや記事を紹介して行きます。 とりあえず、Vol.1ッ！ ハッカーになろう (How To Become A Hacker） 実は、この5つすべて（Python, Java, C/C++, Perl, LISP）を勉強しておくのがいちばんいいのです。 これらはもっとも重要なハッキング用言語だというだけでなく、 それぞれプログラミングに対してまったく違ったアプローチをしているので、どれも非常に有益な勉強となるでしょう。 Rubyは？（´・ω・｀）ｼｮﾎﾞﾝ Fine Software Writings 特に僕が好きな記事を！ ホワイの(感動的)Rubyガイド (why the lucky stiff) どうしてプログラマに・・・プログラムが書けないのか? (Jeff Atwood) ソフトウェア開発者のた
PostgreSQL安定運用のコツ2009 @hbstudy#5
2. アジェンダ • パフォーマンスと初期設定 • データベースの監視 • 性能劣化とメンテナンス • パフォーマンスチューニング（GUC編） • パフォーマンスチューニング（SQL編） • バックアップ＆リカバリ 本日の資料は http://slideshare.net/uptimejp にアップしてあります。 Copyright 2009 Uptime Technologies LLC, All rights reserved. 4. PostgreSQLプロセス構造 • PostgreSQL 8.4の場合 [snaga@devpg01 ~]$ ps -aef | cat | grep ^snaga snaga 5282 1 0 20:15 tty1 00:00:00 /usr/local/pgsql/bin/postgres - D ./pgdata snaga 5283 5282
賃貸探しで不動産屋さんを攻めるたった一つのポイント - concretism
賃貸物件を探すのに不動産屋さんは使えない - Money does not hurt your heart 不動産屋さんの仕事ぶりを見ていると、アナログがまだまだ現役で、情報のやりとりもFAXが中心で、FAXで送られてきた物件情報を大量にファイルして手で探す、という最近主流となったPC中心の仕事の方法と比べると旧態依然というか、よくソレで仕事できますね、というアナログ具合で驚いた。 あー、確かにそうですね。不動産の物件データなんて、簡単に全部データベース化できそうなものですができていない、というよりもわざとしていないのでしょうね。常識的に考えて、不動産屋の売りたい物件の情報は手の届きやすいところ（＝ネット）に、売りたくない物件は手の届きにくいところにある、という推測はつきます。売りたくない、というより手を尽くさなくても買い手が簡単に見つかるということになるでしょうけれど。 結局、手の届きに
Google製Webパフォーマンス測定ツール·Speed Tracer MOONGIFT
Speed TracerはGoogle Chrome向けのオープンソース・ソフトウェア。Webサイトのパフォーマンスを測定するのはApacheのabをはじめ、様々なツールが存在する。だが最近のWebサイトではAjaxやJavaScriptを活用する等、単なるリクエスト送信だけでは適切なチューニングが難しくなっている。 Google Chromeをお使いの開発者はぜひ そこでGoogleが開発したのがSpeed Tracerだ。Speed TracerはGoogle Chromeにインストールするソフトウェアで、GWT（Google Web Toolkit）の2.0公開に合わせたツールとして提供されることになった。Google Chromeを使っている開発者はぜひ使ってみよう。 インストールするとアドレスバーの横に緑のアイコンが表示される。クリックするとモニターウィンドウが開き、計測が開始す
20090107 Postgre Sqlチューニング（Sql編）
3. 実行計画とは？ 実行計画は、PostgreSQLのオプティマイザが最適だと判断したクエリを実行する個々のステップを示したもの。 Explainを使用することで、参照可能 testdb=# explain select count(id) from master where valid = true; QUERY PLAN ---------------------------------------------------------------------------- Aggregate (cost=217107.05..217107.06 rows=1 width=0) -> Seq Scan on master (cost=0.00..213742.88 rows=1345668 width=0) Filter: valid 4. ExplainとExplain analyz
WEBアプリ開発に便利な機能＆負荷テストツール集:phpspot開発日誌
15 Free Functionality And Load Testing Tools For Web Applications WEBアプリ開発に便利な機能＆負荷テストツール集。 プログラム変更後の品質チェックを行える機能テスト・ユニットテスト、負荷に耐えられるか確認するために負荷テストツール、で品質向上に役立てられます。 Selenium等の定番以外にも沢山の機能テストツールや負荷テストツールがあるみたいです。 機能テストツール集 Seleniumのようなブラウザを自動で直接動作させて表示結果を確認するツール うまく運用すれば、機能を変更した際の正常動作確認に神経をすり減らすことがなくなります SeleniumHQ おなじみのテスト自動化ツール テストケース定義で自動でブラウザ上でテストしてくれます Watir Rubyのブラウザ自動化ライブラリだそう。 Windowsだと、IE、F
[携帯]フォントサイズ（XHTML版） │ これからゆっくり考L +α
フォントサイズ（HTML版）に引き続き、今回はXHTML版です。 CSSでフォントサイズを指定するので、こんな感じになります。 <span style="font-size:x-small;">文字文字</span> 各指定方法で、実際どのぐらいの大きさで表示されるのかをチェックしやすくするため、サンプルページをつくりました。 サンプルページを色々な端末で見てみると、だいたいどのサイズがいいかーというのが見えてくるかと思います。 サンプルページ QRコード →サンプルページを見る 各種フォントサイズと、ついでに太字のサンプルもおいております。 太字の指定方法はbとstrongとfont-weight:bold;です。 各キャリア、端末の表示 docomo 【大】xx-large,x-large 【中】large,medium 【小】small,x-small,xx-small ※全端末共通
ke-tai.org > Blog Archive > ケータイでの画像回り込みについてまとめてみました
ケータイでの画像回り込みについてまとめてみました Tweet 2008/6/11 水曜日 matsui Posted in デザイン | 7 Comments » 本日、ケータイでの「画像の回り込み」に関して調査しましたので、メモを兼ねてまとめてみます。 もちろん、キャリア毎に書き分けてしまっては意味が無いので、3キャリアで共通して使える書き方を調べてみることにしました。 まず問題となったのが、auでfloatが利かないことです。 では、オーソドックスにimgタグのalign属性を使ってみてはどうかということになりますが、今度はドコモ(XHTML)で正しく表示されません。 なかなかやっかいです。 そこで、次のようなサンプルHTMLを作成し、3キャリアでテストを行ってみました。 <img src="test.gif" style="float:left;" align="left" /> あ
モバイルユーザビリティ改善のチェックポイント保存版 - 全10回総まとめ（最終回） | モバイルサイト構築のユーザビリティいろは
2009年1月から連載してきた「モバイルサイト構築のユーザビリティいろは」も今回で最終回です。そこで今回は、今までの連載内容をおさらいしながら、モバイルサイト構築時におさえておきたいモバイルユーザビリティの総まとめをします。 前半では今までのおさらいをし、最後に自分でモバイルサイトのユーザビリティを改善するためのポイントを紹介します。 モバイルサイト構築時の基本チェックポイント公式サイトに関するポイントモバイルメールマガジンに関するポイントモバイルECサイト構築時のポイントモバイルFlashサイトの制作ポイント自分でできる！ モバイルユーザビリティ改善の3ステップモバイルユーザビリティ改善のケーススタディ1. モバイルサイト構築時の基本チェックポイント1-1. モバイル端末ならではの制約や特性を理解するモバイルサイトには、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いな
配色パターンからWebデザインを考える
2017年6月29日 Webデザイン, 色彩 ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 ↑私が10年以上利用している会計ソフト！ まずは色彩の三属性について 色は彩度・明度・色相の三属性（三要素とも呼ぶ）から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和食・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度 色の明るさの度合いを表します。明度が高い＝明るい色はさわやかで爽
携帯端末以外のIPを制限するhtaccessを簡単生成 『Mobile IP htaccess Maker』 - HTMLタグボード
携帯サイトを運営する上で、携帯端末のみをアクセス可能にしたい場合にサーバーに設置が必要なサーバー定義ファイル「.htaccess」を簡単に生成します。キャリアや検索エンジンのクローラーごとに設定可能なため、例えば「auは許可し、docomoは拒否」といった設定も可能です。 アクセスを許可したいキャリアやクローラーを選択し、最後に「htaccess生成」ボタンを押すと、htaccess用に書かれたIP情報（自IP含む）が表示れます。表示内容をコピーし、「.htaccess」という名前で保存した後、自分のサーバーにアップロードすれば完了です。 以下の携帯キャリアとモバイル向け検索エンジンに対応しています。 ※スマートフォンは対象外です。 携帯キャリア (5) NTT docomo, au by KDDI, SoftBank, 旧willcom(新Y!mobile), 旧emobile(新Y!m
少しのコードで実装可能な20のCSS小技集
2019年5月17日 CSS CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ コードはサンプル内の「HTML」や「CSS」タブをクリックしてくださいね！ 少しのコードで実装可能なCSS小技集 シリーズ 【第2弾】少しのコードで実装可能な20のCSS小技集 【第3弾】少しのコードで実装可能な15のCSS小技集 まずはCSS基礎編 1. divを中央揃えにする ほとんどのサイトが基準となるdivを画面の中央揃えに設定しています。左右のmarginをautoにして中央揃えに。 See the Pen Center Div by Mana (@manabox
boople.com : 日販IPS
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
20歳を過ぎてから英語を学ぼうと決めた人たちへ | The Wisdom of Crowds – JP
20歳を過ぎた日本人（留学経験無し・受験英語/TOEIC英語しか学んだことがない人達）が下記の段階に到達するための英語学習法を公開しています。 このハタチエイゴ学習法が目指す目標 TOEIC試験で860点(Aレベル)以上に到達する。 「読む」「聞く」という受身な英語だけではなく、自分から英語を発信すること、すなわち「話す」「書く」がちゃんとできるようになる。 英語を母語とする人たちと英語で意思疎通できるようになる。第２言語としての英語を使いこなせるようになる。 ハタチエイゴ・基本情報 この勉強法ははてなブックマークを7,700以上獲得した人気記事です。 このblogは書籍化されてDiscover21より2010年9月16日に発売しました。書籍の名前は「20歳を過ぎてから英語を学ぼうと決めた人たちへ」です。5刷で26,000部。 勉強法の問い合わせは執筆者である@HAL_Jまでお願いします。
jQueryプラグインを探す際にだいたい見て回る巡回サイトまとめ - かちびと.net
個人的にjQuery関連のブクマ が分かりにくくなってきたので 整理も兼ねてシェア。プラグ インを探す時にだいたい巡回 しているサイトをまとめます。 かなり情報が多くなってきたjQuery。使いやすいし、知識の無い僕でも簡単に使えるので重宝してます。そんなjQueryですが、多すぎて探すのも大変ですね。以前ご紹介したサイトも兼ねて、ブックマークの整頓がてら、順回しているサイトをご紹介します。 codrops jQueryと言えば個人的にここを思い浮かべます。情報も新しく早い。英語OKならRSS購読推奨です。 codrops css-tricks こちらはWebデザイナー目線で情報を配信しています。有益jQuery情報多数ですが、タグやカテゴリが無い（あるかもだけど、見当たらない）のがおしいところ。/tag/等も404なんですよね・・最新記事はサイドバーに表示されます。 css-tricks
Ruby on Railsを学び始めた人のためのリンク集
よく使う英語圏のRails関係のウェブサイトのノートです。たまに、付け足すかも - method名から用途を逆引きする API dock Ruby/ Rails/ RspcのAPI reference。メソッドの検索／仕様確認ができるだけでなく、他のユーザがあげているサンプルコードが勉強になる。URLがネームスペースと一緒になってるのも便利。 例 ActionView::Helpers::PrototypeHelper - Rubygems用途別比較サイト The Ruby Tool Box gemやpluginsがカテゴリーごとに載ってる。 - gem serverの代わりにネット上で確認 RubyDoc.info gem: --no-doc --no-riしてる人にお勧め - Best practiceを見たい Railscasts.com 例；Paypalなどの決済システムに接続する
アドセンスで１ヶ月２万円稼ぐための１３のルール | ウェブ力学
少し前に、SEO Japanさんのアドセンス記事が注目を集めました。 アドセンスで1日2万円稼ぐための6つのレッスン 内容は興味深く否定するつもりはありませんが、日本国内においてアドセンスのみで１日２万円というとあまり現実味を感じない人が多いのではないでしょうか？企業で運営しているサイトならともかく個人単位では（特に副業感覚では）難しいレベルではないかと思います。 という訳で今回は、「１ヶ月２万円稼ぐためのルール」と題して、日頃私がアドセンスを運用する場合に注意している点をまとめてみました。かなり基本的なものも含まれていますが、少しでもお役に立てれば幸いです。 １．目標設定をする どんな場合においてもそうですが、目標設定は大切です。アドセンスの場合も例外ではありません。アドセンスの場合はeCPMを利用すると目標が立てやすくなります。サイトのテーマ（ジャンル）によってeCPMはある程度一定に
非デザイナーのためのデザイン基本テクニック その１ | 07design.blog
デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています・・・デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。 デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、 実はデザインというものは数々のルールによって成立しています。 そのルールの知識があればデザイナーレベルとはいかないものの、見た目がきれいなグラフィックは作れるはずです。 デザインという言葉の定義やソフトの使い方から始めてしまうとややこしくなるので、 今回はあくまでも「とりあえず見た目をキレイにする」ということに重点を置いて説明します。 記事内で
文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vim-users.jp - Hack #96: あらゆる言語に対してキーワードの補完を有効にする
Foxtrot Uniform
高トラフィックサイトをRailsで構築するためのTips基礎編
１０万円で一人暮らし
Oops... sorry. This site is optimized to Safari | NIPPON COLORS - 日本の伝統色