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

Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ Apple は HTML 5 に賭けているのか： ウェブの歴史 [Page 2] よ

コンテンツは現場にあふれている。会議室で話し合うより職人を呼べ。営業マンと話をさせろ。Web 2.0だ、CGMだ、Ajaxだと騒いでいるのは「インターネット業界」だけ。中小企業の「商売用」ホームページにはそれ以前にもっともっと大切なものがある。企業ホームページの最初の一歩がわからずにボタンを掛け違えているWeb担当者に心得を授ける実践現場主義コラム。 宮脇 睦（有限会社アズモード） Web屋さんにとってもっとも必要な能力は何かと問われれば「営業力」と即答します。商売なら稼ぎ、儲からなければ意味がありません。残念ながら技術だけではパンは食えず、金を生まない作品ではお菓子も買えません。そしてWeb（ホームページ）を作るうえでもっとも大切な能力はと尋ねられれば、「文章力」とこれまた即答します。 何冊も本を出している「作家」さんのメルマガが支離滅裂で、ブログが独りよがりであることは珍しくありません

iOS 4のSDKで、Twitterを使ったiPhoneアプリを作る：SDKで始めるiPad/iPhoneアプリ開発の勘所（4）（1/4 ページ） 初めてiPhone／iPadアプリ開発に挑戦する人が、迷わず短時間でアプリを作れるように、数多くの情報の中から要点をグっと絞った開発の勘所を紹介する入門連載です 連載第3回「iPhone／iPadアプリ作成の仕上げ・国際化・デバッグ」では、完成したアプリの仕上げ作業や、開発時のデバッグ方法などを紹介しました。これまでの連載で、アプリ開発の基礎については一通り解説しました。今回からは、開発環境をiOS 4のSDKに更新し、さらにさまざまな機能の実装について紹介していきたいと思います。 今回は、Twitterアプリの作成を通し、Webサービスと連携したiPhone／iPadアプリの作成方法について解説します。 サンプルTwitterクライアントの概

「セッション1：企画編」ランキングトップをとるために「本気」の勝負を！ 同セミナーは、「iPhoneで勝負!! 企画編」「iPhoneで勝負!! プロモーション編」「iPhoneで勝負!! 開発・製作編」という3つのセッションに分けて行われた。通常、開発者向けのセミナーというと、設計やプログラミングの話が中心になりがちだが、宮川氏は同セミナーの講師を引き受けるに当たり、まずは企画とプロモーションの話をする必要性を強く感じたという。 「今回お話しするプレゼンテーションには『iPhoneで勝負!!』というタイトルを付けたが、勝負するということは、ビジネスとしての勝算を立てるということ。事前にセミナー参加者を対象に行ったアンケートでも、『どうしたら売れるのか？』という質問が一番多かった。従って、まずは『どういう戦略を立てれば勝算が立つのか？』という所から話す必要があると思った」（宮川氏） 現在、

ease系のJavaScriptプラグインで気持ちいい動きを演出 1ページの中に複数のページ要素を配置し、ページ内リンクで移動するタイプのサイトを目にするようになってきました。たとえば2007年度のグッドデザイン賞　コミュニケーションデザイン部門を受賞した石川県の温泉「多田屋」のサイトは、Flashを使い、1枚の大きな絵の中をスクロールして移動するUIとなっています。 図1　石川県の温泉「多田屋」のサイト 最近では、Flashではなく、JavaScriptを使って静的なページの中を遷移するタイプのサイトも見かけるようになりました。たとえば「Pline Studios of Architecture」はとても美しいUIとなっています。 図2　JavaScriptでページ内を移動する「Pline Studios of Architecture」 実装にはMITライセンスのscrollto.js

HTML5とともにW3Cで標準化が進められているDOM APIの1つに「Web Storage」があります。Web StorageはCookieと同様にローカルディスク上にデータを保存する機能で、Cookieに比べて「有効期限がない」「データサイズの制限がない」といった特徴があります。ローカル上に永続的にデータを保存できるので、フォームの入力内容の保存やゲームのプレイ履歴の記録、各種サービスの状態保存など、などさまざまな用途に利用できます。 Web Storageにはローカルストレージとセッションストレージがあり、永続的にデータを保存する場合はローカルストレージを、ブラウザーを開いている間の一時的な保存であればセッションストレージを使います。ローカルストレージ、セッションストレージとも同じメソッドを持ち、記述方法に違いはありません。 今回のJavaScriptラボは、HTMLフォームに入力

