『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

さくら VPS を利用しはじめて最初に何をやったかというと、何はともあれ作業ログを記録（というかバージョン管理）したかったので、Git をインストールしました。 しかし、さくら VPS の標準 OS である CentOS 5.5 - 64bit のデフォルトの状態では yum リポジトリの中に Git のパッケージが入っていないため、 || yum install git ||< と単純に yum install コマンドを実行しても || No package git available. Nothing to do ||< と返されて Git をインストールできず、ひと手間加えてあげる必要があります。以下、手順をまとめてみましたので、よろしければ参考にしてください。 **（2011年6月4日 追記） 実は Git に加えて etckeeper というツールを使うと、/etc 配下を自動

TOPICS Mobile 発行年月日 2011年06月 PRINT LENGTH 320 ISBN 978-4-87311-502-3 原書 Tapworthy FORMAT PDF おもしろいiPhoneアプリのアイデアが思いついたとしてもカタチにできなければ意味がありません。ただ単にカタチにしただけでは他のアプリと差別化できません。App Storeという巨大な市場で成功するためには、洗練されたデザインと効果的なユーザビリティをもつ個性的なアプリにする必要があります。本書では初期段階の構想から磨きぬかれたインタフェースをつくり出す方法を、端的で明解な原則と豊富な例で解説します。Facebook、USA Today、Twitterrificといった秀逸なUIをもつiPhoneアプリの開発舞台裏を知り、思わずタップしたくなるアプリを作成するためにデザイン、心理、文化、人間工学、ユーザビリ

Googleは6月2日、Webを利用する際に知っておきたい基本的な知識について解説する絵本の日本語版「ブラウザやウェブについて知っておきたい20のこと」を公開した。 「IPアドレスとDNS」や「クラウドコンピューティング」「HTML5」やセキュリティなど、インターネットの基本から最新の動向まで20項目について解説している。 Chromeブラウザを開発するチームがHTML5を活用して制作。オフラインでも利用でき、ページをめくったりする感覚をブラウザ上で実現している。ソースコードは公開しており、同様のWebブックを制作することが可能だ。

なかなか手軽で自分向きだったのでメモ。 グリッドレイアウトを意識したWebサイトの 構築の際に、希望の幅を入れれば、その 幅に応じたグリッドレイアウト用のcssが 生産されます。ファイルはフレームワークの Blueprint　cssが生成されます。 手軽で自分好みだったのでメモがてらご紹介。いわゆるグリッドレイアウト用の計算機です。 幅を入れるだけで、作れるレイアウトを自動で計算してcssも出してくれます。cssはBlueprintベースのようですね。 この設定だけでＯＫ。 例えば、960pxで164～200pxくらいのカラムを10px以内の感覚で開けて並べたいという時の設定値だと3通りのレイアウトがあるようです。 条件の幅を広げれば、作れるグリッドの種類も増えます。 レイアウトが決まったら Preview & Download CSSをクリックすればプレビューとDLが可能です。 コンテン

こんにちは！ 「フォームを勝手にサブミットしてしまう」 その認識でだいたいあってます！たぶん！ そのmixiの例だと、 入力画面 → (送信1) → 確認画面 → (送信2) → 完了 ってなるわけですが、 いくら確認画面が間にあったところで、 (送信2)の部分を「勝手にサブミット」しちゃえばいいわけです。 ※ただし今のmixiや、ちゃんとしたwebサービスは送信時にトークンをつけるとかCSRF対策してるのでできません 実際の攻撃の例としては、mixiやtwitterなどの多くの人が繋がっている投稿型サイトで、 「こんにちはこんにちは！！ このリンク先すごいよ！ http://～」 のような書き込みをしておき、 そのリンク先でformやJavaScript等で「自動的に勝手にサブミット」してしまいます。 画面には何も表示されなくてもかまいません。 そしてさらに勝手に書き込む内容を 「こんに

ワールド ワイド ウェブがティム バーナーズ リー氏により考案されて、20年以上が経ちました。今日、ウェブはシンプルなページだけでなく、動画や画像をふんだんに使ったインタラクティブなコンテンツやアプリケーションで溢れています。先日公開された3 Dreams of Black のような革新的で色彩鮮やかなインタラクティブビデオがブラウザ上で体験できるのも、最新のウェブテクノロジーによるものです。 では、ブラウザやウェブの技術はどういう仕組みになっているのでしょうか。最近よく耳にする「HTML5」や「クラウド」は、具体的に何を意味するのでしょうか。そして、このウェブを安全に、また効率的に利用するには何を知っておくべきなのでしょうか。 そんな疑問に答えるため制作された、ウェブブック「ブラウザやウェブについて知っておきたい20のこと」を、本日より日本語でも提供開始しました。 この楽しくて可愛らしい

毎日20分のトレーニングであなたも天才に！ ミシガン大学の心理学者John Jonides氏の最新の研究結果によりますと、N-back課題を毎日20分やることでちょっと賢くなるそうな。N-back課題とは、連続する音やイメージを見聞きし、今聞いたものがN回前と同じなら反応する、というもの。つまり、例えば5バック課題ならば、一連の画を見続け5回前と同じ画が表示されたら反応を示す、と。これは流動的知性を試すテストで、脳が物事をどのように抽象的にイメージし、問題解決にいたるかということに関係しているそうです。この能力は30代、40代から衰えはじめます。 が、Jonides氏のリサーチで、毎日20分のN-back課題を20日間こなすことで、流動的知性能力を3ヶ月の間通常よりもアップさせることができるという結果がでました。毎日20分を20日で3ヶ月間、いつもより賢くなれるなら安いもんかもしれませんね

