第四回 SwiftBreakout - Swiftを使ったブロック崩し Swiftを使ったゲームアプリネタが続きます。カジュアルゲームはスマートフォンアプリが得意とするところであり、見た目のインパクトもあるので今後さらに増えていくんじゃないかと思います。この辺りはデ...

The domain has expired and may be available at auction. If this is your domain, you can still renew it. Register or transfer domains to Dynadot.com to save more and build your website for free! nanasen.com 2023 著作権. 不許複製 プライバシーポリシー

WordPressには世界中の開発者が制作した機能を自由に組み込むことができる「プラグイン」が存在します。プラグインを上手く活用することが、WordPressの魅力を最大限に引き出すポイントです。 そこで今回は、私がWordPressで様々な種類のWebサイトを制作してきた経験から、役立つプラグインを厳選してご紹介します。いずれも無料でも使用できるので、ぜひ活用してみてください。 WordPressプラグインとは WordPressプラグインとは、WordPressの機能を拡張させるための仕組み（ツール、モジュール、パーツのようなもの）です。 WordPressの本体は、ユーザーの様々なニーズに柔軟に対応できるように基本的でコアな部分のみで設計されています。WordPressプラグインを使うことで、ニーズに合わせた様々な機能を持ったサイトを構築することができます。 参考：WordPress

デザイナーのありさんです。 LIGが運営しているWebクリエイタースクール「デジタルハリウッドSTUDIO by LIG」で、授業の講師を担当することがあります。今回は、デザインを勉強している受講生さんに個人的におすすめしているデザインの勉強に役立つ本を25冊ご紹介します！ 同じジャンルの本を1冊ではなく何冊も読むと、同じことをいろいろな切り口で説明してもらえている気がして理解が深まります。なのでいつも本はいっぱい買っちゃう派です（笑）。そのなかでも初級〜中級者の方向けにおすすめの本をピックアップしています。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめ

新規JekyllプロジェクトにBourbon, Neat, Bittersをインストールして作業したら、とても快適だった。 Bitters helps designers start projects faster by defining a basic set of Sass variables, default element style and project structure. – Bitters という説明の通り、新規プロジェクトがスタートダッシュできる感覚。最初からやりたいことに集中できる。 Bootstrapではスタートダッシュできるけど使い捨てのコードになりがち。ところが、Bittersのコードは長期的なメンテナンスにも耐えうる（はずだと筆者は判断している）。 コンテンツファースト アクセシビリティファースト モバイルファースト インブラウザーデザイン といった考え方や手

TBS買収には1000億円以上を費やした 三木谷浩史氏（以下、三木谷）：時に、社運を賭けた勝負に出るというのが必要だと思うんですよ。それが例えば今の話で言えばiモードがAndroidに乗り換えるとか。どうなるかわからないけれども出るとか。あるいは、ソニーが久夛良木さんを社長にするとか、まじめな話。それは相当なリスクなんですけれども。 （会場笑） リスクをとらなかったがためにこうなっちゃったわけなんですよね。 米倉誠一郎氏（以下、米倉）：両方ともね。本当にそうだね。 三木谷：だからその失敗力というのはそういうふうな意味をも考えてほしいなと。 米倉：うん。なるほど。偉そうなことを言っていますけれどもね。後輩だからね。 三木谷：（笑）。そうですね。 米倉：お前、なんだ？　TBSは。どういうことなんだよ。はっきりしてもらおうじゃないかと。あれでいくらすったんだと。 三木谷：あれね、ちょっと言えませ

横田です。今年も『このコンピュータ書がすごい！ 2015年』に参加してきました。去年の「このコンピューター書がすごい2014年。」でも会場は一杯でしたが、今年も会場は満員でした。 この「このコンピューター書がすごい」は、その年に売れた「コンピュータ書」を紹介していくもの。今回も高橋メソッドでお馴染みの高橋さんが、その月に売れたコンピュータ書と（ランク外ではありますが）それに関連するコンピュータ書を紹介するイベントになっていました。 会場では、月ごとに「売れたコンピュータ書」を紹介したのですが、今回のエントリは会場内で発表された「年間の総合ランキング」を中心に解説していきたいと思います。

CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 また、IEが対応しきれていないCSS3のセレクタもありますが、IE6～8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」 で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル

久しぶりにWebサイトのfaviconを変えようと思い、調べてみると、必要なfaviconが大幅に増えていることがわかりました。 その数、何と21個！ そんなに増えていたとは。 一応、以下にリストアップしてみます。 faviconのリスト favicon.ico: IE用 favicon-16x16.png: タブ表示用 favicon-32x32.png: Mac版Safari用 favicon-96x96.png: Google TV用 favicon-160x160.png: Opera 12 までのスピード・ダイアル用 favicon-196x196.png: Android版Chrome用 mstile-70x70.png: Windows 8 用 mstile-144x144.png mstile-150x150.png mstile-310x310.png mstile-31

