2015年のゲームUI/UXを振り返る | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2015/12/08 114 users 覚悟 Blog ゲームUI ゲーム マークアップ

なので、業界関係者からは刺される覚悟で「UI/UX」という括りで今回は今年のゲームを振り返ってみたいと思います。 続きを読む

ゼロから始める！tumblrカスタマイズ超入門！ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2014/10/08 183 users Blog マークアップ デザイン

こんにちは！はじめまして！ カヤックHTMLファイ部に来年度新卒で入社予定のもときです。 現在はインターンとしてカヤックに来ています。 今回はtumblrについての記事です。 tumblrに関する記事はググればいくらでも出てきますが、 このデザイナーズブログではまだ扱っていないようなので、 tumblrの魅力と、tumblrサイトのカスタマイズのはじめかたを、 僕なりに紹介してみたいと思います！ ... 続きを読む

デザイナー向け！iPhone6対応について（情報追加中！） | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2014/09/18 446 users Blog デザイナー向け マークアップ デザイン

みなのもの落ち着け！ iPhone6/6+の発売がいよいよ明日となりました！ 二年ぶりとなる画面サイズの変更に加えて@3xの台頭などもあるので、 慌てている・不安なデザイナー同志に向けて気をつける情報をまとめてみました。 画面解像度 アイコン・スクショ レイアウト対応について ひとまず気にするのはこの辺りの情報！ これを読んで、幾分かは晴れやかな気持ちで明日を迎えましょう。 それにしても時代はレス... 続きを読む

１０秒以内に、ここ１年で見てきたデザインが出せますか？「Ember」活用まとめ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2014/04/15 372 users 名刺 佐藤ねじ web すごいWEB Ember

まとめサイトでデザインを眺めてるだけで終わってませんか？ こんにちは、佐藤ねじと申します。仕事でも個人でもいろいろWEBつくってます。 最近だと個人では  今日は2011年3月10日かもしれない しゃべる名刺 すごいWEB  などを作っていました。 さて突然ですが質問です。 「１０秒以内に、あなたがここ１年で見てきた素敵なデザインが出せますか？」 このときサッとすぐ取り出せるように脳内やPCの中が... 続きを読む

Unityやるには必須！RGBA画像減色の基礎をまじめに書いてみた | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2014/02/19 144 users Blog 基礎 必須 マークアップ デザイン

Unityでのゲーム開発でも画像の軽量化がかかせません！ 軽量化は主に以下の４点の取り組みで行います。 ・画像を小さくする ・使う画像数を減らす ・画像を分割する ・変換して画像サイズを減らす ウェブや一般的なネイティブアプリ開発と同じかなと思われるかもしれませんが、 UnityではPNGやJPEGとは異なる画像方式を用います。 RGBA32bit / RGBA16bit / ARGB32 / P... 続きを読む

細かすぎて伝わらないアンチエイリアスの話 | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2014/02/04 472 users アンチエイリアス Photoshop Photos 越後 昨今

細かすぎて伝わらないアンチエイリアスの話 はじめまして、デザイナーの越後です。 webフォント全盛の昨今ですが、まだまだ文字を画像化する機会も多く 画像で文字を扱うにしても、くっきりはっきり、意図した形でデザインがしたいものです。 そこで今回は「細かすぎて伝わらないアンチエイリアス」と題して、 少しマニアックなphotoshopでのフォント調整についてお話したいと思います。 おさらい：photos... 続きを読む

これで一撃！簡単にOGP画像をつくれる2つの秘密道具！ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2014/01/27 103 users のび太 りえもん 一撃 デザイナー OGP画像

これで一撃！簡単にOGP画像をつくれる2つの秘密道具！ こんにちは！デザイナーのわりえもんです！ ドラえもんみたいな見た目の、のび太みたいななにかです。 デザイン制作に役立つ秘密道具を紹介します！ さて今回はサイト・アプリ制作に必需品な Facebook OGP画像つくりに役立つ2つの秘密道具をお教えします！ 2014年1月現在、OGP画像の表示には大きくわけて2種類あります。 一つの画像で、どっ... 続きを読む

CSSで絵を描く！？今日から作れる達人のコツをご紹介 | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2013/01/30 103 users CSS アルバイター 達人 コツ jsdo.it

はじめまして! HTMLファイ部(内定者)の、のびーです。 4月の入社に向けて、せっせと勉強をしているアルバイターです。 jsdo.itでは、なんと本日、「HTML5実力テスト 応用編」をリリースしました！！ http://jsdo.it/blog/2013/01/html5cat-update.html リリースを記念して、テスト問題にも出題される、「CSSで絵を描く」ことをテーマに記事を書いて... 続きを読む

「秒速で1億PV稼ぐ条件」をエンジニアに聞いてみた | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2013/01/24 510 users 秒速 オートリロード クラッシュ iframe サツキ