内閣不信任案が否決された件。私がTwitterでフォローしている人はそれなりに偏っているので、TwitterのTLだけ見ていると日本の感情世論を読み間違うこともある。例えば都知事選で石原が再選されるとは思えなかった。 でも、今回はどうやら、私のTwitterワールドの「こんな時に何やってんだか」という感情世論が当たりだったようだ。 先週日本で友人と飲んだ際にも、「まぁそれにしても、菅さんは福田や安倍みたいに投げ出さないからまだいいよね。どんなに叩かれても辞めないで頑張ってるからいいよね。」という意見が出て、私もそうだなぁと思ったところだった。 不信任案出すってことは、それを出してる人たちは「菅はダメ」というだけでなく、その続きとして「自分ならもっとうまくやる」と思ってるはずなのだけど、その「続き」の部分が信用できないというのが「民意」だったんじゃないか。 テクニカルには、「落ち着いたら辞任

「iPiccy」は写真をあらゆる手法で加工できるサービスです。 たくさんのフィルタが用意されているので、初心者の方でも十分楽しめますよ。 また、写真のサイズ調整やトリミングや回転、ぼかし、角丸なども簡単に行えます。 さらに、ペイントツールがあるのでお絵描きもできたり。 以下に使ってみた様子を載せておきます。

Skypeのプロトコルをリバースエンジニアリングしている方が、ソースなどを公開中です。Skypeのバージョンは1.x/3.x/4.xだそうです。ちなみに今は5.3。 リバースエンジニアリングできたのは全部ではなく、まだSkypeにメッセージを送るなどは実現していないそうです。特に暗号化周りのことについて触れていそうな内容です。 Skypeは通信プロトコルは公開されていないので、詳細なプロトコルはわからないようになっていましたが、このリバースエンジニアリングが進めば互換アプリなども登場しそうですね。 skype-open-source ダウンロードが劇的に遅くて内容はまだ全部見れていません…。

dynamis (でゅなみす/レッサーパンダ) @dynamitter Web開発者の皆様へ。変数名にclass, enum, export, extends, import, superを使ってないか注意してください。Firefox 5ではstrict mode外でも予約語扱いになります http://bit.ly/lInGNP

1：以下、名無しにかわりましてVIPがお送りします：2011/05/12(木) 23:20:39.52ID:ksf2FwVV0 頼むぜ 4：以下、名無しにかわりましてVIPがお送りします：2011/05/12(木) 23:23:35.50ID:ksf2FwVV0 47 ：以下、名無しにかわりましてVIPがお送りします：2009/03/17(火) 15:40:15.62 ID:W3Y1rLt+0 「ちょっとスチュワーデスさん！席を変えてちょうだい」 ヨハネスブルグ発の混んだ飛行機の中で、白人中年女性の乗客が叫んだ。 「何かありましたか？」 「あなたわからないの？黒人なんかの隣には座りたくないのよ！こんな人迷惑だわ」 女性の隣では、黒人男性が憮然とした顔で座っている。 「お客様、少々お待ち下さいませ。空いている席を確認してきます」 乗務員は足早に立ち去り、周囲の乗客はザワザワと不穏な空気。 し

こんにちはこんにちは ! ! はまちや2です！ 今日からぼくと一緒にWebプログラミングのセキュリティについて、ちょっぴり勉強してみませんか！今回はHTTPがどんなやりとりをしているのか、簡単におさらいしてみましょう！

Windows 8がどのようなOSになるのか、マイクロソフトは始めてその詳細を同社のWebサイトの記事「Previewing ‘Windows 8’」で開示し、動画でのデモンストレーションも公表しました。 Previewing ‘Windows 8’: Article by Julie Larson-Green, corporate vice president, Windows Experience. 多くのメディアでは、タイル形式の新しいタッチユーザーインターフェイスに注目していますが、Windows 8の注目すべき特徴の中の1つとして、HTML5とJavaScriptに対応することが明らかにされています。 Web-connected and Web-powered apps built using HTML5 and JavaScript that have access to th

今回は、Web制作の現場でも使えるようなユーザビリティテストの方法をご紹介します。 アクセス解析を使ったものではなく、あくまでもサイトの構造の問題点を洗い出す方法です。 そのため、それにいたる細かい基本部分についてもかなり大胆に触れてます。 試験をする前に、どのような観点からサイトを見て行く必要があるのかと言うユーザビリティの原則から、試験方法、試験の結果からの問題解決にむけて、私がこれまで行ってきている仕事の一部をご紹介します。 Webユーザビリティについて：目次 書き出したらとまらなくなりましたが、これでも結構情報削りすぎたかなぁというのはあります。 私の仕事について方法を学べばユーザビリティテストは出来る最大の原則はユーザーに考えさせない事たった一人でも試験をするほうが100倍ましになるユーザーの視点を理解する箇所法則1「長いテキストを最初からよし見ようとは思わない」法則2「長たらし

一山超えたところで、やっぱりちゃぶ台が返るあたりは茶番の極みと言ったところでありますが、途中途中で聞きかじる報道の中身から予想された、数々のろくでもない未来のオプションの中でも一番無難なところに落ち着いたということで、さてさてといったところであります。 結局、小沢さんの乾坤一擲の大勝負を根底から覆したというよりコケにした形となる鳩山さんとは何だったのか、ついつい思いを馳せてしまうところですけど、帰宅して目に入った第一報はこれでありました。 菅首相、周辺に「辞めるつもりはない」　代議士会発言は辞任表明ではないとの認識 http://www.fnn-news.com/news/headlines/articles/CONN00200711.html はい、どういう形であれ乗り切ったのだし、「目途がついたら辞める」ということで具体的な辞任日程については言質を与えていないわけですから、辞めるつもり