ポートフォリオのためのwordpressテーマ集「75+ Awesome Free and Premium Portfolio Themes for WordPress」 WEBを制作する一つの目的として、自分自身のサービスや作品を世の中に発表するという用途も多いと思いますが、今回紹介するの世界中で利用されているCMS、wordpressで利用できるポートフォリオのためのwordpressテーマを集めたエントリー「75+ Awesome Free and Premium Portfolio Themes for WordPress」です。 WPFolio 全部で75の無料、有料のテーマが紹介されていますが、今日はその中でもデザイン性が高いものを中心にいくつかピックアップして紹介したいと思います。 詳しくは以下 ■Web Studio(32ドル) ワイド感のあるwordpressテーマ。グリ

フリーフォントのまとめなんて腐るほどありますが、大抵 商用不可 再配布不可 収録文字数が少ない 変わったデザインのフォント のどれかに当てはまり、ベーシックで何も考えず使えるフォントって少なかったりします。 そこで、 フツーな形をしている 第二水準ぐらいの漢字を収録 スライドや商用印刷に使っても恥ずかしくないハイクオリティ なフォントをまとめてみました モトヤLマルベリ3等幅 https://android.git.kernel.org/?p=platform/frameworks/base.git;a=commit;h=4234d40eae54ad9126fbc4b61cbbe8dc78d282bc モトヤのマルベリの軽量版が Android に提供されることになりました。 Android向けですがApacheライセンスで提供されるので、ライセンスに従えば商用使用・改変・再配布なんでもで

以前作ったブロック要素の高さを揃えるのに便利な「fixHeight.js」というJavaScriptを大幅に改良して、アップデートしました。 以前の細かいオプションを廃止し、高さを揃えたい要素たちの親要素に「fixHeight」というクラスを付与すれば、行ごとのグループを自動で判断して高さを揃えてくれます。 jQueryプラグインの形にしたので、$("selector").fixHeight();として呼び出すこともできます。 なお、以前のバージョンと互換性はありませんのでお気をつけください。 fixHeight.jsはSimpleLibのプラグインとしても提供しています。SimpleLibの他のエフェクトやプラグインなどと併用する場合は、SimpleLibに同梱されているものをご利用ください。 http://lab.starryworks.jp/js/simplelib/ ダウンロード

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

2010年9月にはてなの最高技術責任者（CTO）に就任した田中慎司です。はてなの技術全般を見ていく仕事をしています。現在の筆者が注目する技術の一つがクラウドで、はてなのサービスでも利用を始めています。クラウドの技術というと、アプリケーションの実行環境が取り上げられがちです。筆者も2010年3月にセミナーで講演したり、クラウドについてのエントリーを書いたりしました。今回は、クラウドの利用で見逃せないもう一つの部分、クラウドのストレージサービスを、クラウドの利用を検討するエンジニア向けに解説します。 ■ クラウドのストレージサービスとは はてなのようなWebサービスを実現するには、ざっくりいって2種類の環境を用意する必要があります。一つは、サービスを動かすためのアプリケーションを実行するサーバ環境で、もう一つがユーザからアップロードされる多数のコンテンツを保存するストレージ環境です。Micro

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

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

ヴィンテージ&レトロな雰囲気をワンクリックで加工するphotoshopアクション集「40+ Vintage and Retro Photoshop Actions」 デザインにもう一つ質感を加えるときに、一つの手として、写真を古びた雰囲気に加工して、世界観を演出したり、現実味をなくしたりしますが、今回紹介するのはそんな補正を一瞬でかなえてくれる、ヴィンテージ&レトロな雰囲気をワンクリックで加工するphotoshopアクション集「40+ Vintage and Retro Photoshop Actions」です。 photoshop actions – 139 (8 actions) ヴィンテージ、レトロといっても様々な表現があり、明るめのものから単色によったもの、色あせたものなどのアクションがまとめられています。今日はその中から幾つか紹介したいと思います。 詳しくは以下 ■Magical

InnoDB関連でよくある質問のひとつに「テーブルのメンテナンスは何をすればいいんですか？」というものがある。InnoDBはMySQL 5.5でデフォルトストレージエンジンとなるため、InnoDBのテーブルメンテナンス計画を立ようと思う機会も増えることだろう。そこで、今日はInnoDBのテーブルメンテナンスの各種方法となぜそうしなければいけないかという理由を解説しようと思う。 ANALYZE TABLEテーブルメンテナンスの代名詞といえば、インデックス統計情報の更新ではなかろうか。運用を続けるうちに、知らず知らずインデックス統計情報が狂ってしまい、思うような性能が出ない。RDBMSにはそのような問題がつきものであるが、InnoDBの場合、ANALYZE TABLEは不要である。なぜなら、InnoDBが自発的に統計情報を更新するからだ。InnoDBは以下の条件に適合すると、ANALYZE T

