webサイトやスマホアプリなどの色の決め方について。 60-30-10Ruleの話。 Kulerで色の基本について説明。 こんなふうにアクセントの色が決められるよね、っていうスライドです。 ----- 以前に社内LTで行ったスライドの改変です。
webサイトやスマホアプリなどの色の決め方について。 60-30-10Ruleの話。 Kulerで色の基本について説明。 こんなふうにアクセントの色が決められるよね、っていうスライドです。 ----- 以前に社内LTで行ったスライドの改変です。
Mibew MessengerはWebサイトの訪問者をサポートするオンラインチャットシステム。 Mibew MessengerはPHP製のオープンソース・ソフトウェア。普通のショップでは困ったことがあった時に聞ける店員さんがいる。対してECショップでは24時間いつでも買えるということ、デジタルであるということもあって、店員さんの存在を感じることはない。 チャット画面 ECショップにSkypeボタンがあっても使うことはなさそうだが、いつでもショップの人に話しかけられる環境があると購入率が高まる可能性があるだろうか。そんな挑戦をしたいならば使ってみたいのがMibew Messengerだ。 Mibew Messengerはオンラインライブサポートソフトウェアだ。簡単に言えばWebチャットソフトウェアだが、匿名のユーザと管理者側とで対話できるのが特徴だ。対話は一対一でされるが、管理は複数人で行え
MobilizerはBlackberry/iPhone/webOS/Androidのスマートフォンを模した最適化サイトチェックツール。 MobilizerはAdobe AIR製、Windows/Mac OSX用のフリーウェア。現在のスマートフォン市場ではAndroid、iPhone、RIMの三強になりつつある。さらにWindows PhoneやwebOSといったデバイスも参入し、チャンスを狙っている。まだまだ荒れそうな雰囲気はある。 起動した画面 さらにインターネットアクセスはデスクトップよりもモバイルのトラフィックが勝っている。これはスマートフォンへの対応をしない訳にはいかないだろう。そこでスマートフォンでのWebサイトの最適化具合をチェックできるMobilizerを紹介しよう。 Mobilizerを起動するとアドレスバーが表示される。そしてその横にはPhonesというリンクがある。ここ
SkipfishはSQLインジェクションをはじめWeb向けの脆弱性を発見するソフトウェア。 SkipfishはGoogle製のオープンソース・ソフトウェア。2011年になってセキュリティインシデント関係の話題が飛び交っている。特に大きいのはソニーだろう。あそこまでの規模は相当珍しいが、何も対岸の火事という訳ではない。 オプション セキュリティホールを狙うのは人間に限らない。日々クローラーがWebサイトにアクセスしてセキュリティホールを狙っているのだ。狙われる前にSkipfishを使って自主的にチェックしてみよう。 SkipfishはGoogleが開発したセキュリティチェックソフトウェアだ。ターミナルで動作するソフトウェアで、指定したURLに対してSQLインジェクションやXSSなどWebアプリケーションが狙われやすい脆弱性をついてくる。結果はHTMLベースのレポートとして出力される。 結果は
Phantom Limbは実際の指画像を使ってスマートフォン向けのタッチイベントをテストできるJavaScriptライブラリ。 Phantom LimbはJavaScript製のフリーウェア(ソースコードは公開されている)。スマートフォン向けのWebサイトを作るならば、やはりスマートフォン特有の機能を使ってみたいと思うはずだ。しかし問題は実装した後のテストになるだろう。 デモのイベント 特にタッチイベントはデスクトップとスマートフォンで動作が大きく変わる部分になるだけにテストしずらい。そこで使ってみたいのがPhantom Limbだ。 Phantom Limbを表示すると巨大な指が表示される。これはマウスカーソルと同じ動作になる。そしてクリックしたりするとそれがタッチイベントとして認識される。マウスを動かすと指の角度が変わるという、微妙なこだわりも面白い。 デモのメトロノームアプリ デモで
ユーザビリティの改善や検索エンジン対策としてウェブページの読み込みスピードの高速化は非常に重要です。ということで、ページの読み込みスピード向上のために役立つサイトをまとめてみます。 ページ読込速度の重要性 次の事例にあるように、ユーザーは表示速度に敏感です。 Googleによるとページの読み込みが0.5秒遅くなると、検索数が20%減少する Amazonによるとページの読み込みが0.1秒遅くなると、売り上げが1%減少する そして、Googleのアルゴリズムにウェブページの読み込み速度が追加されて以降、サイトの高速化への注目度は高まっています。 Google、ウェブページの読み込み速度をアルゴリズムに取り入れたことを発表 | 海外SEO情報ブログ Googleがついに順位決定に表示速度を使い始めた(公式発表) | Web担当者Forum Google、検索順位にページ読込速度の考慮を開始 [詳
私がwebサイトのラフを作る時の流れを書いてみました。 独学で身に付けた方法であり、 一般的な方法ではないかも知れないことを予め断っておきます。 私にはやりやすい方法ですが、 他の人にとってはそうではないかもしれません… 本エントリーはラフデザインのみ注力するため、既にコンセプト、ターゲット、サイト構成などは決まった状態と仮定します。 (※本文中のショートカットキーは全てMacの場合です) 希望デザインのヒアリング ※委託業務の場合です どんなデザインが希望かを先方にヒアリングします。 この時にできるだけ、クライアントのイメージを明確にするため 抽象的でも良いので沢山言葉を貰います。 明るい、可愛い、ポップ、カッコいい、シンプル、落ち着いた…etc 具体的にデザイン参考にしたいサイトがあるのなら聞いておきます。 また頂いた言葉と自分のイメージのギャップを埋めておきます。 ”シンプル”と言う
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー&カルーセルプラグイン、チャート&グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
BigtableをjQueryで操作できる「gaedirect」とは:クラウドとgaedirectでできる緊急対応マッシュアップ(1)(1/3 ページ) 緊急時の“クラウド”の有用性 このたびの東日本大震災で被災された皆さま、ご家族ならびに関係者の皆さまに、心からお見舞いを申し上げます。今回の大震災では、多くのWebサイトでアクセス不能状態が発生したのは、記憶に新しいところです。緊急時こそ、必要な情報を入手するために多くの人がWebサイトにアクセスするわけですが、このような切実に情報が必要とされるときに限って、トラフィック増大によるアクセス不能が発生してしまう状況が多々見られました。 しかし、このような緊急時対応サイトをGoogle App Engine(以後、GAE)などによってクラウド化しておけば、このような問題は解決できたといえます。クラウドを使用すれば、ユーザーアクセスが急激に増加
ChocolateChip-UIはHTML5製のスマートフォン最適化サイト用フレームワーク。 ChocolateChip-UIはHTML5製スマートフォン用のオープンソース・ソフトウェア。スマートフォンはこれまでのデスクトップ型に比べると圧倒的に画面サイズが小さい。そのためWebサイトのデザインを行う上で注意すべきことが色々ある。またiOS風にデザインするのも難しい。 リスト そのためデザインテンプレートを使うのが一般的になっている。Webデザインだけを提供するもの、jQuery Mobileのように統合的に提供するものなど色々あるが、ChocolateChip-UIは後者に属するスマートフォンWebサイト向けフレームワークだ。 ボタン ChocolateChip-UIで提供されるのはテーブルビュー、アコーディオンビュー、ナビゲーションバー、リスト、各種ボタン、ポップアップ、スライダーなど
PeityはjQueryでSparklineグラフ(円、棒、折れ線)を描くJavaScriptライブラリ。 PeityはjQuery/JavaScript製のオープンソース・ソフトウェア。Webサイトはテキストコンテンツが多い。一覧表などはテーブルタグを使えば簡単に実現できるが、それをグラフ化しようと思うと面倒に感じてしまうからだろう。 円グラフ だがライブラリを使えば容易に実現できる可能性がある。Canvasタグを使ってSparkline系グラフを描くライブラリがPeityだ。 Sparklineとは一行程度の小さなグラフで、縦軸横軸の説明は行わない。そのような説明がなくとも十分理解できるグラフについて使われる。ごく小さいので文章中に埋め込むのも容易だ。Peityでは円グラフ、折れ線グラフ、棒グラフの三種類を描くことができる。 折れ線グラフ タグの中に埋め込まれた文字を使ってグラフにして
インスピレーションを向上させたい 時に僕が見てまわるWebサイトを ご紹介。というか基本的に殆ど閃く 事は皆無に等しいレベルでナンセ ンスな人間なのでドーピング的に 綺麗なものを見るようにしています。 というわけで、発想力の有る方には全く役に立たないエントリーです。個人的には勉強を兼ねたWebデザイン、フォトグラフィのためのインスピレーション向上が目的ですが、「発想力を上げる」というのは様々な業種の方にも通ずるものがあるのではないかと思っています。 パッと見、一貫性の無いまとめですが、どのサイトからもアイデアを貰ったことがあるのでそういったWebサイト集になります。順不同。 Dribbble 世界中のデザイナーの作品が見れるサイトです。新しく作ったコンテンツを公開してくれます。色やカテゴリで探せますが、どれも素敵なのでダラダラ見てるのも楽しいです。 Dribbble We heart it
オープンソースの分散バージョン管理システム「Monotone」の開発チームは3月26日、初の正式版となる「Monotone 1.0」をリリースした。プロジェクトのWebサイトよりダウンロードできる。 Monotoneはフリーの分散バージョン管理システム。単一のファイルによるシンプルなリポジトリを提供、リポジトリデータはSQLiteで管理する。国際化の対応、ファイルのリビジョン管理とユーザー認証での暗号利用などの特徴を持つ。WindowsおよびMac OS X、Linuxなどで利用できる。 Monotone 1.0では多数のバグが修正され、安定性が強化された。新機能として、特定のデータベースに既知のワークスペースすべてを出力するコマンドが加わっている。 なお、Monotone 1.0ではデータベーススキームが変更されている。旧バージョンを利用していたユーザーがアップデートを行う場合、ローカル
はじめに 前回は、Catalystのプラグイン/モジュールとして、JSONやXMLでレスポンスを返すためのモジュールなどを紹介しました。本記事では前回に引き続き、Webサイト構築をする上で必要となるセッション管理とユーザ認証に関連するプラグインを紹介します。 また、最後に昨年あたりから話題になっているPSGI/Plackについても、簡単ではありますが紹介していきます。 対象読者 Perlで簡単なスクリプトを作成したことのある方 Webアプリケーションの基本的な仕組み(HTTPリクエスト、レスポンスなど)についての知識のある方 必要な環境 本連載で紹介するサンプルなどで実行している環境は次のとおりです。 CentOS 5.3 Perl 5.8.9 Catalyst 5.80029 また、動作確認を行ったWindowsの環境は次のとおりです。 Windows Vista ActivePerl
フリーミアム万歳!Azure無料化で誰でもタダでWindowsServerをクラウドに持てる時代がやってきた クラウドをタダで使うための方法を2つご紹介したい。 最近めっきりネットおよび各種イベント講演での露出が減りつつあるいさごではあるのだが、 サボっているわけではない。戦局を大きく変えるZ計画を水面下で遂行している。 Z計画:エゥーゴがアナハイムエレクトロニクスと進めた高性能モビルスーツ開発計画。 その成果については今後の発表をお待ちいただきたいのだが、 早速Azureをタダで使う方法その1:特別導入プランの刷新からご紹介しよう。 Azureを利用するためのアカウントを新規に作成する場合に選択可能な0円メニュー、 Windows Azure Platform 特別導入プランの無償枠が変更された。 従来からあったものだが、変更点をかいつまんでいうならば、 XSインスタンスを750時間/月
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く