こんにちは、デザイナーのサリーです。 LIGが運営するシェアオフィス「いいオフィス」では連日イベントが行われており、お客様からイベントに関するお問い合わせも多く頂くようになりました。 そこで、いいオフィスサイトにイベントカレンダーを表示しよう！ということに。 しかし、Googleカレンダーのデザインが、サイトのデザインに合わなかったんです(´･_･`) Googleカレンダーは2011年に新しいデザインになりましたが、埋め込むときは青い枠のついた旧デザインしか選べません。あまり時間もかけられないし、難しいことはせずCSSだけ上書きしたい……。 何かいい方法はないかググってみたところ、「gcalendar-wrapper.php」というスクリプトを見つけたので使ってみたら、まさに求めていた挙動を実現できました！ 今回は、gcalendar-wrapper.phpの使い方についてご紹介します。

脱初心者のために これだけは知っておきたい JavaScriptネタ Tsuyoshi Akase 福岡Haxe勉強会 feat. HTML5+α @福岡 第0x00回

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

昨今のウェブサービスといえば、もはやスマートフォンとの連携が当たり前になりつつあり、それらに対応できない過去のウェブサービスは次々と淘汰されつつある。本連載「ウェブサービスレビュー」で紹介しているサービスも「スマホ以前」にローンチされた数年前のサービスとなると、消滅している割合がぐんと跳ね上がるのが実情だ。 もっとも、サービスの存続を決めるのはやはり使い勝手であり、たとえスマホ対応が実現していないサービスでも、使い勝手が良好なサービスは、しっかりとユーザーを取り込んで継続している印象だ。良いものが残り、そうでないものが姿を消すという状況は、ユーザーの側からすると、むしろ選びやすくなっているわけで、決して悪いことではない。 今回は、2014年に本連載で紹介したサービスのうち、反響が大きかったものを中心に、計10個のサービスを独断と偏見でセレクトして紹介する。2014年に新たに立ち上がったサー

Webデザインは常に進化しており、活気にあふれている世界です。現在のWebデザインの状況を確認しながら、2015年の予測されるトレンドを紹介します。 Webデザイナー・ディレクターだけでなく、Web制作に携わる人は知っておいて損はないキーワードばかりです。 Web Design Trends That Will Rule 2015 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 高品質なストックフォト 単色の背景 動画を使った背景 面白いナビゲーション カード・タイル型レイアウト 固定配置のブロック パララックスは繊細に いかにスクロールしてもらえるか 今までとは違うイラストの使い方 ビッグデータ・グラフ プロダクトファースト フラットデザインは成長し続けている モバイルファースト 人間的な温かみのあるデザイン UXのちょっとした工夫

This Book is written in Japanese. Webサイト制作の時流に乗り遅れないために、覚えておきたい開発環境の作り方 ※本書は、Leanpubスタイルで完成した章からデータを随時公開する形を取っております。2015年2月1日現在、Chapter 07の内容までが収録されている状態です。未収録の内容については準備ができ次第公開されます（2015年2月第1週に完成予定）。 ※データ更新のお知らせはGumroadのメールでおこなっております。メールアドレスの登録の際はお間違えになりませんようお願いいたします。 【重要】本書は昨今のWeb制作環境の時流や欧米の類書に習う形で、Mac OS XにおけるWeb制作環境構築を解説しています（Yosemiteにて検証）。Windows環境については、シェルやRuby、Node.js、Vagrantなどの環境さえ用意できればその多く

Pantoneが2015年セレクションしたカラーは、紫みの赤と茶を合わせた「Marsala（マルサラ）」。好みがはっきり分かれそうなカラーですね。 今回はダウンロード素材として、Marsalaを含む2015年 春のトレンドカラー16色をPhotoshop用のスウォッチにして用意しました。 Pantone Color of the Year PANTONE 18-1438 Marsala Marsala（マルサラ）はイタリアのシチリア島西海岸に位置する港湾都市で、有名なのがマルサラワインです。その美しいワインレッドを表現したのが「18-1438 Marsala」だと思われます。ワインは長い時間をかけてじっくり熟成され、深い味わいが生まれます。重厚感があり、表情が非常に豊かなカラーで、その色味は成熟した深みのある雰囲気を演出します。 光沢を加えると艶やかになり、マットにするとオブジェクトの本質

毎年恒例となった「Mashup Awards」の決勝戦と授賞式が、2014年11月19日に渋谷ヒカリエホールで開催された。ファイナリスト15組によって行われた最終プレゼンの様子と、受賞作品を紹介する。 世に存在するさまざまなAPIや技術を、バラエティに富んだ「アイデア」で組み上げ、これまでにない新たなサービスや作品を生み出していく「Mashup Awards」。10回目の開催となる今年は、「Mashup Awards 10（MA10）」として、2014年8月にスタート。最終的に359作品の応募があったという。これらの中から「優秀賞」「最優秀賞」を選出する「Mashup Battle Final Stage」が11月19日、東京渋谷のヒカリエホールで開催された。 会場では、最終選考に残った15組のファイナリストが、各5分の持ち時間の中でプレゼンテーションを実施。その後、会場観覧者による電話投

ちょっと趣向を変えてJavaScriptの情報をどうやって集めているかという話を書きたいと思います。 使っているもの Twitter RSS(feedly) Pocket はてブ TwitterはただフォローしてTL見ていたり検索してたまに見ているだけでリストを作ったりはしてなくて暇な時に見ている感じです。 RSSはこれから紹介するようなサイトとかこの人のブログ面白い！というものだけを登録しています。未読が100件増えると消化する気がどんどんなくなっていくので...。 PocketはTwitter、RSSで気になったものを後で読むためにとりあえず突っ込むのに使っています。 こうすることでRSSはすぐに終わるので、その後で時間があればPocketで読みます。 Pocketに溜まった記事はちょっとした合間に読んだりしていて、たまにまとめて読んだりして消化しています。 今見ると20件くらいあるの