平日は割りと仕事しているんですが、 さっきふとこんな技術相談を、エンジニアに投げてみました。 お題を投げてみた barimi ねえねえ、技術相談なんだけど、秒速で1億PV稼ぐサイト作るなら、技術的にどうする？ 私ならオートリロードとiframeだと思うんだけど。 taiyoh iframeで自分を開くようにするだけで、１回表示しただけで待ってれば相当数のPV数稼げそう。。。 （ブラウザがクラッシュ... 続きを読む

HTML5のCanvasに描かれる「アートスクリプティング」とにかく美しいJavaScript表現のまとめ28個！ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/12/11 427 users canvas Blog マークアップ HTML5 デザイン

動くぞ！きれいだぞ！ ﾍ(･_･ﾍ) とにかく痩せたい、HTMLファイ部のほんだです。 jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアを担当している者です。 jsdo.it、ユーザー数 5万人突破！ 手前味噌ですが、このたび弊社運営のHTML5コード共有コミュニティ「jsdo.it」が、 ユーザー数 5万人を突破しました... 続きを読む

Webサービス運営で覚えておきたい、登録フォーム作成の7つのポイント | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/11/27 567 users Blog マークアップ webサービス運営 デザイン ポイント

ニーハオ！カヤックのHTMLファイ部のしんちゃんアル！ 中国出身の新卒です。 入社して二ヶ月になりますが、 日本語を一生懸命勉強しています。 よろしくお願いいたします。 さて、現在jsdo.itでは第二回HTML5実技コンテストを絶賛開催中！ こんどのお題は「思わず登録したくなる登録フォーム」です。 Webサービスの制作においてついつい疎かにしがちな登録フォーム。 実はとても大事なものです！ 今日... 続きを読む

1ランク上の「HTML5」制作に欠かせないサイト・ツール・アプリのまとめ21個！ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/11/12 108 users Paberish Blog 制作 jsdo.it 創立

「HTMLファイ部」のほんだです(・Å・)∫ jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアをやっているものです。 よろしくお願いします！ 「HTMLファイ部」創立1周年！ 非常に手前味噌ではございますが、 弊社HTMLファイ部が創立から1年になりましたっ！・u・ HTMLファイ部は、「HTML5」技術を軸に、様々な表現... 続きを読む

1ランク上の「HTML5」制作に欠かせないサイト・ツール・アプリのまとめ21個！ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/11/12 1368 users Paberish Blog 制作 jsdo.it 創立

「HTMLファイ部」のほんだです(・Å・)∫ jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアをやっているものです。 よろしくお願いします！ 「HTMLファイ部」創立1周年！ 非常に手前味噌ではございますが、 弊社HTMLファイ部が創立から1年になりましたっ！・u・ HTMLファイ部は、「HTML5」技術を軸に、様々な表現... 続きを読む

ゼロからゲームアプリつくった後の大事なメモ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/08/24 625 users ゲームアプリ Blog メモ マークアップ デザイン

こんにちは、ゲームチームのキノです。 先週、カジュアルゲームアプリ「なぞダン -なぞるだけダンジョン-」がApp storeで公開されました！！！！ ひとさしゆびだけの超シンプルな（でもムズイ）ダンジョンゲームです！ 過去にキャンペーンの一環などでゲームは何度かつくってきましたが、 今回が初の企画段階からの参加になるので、学んだことや役立ったを書いておきます。 あとは地味にデザイナー向けにアプリ制... 続きを読む

CSS3を使った演出テクニックがすごいと話題に | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/07/12 113 users Blog CSS3 マークアップ 話題 デザイン

コロプラさんと一緒に行っているコーディングコンテスト「SPEC vol.4」。 応募締切まであと2週間を残していますが、もうすでに変態的な作品が続々と投稿されているようです。 今回もとんがった作品がたくさん集まっているので、途中経過としてその一部をご紹介したいと思います。（ぼく個人の主観でピックアップして紹介していきます。審査とはまったく関係ないですよ！） スピード感がある演出 CSSだけでモーシ... 続きを読む

23人のカヤック社員がおすすめする「つくるときに役立つ三種の神器」まとめ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/07/07 1233 users 神器 ディレクター 面白法人カヤック エンジニア Blog

面白法人カヤックのイベントである「777☆カヤックフェスティバル」に向けて、 ディレクター、エンジニア、フロントエンジニア、デザイナー、 全職能のブログを、同じテーマの記事でつなぐ「777ブログウェイ」を実施していました。 24人のカヤック社員が、「つくるための3種の神器」をテーマに記事を書きました。 そのまとめ記事になります。 デザイナーまとめ 新しいPCに入れる基本ソフト3つ：Windows版... 続きを読む

縦や横に長いサイト「高級ペライチ」1度は見ておきたい超定番演出のまとめ32個！ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/06/19 1735 users パララックス Blog 愛称 スクロール アニメーション

HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」！ HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介... 続きを読む

HTML5ゲームをたくさん集めました！ よってらっしゃい！ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/06/05 104 users Safari 初夏 Chrome Blog HTMLファイ部

