タグ

ブックマーク / ascii.jp (6)

  • さらば自社サーバールーム!pixiv、白河データセンターに移る (1/2)

    900万を超えるユーザー数を抱え、日を代表するイラスト投稿SNSに育った「pixiv(ピクシブ)」。長らくサービスを社屋の自作サーバーとIDCフロンティアの新宿データセンターで運用していたpixivのインフラを、新たに白河データセンターにまで拡げた背景をピクシブの方々に聞いた。 開始1週間後にサーバーを落とす イラスト投稿に特化したユニークなSNSであるpixivは、イラスト好きなプログラマーである上谷隆宏氏の思いから生まれた。ピクシブ 代表取締役社長の片桐孝憲氏は、「上谷が、イラストを描いている人同士が気軽に交流できるSNSとギャラリーを混ぜたようなサービスを作りたいと話していた。正直、特定のユーザーに特化したSNSでうまくいっている事例を知らなかったので、特定の分野に限定したものはあまり受けないと思っていたが、pixivという名前はカッコイイと思った(笑)」と振り返る。 こうして生ま

    さらば自社サーバールーム!pixiv、白河データセンターに移る (1/2)
  • 総額200万円! 映像制作プロの業務用PC自作を手伝う (1/5)

    ゴールデンウィークが迫るなか、友人から「作業用のごっついPCを自作するから取材してみない?」と連絡あった。 その友人は映像制作を行なっており、名前を岡田太一という。深夜のアニメフィーバータイムで流れるCMや大人の事情でいえないけど、みんな見たことがありそうな映像に多々関わっている。代表的なものは、Google Chrome: Hatsune Miku (初音ミク)。これはASCII.jp読者ならば多くが見ているものだろう。 上の映像が「Google Chrome: Hatsune Miku (初音ミク)」のTV CM。公開日に岡田氏とお酒を飲んでいたところ「ようやくいえるぞーこれやってたんだよー!」と言われた。なお筆者、このとき岡田氏が映像の仕事してると初めて知った。元は同人誌方面での出会いであった。というか、このときまではTwitterで女体の神秘について語り合う間柄だったわけだが……。

    総額200万円! 映像制作プロの業務用PC自作を手伝う (1/5)
  • レスポンシブWebデザインとは (1/5)

    スマートフォンやタブレット、PCなどあらゆるデバイスに対応する制作手法として注目されている「レスポンシブWebデザイン」。レスポンシブWebデザインの概念からサイト制作の基まで、レスポンシブWebデザインによる制作案件を数多くこなす菊池 崇氏が解説します。(編集部) 連載で紹介したレスポンシブWebデザインの基礎に加えて、画像や動画のレスポンシブ対応、パフォーマンス改善といった商用サイト構築のノウハウを大幅に加筆。さらに、解像度に依存しないレスポンシブWebデザインの考え方やスマートテレビ対応などの応用テクも盛り込みました。 レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック 定価:2,625円 (体2,500円)/形態:B5変 (232ページ) ISBN:978-4-04-886323-0 レスポンシブWebデザイン(Responsive Web Design)

    レスポンシブWebデザインとは (1/5)
  • jQuery Mobileを使った国内スマホサイトまとめ (1/3)

    jQuery Mobileの採用が国内でも進んでいる。jQuery Mobileは、iPhone/AndroidWindowsPhoneやBlackBerryなど、主要なスマートフォンに対応したUIフレームワーク。HTMLに簡単な記述を追加するだけで、スマートフォンに最適化したサイトやWebアプリケーションを制作できる、注目のフレームワークだ。 昨年11月には、待望の「jQuery Mobile 1.0」正式版がリリースされ、実務でも格的に利用しやすくなった。今後、ますます増えそうなjQuery Mobileを使ったスマートフォンサイトの事例をチェックしておこう。 ※商品紹介/キャンペーンサイトに、「太鼓の達人学園(太鼓の達人×AKB48キャンペーンサイト)」を追加しました。(2012年3月1日16時更新) ※ネットサービスに、「一休.com」「recbike」を追加しました。(201

    jQuery Mobileを使った国内スマホサイトまとめ (1/3)
  • CSSの記述が3倍速くなる「LESS」の使い方 (1/2)

    2012年02月09日 13時58分更新 文●斉藤祐也/<a href="http://css.studiomohawk.com/">CSS Radar</a> 最近のWebサイトは大規模傾向にあり、Webアプリケーションを構築する機会も増えてきました。jQueryやMooToolsなど、JavaScriptを手軽に利用できるようにするライブラリーが普及する一方、Webサイトの表示を担うCSSにも、「Blueprint」や「960 Grid System」に代表されるフレームワークが登場しています。 「LESS」や「Sass」のようなCSS拡張メタ言語は、こうしたフレームワークとは異なり、CSSの言語自体を拡張し、CSSには存在しない機能を追加するものです。CSS拡張メタ言語を利用することで、変数、ミックスイン、入れ子ルール、名前空間、四則演算、関数などの動的な処理をCSSに追加でき、CS

    CSSの記述が3倍速くなる「LESS」の使い方 (1/2)
  • ここが変わった!HTML5マークアップ入門 (1/6)

    ローソン無印良品テレビ朝日など、国内でもHTML5で企業サイトを制作する事例が増えてきました。今すぐではないにせよ、「次のリニューアルはHTML5で制作したい」と考えるWeb制作者も少なくないでしょう。連載では、「XHTML 1.0/HTML 4.01からの移行」をテーマに、HTML5マークアップの基から実務で使用するポイントまで、ライブドアのマークアップエンジニア 浜 俊太朗さんが解説します。(編集部) 「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー&デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価:2,808円 (

    ここが変わった!HTML5マークアップ入門 (1/6)
  • 1