トレンドに振り回されない。デザインの考え方を等身大にまとめた本を書きました。
東京都でフリーランスデザイナーをしているイシジマミキのブログです。制作実績やその作り方とか。あと運営しているコワーキングスペース「こけむさズ」に関して。書評などのレビューもします。 1月29日に「スマートフォンデザインでラクするためには」という本を技術評論社さんにて書かせていただきました。 表紙カッコイイ！！！ いつも書いているブログ記事の豪華版 このブログではよく作ったアイコンやロゴ、Webサイトの製作過程を紹介しています。 なぜそれをするのかというとデザインでは「何を考え、どう決断し、どう表現したか」が大切だからです。 「スマートフォンデザインでラクするために」はその「何を考え、どう決断し、どう表現したか」をより掘り下げて232ページ、6万文字弱使って書いています。 いやー豪華ですねー。死ぬかと思った！ 画面に向かうな 「画面に向かうな」とはわたしがよく行うデザインの模索方法です。これ
Web API 設計のベストプラクティス集 "Web API Design - Crafting Interfaces that Developers Love" - フリーフォーム フリークアウト
移転しました http://please-sleep.cou929.nu/20130121.html
[話題][刑事事件] 遠隔操作事件・真犯人と称する者からのメール全文 08:28 / 2012-10-21 - 弁護士 落合洋司 （東京弁護士会） の 「日々是好日」
既に報道されているように、私に対し、上記のようなメールが、 【遠隔操作事件】私が真犯人です という件名で送られてきましたが、関心が高まっていることや、既に一部で（不完全なまま）公開されつつあることも考慮し、全文をここに公開しておきます。 なお、個人名、URL、メールアドレス等で、支障があると考えられるものは、赤字の括弧書きで差し替えてあります。 以下、全文です。 ■はじめに 現在報道されている大阪・三重の遠隔操作ウィルス事件について、私が犯人です。 このメールには犯人しか知り得ない事実、つまり「秘密の暴露」が多く含まれているので、 このメールを警察に持っていって照会してもらえば、 私が本物の犯人であることの証明になるはずです。 ■私の目的 「犯行予告で世間を騒がすこと」 「無実の人を陥れて影でほくそ笑むこと」 などではなく、 「警察・検察を嵌めてやりたかった、醜態を晒させたかった」という動
![[話題][刑事事件] 遠隔操作事件・真犯人と称する者からのメール全文 08:28 / 2012-10-21 - 弁護士 落合洋司 （東京弁護士会） の 「日々是好日」](https://cdn-ak-scissors.b.st-hatena.com/image/square/06a15c64ba0ceec233d86d71001ebb29a9dcbf5d/height=288;version=1;width=512/https%3A%2F%2Fcdn.blog.st-hatena.com%2Fimages%2Ftheme%2Fog-image-1500.png)
AjaxでもURLを更新して履歴を作れるHTML5のpushState試してみた
Posted: 2011.06.20 / Category: javascript / Tag: Ajax, HTML5 高速なWebアプリケーションを作成するにはAjaxがなくてはならないものとなりました。AjaxにはURLが更新されず、そのためブラウザの戻るも使用でません。 このような問題を解決するためにHTML5で追加されたのが「pushState」です。 pushStateを使用していないサンプル jQueryのloadメソッドを使用したコンテンツ切り替えの簡単なサンプルです。 page1.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>page1</title> <link rel="stylesheet" href="style.css"> <script type="text
pjax こそが pushState + Ajax の本命 - punitan (a.k.a. punytan) のメモ
pjaxの前にpushStateとは AjaxとjQueryの説明は不要として、pushStateとはなんぞや。 pushStateを使ってブラウザの履歴に対する操作をし、HTMLの一部のみを書き換える動作でもブラウザの戻る／進む機能を実現できる方法のひとつ。Ajaxなページを再現し、かつURLを見慣れた方法で自然にpermalinkを表現できる。 有名なところではGitHubで使われてるアレ。 hash fragment (/#!/) ブラウザの履歴を機能させるため、URL の fragment (#) を使ってAjaxなページを実現する方法。一時期もてはやされた感があるが、さらなる「#!」URL批判 - karasuyamatenguの日記 など合理的な反論があり、これから導入するのはためらわれるところ。 有名なところではTwitterで使われているあの厄介者。 pjaxとは pjax
MVCとは | MVCフレームワーク
MVCの概念 MVCの概念 オブジェクト指向としてのMVC MとVとCそれぞれの役割 MVCの概念 プログラミング手法のアプローチの一つとしてMVCと呼ばれるものがあります。 MVCとはModel・View・Controllerの略で、処理を３つの役割に分割して実装する手法です。 Modelは処理のメインロジックやデータアクセスを担当します。 Viewは処理結果として画面表示（HTML出力）を担当します。 そしてControllerはクライアントよりのリクエストを直接受け取って処理を行う、一番前面となる部分で、文字通りModelやViewを「制御」します。 イメージとしてはControllerはリクエスト情報を基にModelに処理を依頼し、 Modelはデータと連携して処理を行い、処理結果をControllerに返し、 Controllerは返ってきた処理結果データをViewに渡し、 Vi
Webフォントを利用する際に知っておくと役立ちそうなTipsとかサイトいろいろ
Webフォントに関して調べ物をしたので 個人的なメモ。少し利用頻度があがって 来たので探しやすいようにまとめておき ます。まだちょっと使い慣れてないので もう少し勉強しないとダメですね・・ スマフォ向けのリソースもあります。 というわけでWebフォントに関するメモです。以前触りだけしか書かなかったのでもう少し深く調べておこうと思い記事にしました。ので、過去の記事と結構重複します。 最低限の知識最低限かどうか分かりませんけどｗ 少し不明瞭な点もありますので間違いがあればご指摘頂けると幸いです。 ライセンスまずライセンスですが、通常、Webフォントとして利用するには当然フォントの著作者次第になります。 Webフォントとして使うにはサーバーにフォントファイルをアップロードしてcssでファイルのパスを指定して利用するので、フォントファイルが誰でも手に入れられてしまう事になります。（アイコンなんかも
Googleが正式回答したスマホサイトのSEO - ku-sukeのブログ
こちらの記事のざっくりまとめです Google Finally Takes A Clear Stance On Mobile SEO Practices Official Google Webmaster Central Blog: Recommendations for building smartphone-optimized websites （モバイル・スマホという言葉が出ますが、基本どちらもスマホを指しています。） 結論から言うとレスポンシブデザインがSEO上はオススメ あくまでSEOの観点ですが、スマホにかぎらず様々な表示領域をもつデバイスに対応するため、レスポンシブデザイン（画面幅に合わせてレイアウトが変わる奴。）が適用できるならそれが一番いいとのこと。 ※レスポンシブデザインに関しては、日本ではまだ定着していないため賛否両論があるようですが、個人的には本気でやるなら有りかな
ウノウラボ Unoh Labs: iモードブラウザ 2.0まとめ
こんばんは、五十川です。 ご存知の通り、5月以降に発売開始されたNTTドコモの携帯電話の殆どには、新しいiモードブラウザ 2.0が搭載されています。iモードブラウザの大幅な仕様の拡張はi-XHTMLの登場以来ということになりますが、iモードの登場から10年経って登場した新しいブラウザは、i-XHTMLのときよりも遥かに大きな、過去最大の変化を遂げています。 iモードブラウザ 2.0の詳細は、ドコモ公式のiモードブラウザ 2.0にまとめられています。以下では主要な変更点を確認していこうと思います。 キャッシュ容量拡大 1画面あたり読み込めるデータの最大量が、従来の100Kバイトから500Kバイトに、大幅に拡大されました。ご存知の通りiモードの場合この値は、画像などの外部リソースもすべてひっくるめた値ですが、iモードブラウザ 2.0では、新たにCSSファイルやJavaScriptファイルも外部
パワポでもここまでできる！米財務省から学べる美しい資料作りのポイント - stj064 Life Lab
Twitterで紹介されていたこの資料。 実際見てみたらホントに美しい資料だったので、どんな点がよかったのか、また自分の資料作りに生かしていけそうか、ポイントを抽出してまとめてみようと思います。 「ページタイトル」と「メッセージライン」を分ける レイアウトは以下の画像のように要素が配置されています。 特徴的なのは、「ページタイトル」と「メッセージライン」を分けていること。これは自分も前々職のコンサルティング会社時代に馴染んだ形ですが、そこから移ったあとは、この区別ができていない例をたくさん見かけました。 ページタイトルを大きなフォントで載せることはスペースの無駄使いになりますし、逆に主張したいことを小さな領域に押し込めてしまうと無視されてしまう恐れもあります。 用途にもよりますが、調査レポートなどはこうした形の方が、要点が読み手に伝わりやすいのではないかと思います。 絶対値より、変化率や差
誰でもデータを直販できるGumroad入門。クリエイターの生活は変わる？ | fladdict
Gumroadというサービスがすごい熱い！ Gumroadは誰でも簡単にデータを販売できるようにするサービス。 FacebookやTwitterのタイムラインに、GumroadにアップしたデータのURLを貼るだけで、世界中にコンテンツを販売できるみたい。（2/14日現在、日本からの過剰すぎるアクセスでGumroadが不安定です） 何ができるの？ Gumroadを使えば、たとえばイラストレーターやミュージシャンが、そのまま作品をダイレクトにタイムラインで発表して販売できます。手数料はたったの5%（正確には5%+30セント）。Appleの30%や出版社の90%に比べると驚異的なお値段です。個人のクリエイターがクレジットカード決済でデータを販売できる…というのは、なにやら仕事のスタイルそのものが変わりそうです。 さっそく実験で、写真を１枚アップロードして$2で売ってみたら10$32ほど枚売れまし
@DIME アットダイム
小学館IDにご登録いただくと限定イベントへの参加や読者プレゼントにお申し込み頂くことができます。また、定期にメールマガジンでお気に入りジャンルの最新情報をお届け致します。
デザインどや！？｜海外カジノ オンラインのWEB作成
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー＆カルーセルプラグイン、チャート＆グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
以前にちょこっと書いたSoftBank携帯のブラウザに表示されるエラー。 わかった範囲でメモメモ。... — Bigegg Lab
以前にちょこっと書いたSoftBank携帯のブラウザに表示されるエラー。 わかった範囲でメモメモ。 エラーが発生しました。しばらくたってからもう一度操作してください。(WJ40012E) ①存在しないホスト名である。 ②接続しようとしたサーバが落ちている。 ③URLに誤りがある。 エラーが発生しました。レスポンスが不正です。(WJ40102E) レスポンスのステータスコードに誤りがある。 エラーが発生しました。しばらくたってからもう一度操作してください。(WJ40103E) ①レスポンスにステータスコードが出力されていない。 ②HTTPヘッダ部とBODY部に空行がない。 ③BODY部がない場合、HTTPヘッダ部が空行で終わっていない。 ④「Set-Cookie」ヘッダのCOOKIE値が長すぎる。 エラーが発生しました。しばらくたってからもう一度操作してください。(WJ40133E) お客様
ついに判明！期限切れドメイン女の正体とは
お前らもそれなりにインターネット歴があるなら、この白人女を見た回数も一度や二度どころではないはずだ。これまで閲覧できたサイトなのにある日突然全てのコンテンツが消え、その代わりにいまいちテーマがはっきりしないリンク集に代わっている。理由はたいていドメインの期限切れだ。やるせない気持ちをあざ笑うかのように、いつも微笑むこの白人女は一体何者なのか？ 長年にわたるインターネッツの謎を解き明かすため、ニュー速検索erの一端を担うと勝手に自負している俺はgoogleのトップページを開いた。そして息を整えあるキーワードを検索した。 『 domain girl 』 Yes!! 勘は見事に的中した。画像検索結果リストの一番左には狙い通り期限切れドメイン女の笑顔のサムネイル、そしてこれを辿り画像掲載元ページである外人ブログの2008年8月25日のエントリに行き着いた。 The Most Infamous Gi
あなたのWebアプリケーションは安全か。Google製のセキュリティチェッカー·Skipfish MOONGIFT
SkipfishはSQLインジェクションをはじめWeb向けの脆弱性を発見するソフトウェア。 SkipfishはGoogle製のオープンソース・ソフトウェア。2011年になってセキュリティインシデント関係の話題が飛び交っている。特に大きいのはソニーだろう。あそこまでの規模は相当珍しいが、何も対岸の火事という訳ではない。 オプション セキュリティホールを狙うのは人間に限らない。日々クローラーがWebサイトにアクセスしてセキュリティホールを狙っているのだ。狙われる前にSkipfishを使って自主的にチェックしてみよう。 SkipfishはGoogleが開発したセキュリティチェックソフトウェアだ。ターミナルで動作するソフトウェアで、指定したURLに対してSQLインジェクションやXSSなどWebアプリケーションが狙われやすい脆弱性をついてくる。結果はHTMLベースのレポートとして出力される。 結果は
合言葉つきURLが作れるサイト「?URL」*二十歳街道まっしぐら（FC2ブログ時代）
合言葉を入力しないと転送先のURLへアクセスできないURL を生成してくれるサービスです。 たとえば、友達だけにURL先のサイトを教えてあげたい！とか言った場合に使えそうですね。 合言葉にヒントをつけることもできます。 また、合言葉の正誤回数も自動的に記録されるようです。 なかなか面白いサービス！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SEO検索エンジン最適化チュートリアル
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
クローラを作る技術と設計 (毎週のハンズオン勉強会資料)