スマートフォンサイトのサイト設計、画面設計に続き、今回はデザインとHTML/CSSの制作です。前回作成したワイヤーフレームをもとにデザインカンプを作成し、HTML/CSSをコーディングしていきます。 Photoshopでデザインカンプを作成する 最初に、グラフィックソフトを利用してデザインカンプを作成します。今回はPhotoshop CS5を使いましたが、FireworksやIllustratorなど使い慣れたツールで構いません。 デザインにあたっては、スマートフォンのブラウザーの画面領域を定義したテンプレートを用意してからデザインパーツを作成、配置していきます。画面領域はサイズを測ってガイドを引いてもよいですが、本連載の第5回で紹介したデザインテンプレートを利用するのが手軽です。

以下の内容は、古い内容です。 新しい記事で情報を確認してください。 http://blog.madapaja.net/entry/2012/05/09/070500 選択範囲のテキストを操作するためのjQueryプラグイン jQuery.selection を書いたので、アップしました。 IE6やFireFox3.5、Google Chrome 6など主要なブラウザでチェック済みです。 ファイルはこちら http://jquery-selection.googlecode.com/svn/tags/（URLが間違っていたため訂正しました） http://code.google.com/p/jquery-selection/downloads/list (圧縮ファイル) デモはこちら jQuery.selection - jQuery Plugin DEMO 簡単な説明 bold;">$.g

食欲の秋、スポーツの秋、芸術の秋、高田の奥さん向井亜紀...。秋は短い季節ですが、気候が穏やかで過ごしやすく、さまざまなことに打ち込みやすい時期です。 読者の皆様の中で、ブログを書いている人は多いのではないでしょうか。文章を書いて稼いでいるという方もいるかもしれません。ブログの普及のおかげで、今では多くの人々が、自分の書いた文章を世界中へ発信しています。その中で、オリジナリティのある文章を書くとなると、なかなか難しいものです。 ブログに限らず、文章力はさまざまな場面で役立ちます。この秋は、書くことに打ち込んで、文章力を向上させてみませんか？ そこで今回は、文章力向上を目指す35選をお送りします。 ■テクニック ・効率的に校正するための10のコツ ・プロから教わる、良い文章を紡ぐ5つの珠玉のテクニック ・自分をガッツリ集中させるための8つのセルフマネジメント術 ・テープ起こしは、インタビュー

2013年12月25日 便利ツール 約一ヶ月前こんな感じでiPhoneを手にした私。きゃっきゃ言いながらいろんなアプリを試してみました！とりあえず無料のもののみインストールしていますが、十分満足のいくものばかりです！仕事や生活に便利なもの、くだらないものまでいろいろあるので、ぜひ試してみてください！ ↑私が10年以上利用している会計ソフト！ お仕事系 お仕事関係、特にデザイナーさん向けのアプリです。 Color Stream Color Streamをダウンロードする ※追記：現在有料アプリとなっているようです。 街角で見つけた素敵な配色をカメラで撮ってパレットを作成！もちろん画像からでなくても作れます。作成したパレットはメールで送信できます。パレットを作り溜めしておけば必要なときにサッと使えますよ！ Toggl Togglをダウンロードする タイムトラッキングのアプリ。プロジェクトやタス

2010年9月24日・25日に開催された「PHPカンファレンス2010」にあわせて、PHP開発者のRasmus Lerdorf氏が来日されました。日本を訪れるのは2度目という氏に、PHPの現状とその根底にある思想についてお話を聞きました。 現在の仕事について 大垣：昨年 Yahoo! Inc.を退職されましたね。現在はどのような仕事をされているのでしょうか？ Rasmus：WePayという起業したばかり小さな会社にいます。WePayはカリフォルニアにある、グループで支払いを行う処理を行うベンチャー会社です。 大垣：グループで支払いを行う、というのは、どういうことですか？ Rasmus：グループで何かを買いたいときに、グループとしてお金を管理したいですよね。例えば、大学で学生が集まってプレゼントを買いたいという場合があります。どんなものでも構わないですが、10人が集まって共同でオンラインショ