タグ

2014年12月10日のブックマーク (14件)

  • 『ノンコーディングでゲーム開発:PlayMaker概要編』

    1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして!UI/UXデザイナーの嶋田豪介(@__gsk__)です。 現在は主にモバイルゲームのラピッドプロトタイピングや技術調査を担当しています。以前は3DCGモデラーもやっておりました。趣味はソフトウェア研究、一番好きなソフトはExcelです。 さて、記事でご紹介するPlayMakerは、Unity上で強力なビジュアルスクリプティング環境を提供する有料アセットです。コードを書かずにロジックが組め、可読性やデバッグ効率面でも優れた機能を有しています。登場以来有料アセットランキングの上位に入り続けており、まさにベストセラーアセットの代表格と言える

    『ノンコーディングでゲーム開発:PlayMaker概要編』
  • 僕はCSSを見殺しにした - dskd

    公開日2014-12-10タグAdvent CalendarCSSCSS Architecture Advent Calendar 2014の 10 日目。 それまではけっこう頑張っていた。スタイルガイドも作っていた。デザイナーとコミュニケーションをとり、拡張性のあるパーツを作っていった。新しく触る人にも読み方や使い方を説明できるようにしていた。 崩壊は UI デザイナーがいなくなった時に始まった。汎用ボタンは使われなくなった。決まったルールのデザインエッセンスはなくなった。要素間の空白は誰かの感覚で変わった。 なぜ止めることができなかったのか。それは、デザインの改修が少しずつ行われたからだと思う。その改修はいつのまにか始まり、いつ終わるとも決まっていなかった。あらゆるパターンが同居するデザインを CSS は管理できない。改修途中でも平気でブランチが切られていく。デザイナーがやりたい時にや

  • Macを買って最初にすること ー無料アプリ編ー

    定番テキストエディタのひとつ。 今はSublime Text 3を購入して使っているので個人的にはあまり出番がないですが、同じく定番のCotEditorに比べると、巨大なファイルも開きやすかったりとか、強力なDiff機能があったりだとかでこちらを選びました。 Diffに関しては、Xcode同梱のFileMergeというのもありますが、フォルダ単位での比較ができないし文字化けすることがあったりして使っていません。 TextWrangler カテゴリ: 開発ツール 価格: 無料 日語が含まれるファイルをZip圧縮すると、Windowsで解凍した時に文字化けしてしまいます…。これは、Macの問題ではなくてWindows側でZip内のファイル名のエンコーディングがMSCP932(Shift_JIS)しか対応していないことに起因しています。 これを回避するために、WinArchiver Liteと

    Macを買って最初にすること ー無料アプリ編ー
  • JavaScript フレームワーク - ペパボテックブログ

    フロントエンド周りの技術は驚異的なスピードで進化し、また多様化しています。それらを全てマスターするのは途方もなく大変なので、ペパボでは、社内のエンジニア・デザイナが「最低限これだけはおさえておこう」というスタンダードを文書化することにいたしました。社内向けを想定した文書ではありますが、社内のみに留めず多くの方に役立てたいと考えたため公開します。 この項目の担当 @hadashiA どうしてフレームワークを使う? (1) ドメインロジックとプレゼンテーションの分離 (2) SPA(シングルページアプリケーション) 流行り廃り (1) MVC (2) MVVM (3) Virtual DOM どれを使う? どうしてフレームワークを使う? (1) ドメインロジックとプレゼンテーションの分離 まずこちらの画面を見てください。 ©任天堂 スーパーマリオワールド スーパーマリオが右にダッシュすると、マ

    JavaScript フレームワーク - ペパボテックブログ
  • 0から始める Mac 環境構築 - Qiita

    会社で設備更新があり、移行アシスタントを使わずに0から環境構築をしてみる事に。 システム領域になるべく手を入れないようにする 、をコンセプトに進めました。 フロントエンドエンジニア・マークアップエンジニア・Webデザイナー向けです。 基的には備忘録なので全ての方がこの通りに進めて問題ないか?と言われると分かりかねます。 システム環境設定 言語を英語に変更 日語の方が圧倒的に使いやすいとは思うものの、英語に触れる機会を強制的に作る意味も込めて英語化する。

    0から始める Mac 環境構築 - Qiita
  • JavaScriptとCSSは不要!SVGの気持ちいいアニメーションで作られた超軽量のかわいいローディング -SVG Loaders

    JavaScriptCSSも画像も使用せず、SVGで実装された軽快で気持ちいいアニメーションで動くローディングのアイコンを紹介します。 ページに実装する時もJavaScript/CSSは必要ありません。簡単なHTMLでOK! デモページ SVG Loadersの使い方 使い方は、簡単! Step 1: SVGファイルをダウンロード 下記ページの右サイドの「Downlaod ZIP」から、SVGファイルをダウンロードします。 SVG Loaders -GitHub Step 2: HTML あとは、imgタグで配置するだけです。 <img src="svg-loaders/puff.svg" /> アイコンのカラーを変更したい時は、svg要素のfill属性を変更します。 <svg fill="#fff" width="140" height="64" viewBox="0 0 140 64

    JavaScriptとCSSは不要!SVGの気持ちいいアニメーションで作られた超軽量のかわいいローディング -SVG Loaders
  • Webサイトのデザインで「かっこよく!」「インパクトを!」としか言わないWeb担当者よ、本来の目的に立ち返れ | 生田昌弘の「Web担当者に喝!」

    Webサイトのデザインで「かっこよく!」「インパクトを!」としか言わないWeb担当者よ、本来の目的に立ち返れ | 生田昌弘の「Web担当者に喝!」
  • その候補、国会で何してました? 議員活動が丸わかりのDB

    期日前投票が始まり、14日に投開票日を迎える衆院選。どの候補を選ぶか迷っていませんか。そもそも、選挙ポスターやチラシだけでは、どんな人物か判断するのは難しい。「どういう活動をしてきた人なのか、わかれば良いのに」という人にお勧めのサイトがあります。 国会での発言、質問、出席数など一覧に 東京大の菅原琢客員研究員(政治過程論)が公開している「46期衆議院議員活動統計」。全衆議員の国会会議、委員会での発言数、発言文字数などが一覧できます。名前順や発言数順などに並び替えることもでき、実際にどういう発言をしたかは、国会会議録へのリンクで確認できます。 例えば、会議での発言数がゼロの議員、委員会での発言もゼロの議員も簡単に探せます。政党や当選回数が同じ議員の中でも、発言数や内容に差があることがわかります。 菅原客員研究員にサイト公開の目的や意義について聞きました。 「議員の活動は知られていない」

    その候補、国会で何してました? 議員活動が丸わかりのDB
  • #10 Consulと連携するpull型デプロイツール stretcher - KAYAC Engineers' Blog

    tech.kayac.com Advent Calendar 2014 10日目担当の @fujiwara です。 最近書いている stretcher というデプロイツールの紹介をしたいと思います。 長いので3行で push型デプロイはホスト台数が増減しやすい環境に適さない 各種問題を解決するpull型デプロイツールを書いた Consul と連携するよ 中央ホスト配布(push)型デプロイの問題点 カヤックの自社サービスでは久しく Archer というツールを利用し、中央ホストから各デプロイ対象ホストrsync でファイルを配布する形のデプロイを行っていました。ここではこれを push 型と呼びます。 push型のデプロイは、ホスト台数が頻繁に増減する環境で以下のような問題があります。 新しくホストが起動してきた場合に、中央ホストからデプロイを行ったあとでないと (古い状態で起動してい

    #10 Consulと連携するpull型デプロイツール stretcher - KAYAC Engineers' Blog
  • Emacsの拡張を作るのに便利かもしれない関数集 - Qiita

    Emacs Advent Calender 2014 の 9日目の記事です。 ネタを思いつけなかったので、今までに溜め込んだ汎用性のありそうなプチelispの紹介をさせていただきます。 まとまりのない支離滅裂なコード羅列ですが、ひとつでもEmacs拡張を作る際の参考になればいいなと思います。 最小限、Emacs内臓の cl-lib ライブラリを呼び出して使用します。 (require 'cl-lib) ※忘れていしまいましたがどこからか参考にしたものもあるかもしれません。 Emacsの操作に関するもの 行頭/行の文字の始まる位置に移動 C-aを上書きし、連続して使うと行の一番最初、文字の始まっている位置とを行き来できます。おすすめ。 (defun my-goto-line-beginning-or-indent (&optional $position) (interactive) (or

    Emacsの拡張を作るのに便利かもしれない関数集 - Qiita
  • 世界初!スマホをかざすと「覗き見」体験ができる、Durexの二重構造動画 | PR EDGE

    Case: DUREX EXPLORE 世界最大のコンドームメーカー・Durexが、世界初となる“携帯端末をかざすと、編とは違った映像が楽しめる”という二重構造のプロモーション動画を制作しました。 Durexが公開したのは、配達員がとあるアパートにコンドームを届けるという内容のストーリー。 何やらこのアパートでは複数のカップルが情事を重ねている様子ですが、映像は配達員を中心に撮影したもので、それぞれの部屋でどんなことが行われているのか、詳しく見ることはできません。 映像のラストは荷物を部屋の住人に手渡す場面。ドアの向こう側を見て唖然とした表情を浮かべている配達員の“視線の先にどんな光景が繰り広げられているのか”を、視聴者は見ることができないのです。 しかし、専用アプリをダウンロードした携帯端末をスクリーンにかざすと、編とは違った映像、すなわち“カップルの情事・配達員の視線の先”を覗き見

    世界初!スマホをかざすと「覗き見」体験ができる、Durexの二重構造動画 | PR EDGE
  • tmlib.jsのここがすごい! - Qiita

    Qiitaで初めての記事になります。simiraaaaと申します。 よろしくお願いします。 tmlib.jsを知らない人向けに紹介していきます。 tmlib.jsとは JavaScriptゲームやWebアプリが簡単に作れるライブラリです。 http://phi-jp.github.io/tmlib.js/ phina.jsについて 追記 tmlib.jsは現在phina.jsというライブラリに名前を変えて開発を進めております。 http://phinajs.com/ tmlib.jsを再設計し、さらに使いやすくなっていると思います。 phi_jpという神がサポートしてくれる!(敬称略) phi_jpさんはtmlib.jsの作者です。 「こんなエラーが出てどうしたらいいかわからない」 「これはどうしたらできますか?」 など、質問すると真剣に答えてくれます。 ※できるだけ自分で調べましょう。

    tmlib.jsのここがすごい! - Qiita
  • 生産性を高めるプレーンテキストファイルの使い方10 | ライフハッカー・ジャパン

    テキストとTo-Doリストの履歴をたどるためのアプリには事欠きません。しかし時として、プレーンテキストファイルの簡単でシンプルな点が、生産性を高めることもあります。プレーンテキストファイルの賢い使い方10通りをご紹介しましょう。「Zapierブログ」でTo-Doアプリを使わずに生産性を保つことに関する記事を読んだ人なら、プレーンテキストファイルの生産的潜在能力をもう垣間見ているのかもしれません。物事をシンプルにしておくほうが、重たいアプリをダウンロードするよりも手っ取り早いことがあります。最近プレーンテキストファイルの賢い使い方に出会ったので、ここにまとめておきました。自分にとって有益だと思える使い方を選んでいただければいいのです。デスクトップに保存しておきたいプレーンテキストファイルの使い方10通りをご紹介いたします。 「毎日書く」ためのファイル ネットサーフィンをしているときに、この賢

    生産性を高めるプレーンテキストファイルの使い方10 | ライフハッカー・ジャパン
  • APIのエラーハンドリングを見直そう - WebPay Engineering Blog

    ここ数ヶ月にわたって、WebPayはAPIのエラーにまつわる変更を少しずつ行ってきました。 それに付随してドキュメントも拡張しましたが、変更の背景について十分に説明できていない部分がありました。 この記事では、最近のエラーに関連した変更の背景を紹介し、今後どのようにエラーをハンドルすべきか説明します。 記事の内容は執筆時点のものであり、今後同じようにエラーやAPIの変更を行うことがあります。 変更があっても記事の内容はその時点の内容を保持し、ウェブサイトのドキュメントのみ更新します。 必ずウェブサイトのドキュメントを合わせて参照し、手元で動作確認を行ってください。 エラーはなぜ起きるのか WebPayのAPIは、リクエストされた操作ができなかったときにエラーを返すように設計しています。 可能なかぎりエラーにならないような設計、実装を心がけていますが、エラーは絶対に避けられません。 例えば、