初夏。HTMLファイ部の本多です。 夏祭りが待ちきれないあなたのために、金魚すくい顔負けのハマるゲームをご用意しました！ カヤック運営のHTML5ゲームの投稿プラットフォーム「jsdo.it HTML5-Games」から、 HTML5でつくられたブウラザゲームを紹介します。 ※ Chrome、Safari など、最新のモダンブラウザでご覧ください。 HTML5ゲームまとめ JSパーティクル崩し ブ... 続きを読む

インターネットでものづくりするときに役立つサイトまとめ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/06/04 984 users インスピレーション 総会 ターゲット Blog ブラウザ

先日、東京学生広告研究団体連盟の総会にて、 「インターネットでつくる人を増やす」というテーマでお話させていただきました！ その時に紹介したサービスをまとめます。 この記事のターゲットは、インターネットでまだ作ったことがない人。 興味があってこれから始めよう！と思っている人向けです。 ポイントは、ブラウザだけで完結できるもの。PCさえあればOK。 アイデア・インスピレーションをストックしよう まずは... 続きを読む

UFOを操ろう！ HTML5+JavaScriptで実装するスマホコントローラーの仕組み。 | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/04/25 171 users UFO Blog マークアップ デザイン

HTML5ゲームの投稿プラットフォーム「jsdo.it HTML5-Games」がスタート！ HTMLファイ部ほんだです。 カヤックの新規開発事業部「ブッコミジャパン」が、 HTML5ゲームをあそべる、つくれるプラットフォーム「jsdo.it HTML5-Games」をリリースしました！ jsdo.it（弊社運営のHTML5コード共有サイト）からHTML5ゲームを簡単に投稿でき、 他のクリエイター... 続きを読む

HTML5関連の情報源のまとめ（2012年4月版） | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/04/03 340 users ミーハー ブチ Blog キャッチ HTMLファイ部

こんにちわ。HTMLファイ部のふちがみです。 HTML5のすごいコンテンツやニュースをキャッチアップしきれない！知らないところでバズってる！と悔しい思いをしている方も多いと思います。そこで、ミーハーなファイ部のメンバーに「どうやって情報収集をしているか」を聞いてみたのでまとめてみました。 HTML5関連の情報源のまとめ（2012年4月版） ソーシャルブックマーク キーワード「HTML5」を含む新着... 続きを読む

面白いだけじゃない！カヤック内定者が考えたポートフォリオ 5つの理論！ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/03/14 102 users Blog 理論 カヤック ポートフォリオ マークアップ

理論的にポートフォリオを作ろう！ はじめまして。 4月から面白法人カヤックで働くことになりました、デザイナー内定者のツカダです。 ハットリさんのポートフォリオ記事 「カヤック内定者が本気で作った！面接に効く「おいしいポートフォリオ 」 に引き続き、実際にカヤックに送ったポートフォリオについて、 僕のポートフォリオを例に、そのポイントを紹介したいと思います！ ところでハットリさんの記事500近くもは... 続きを読む

意外と知らない？アイコンはWebフォントでつくるとこんなに便利！ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/02/28 815 users シンボル jsdo.it イラスト Blog Webフォント

Webフォントでアイコンをつくろう！ ゆとりジェネレーションのほんだです。 最近、Webフォントを使用する仕事に多く携わった関係で、 Webフォントを有効活用したものすっごく素敵なマークアップ方法に気づきました。 ずばり、アイコンやちょっとしたイラストをWebフォントで作成する、というものです。 （以下のデモはGoogle Chromeなど、モダンなブラウザ推奨です。） jsdo.it のシンボル... 続きを読む

ドット絵描く楽な方法見つけた！気がする | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/02/24 521 users KAYAC 嶋田 Blog ドット絵 Photoshop

kayac 閃光部 クリエイターの嶋田より寄稿です。 「モンスターを集めてまいれ！」というiPhoneアプリを プロデュースしたんですが、イラストレーターのタスクが多く ドット絵を自分で描く事になりました。 初ドット絵だったので このノウハウ共有に何の意味も無いかもしれませんが きっと何処かに需要はある！と、思い込んで記事を書いております。 使用ソフトはPhotoshopです。 余談ですが バイト... 続きを読む

カヤック内定者が本気で作った！面接に効く「おいしいポートフォリオ」 | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/02/23 486 users カヤック ポートフォリオ Blog 面接 面白法人

おいしいポートフォリオを作ろう！ どうも、はじめまして！！ 縁あって面白法人カヤックで働くことになりました、デザイナー内定者のハットリです。 ところでみなさん！ポートフォリオ、作ってますか？ ポートフォリオって作るの難しいですよね…。 今回はそんなポートフォリオのことを ちょっとでも楽しく、料理に例えつつ紹介したいと思います。 自己流レシピですが、皆さんの参考になれば嬉しいです！ ちなみにカヤック... 続きを読む