暇だったからValveの新入社員用マニュアルを20000字ぐらいで解説するよ - ゲーマー日日新聞
いま、PCゲーム業界、いやゲーム業界全体で最もホットな企業と言えば、「Valve」を置いて他にいないだろう。 元々、『Half-Life』という一本のFPSからスタートしたこの企業は、やがてアクティブユーザーが1000万人を超えるPCゲーム用ダウンロードツール「Steam」を開発し、 更には、賞金総額22億円の大会が開催された『Dota 2』や『CS:GO』のようなe-Sportsタイトルまで介入し、衰退しつつあったPCゲーム業界の可能性を引き上げた。 さりとて、この大企業「Valve」によるイノベーションはどのように生まれたのか。そして同時に、ごく僅かの採用枠を勝ち抜いた新入社員たちには、どのような活躍を期待されるのか。 少なくとも、この新入社員用マニュアルからは、Valveの求める人材の水準がどれほど高いものか、窺い知ることが出来ると思う。2万字以上に及ぶ長大な内容だが、もし読んでいた
UnityでHTTP通信＆JSONを取り扱う（Javascript） | メモ帳代わりのブログ
まえがき つい最近までcocos2dxがわーわー騒いでた私ですが、この度Unityを触らないといけない状況に陥ってしまったためUnityで色々検証していました。 今回の課題としては外部に設置したWEBサーバーに対してUnityアプリからHTTPリクエストを投げてJSONを取得し、パースして処理するという内容です。 今回は自分でこしらえたサーバーに対してリクエストを投げていますが、WEBAPIを使うときにも役に立ちそうです。 意外とあっさりとできてしまいましたが、メモとして残しておいたほうがよさそうな気がするのでメモです。 開発環境 Unity 4 スクリプト Javascript WEBアプリケーションサーバ Ruby on Rails といった構成です。 JSONライブラリのダウンロード まず、JavascriptのJSONライブラリをダウンロードしてきてUnityプロジェクトに組み込む
UnityでiOSでもAndroidでもSocket.IOでリアルタイム通信 - TKC Works
僕は別にアプリエンジニアじゃなかったんだけど、やらないといけなくなり、検証したのでメモ。 (Node.jsはv0.10.28、Socket.IOは0.9.17、Unityは4.3.4、iOSは7.1.2、Androidは4.4.2で検証) スマホでSocket.IOを使いたい場合、ネイティブではこの辺のライブラリを使うと思う。 https://github.com/pkyeck/socket.IO-objc https://github.com/Gottox/socket.io-java-client ネイティブプラグインはよくわからなかったのでC#で書いてiOS,Android両方で使えるのはないかなと思っていたら https://github.com/NetEase/UnitySocketIO これが見つかった。他にはあまりなさそう。 で、一個問題があって、iOSだとEXC_BAD_A
jquery.jaticker.js
≫Download jquery.jaticker.js はjquery.jaticker.js は日本語のにほんごの変換アニメーションにへんかんあにめーしょんに対応した、たいおうした、ティッカーのてぃっかーの jQuery プラグインです。ぷらぐいんです。文字列をもじれつをタイプしている風にたいぷしているふうに順に表示する事がじゅんにひょうじすることが出来ます。できます。 使い方 上部の Download リンクから zip ファイルをダウンロードして解凍すると、css ファイルと js ファイルが 1 つずつ含まれているのでそれを読み込みます。 jQuery プラグインですので、jQuery 自体は先に読み込んでおいて下さい。 <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/
jQuery テキストをタイピング風に一文字ずつ表示したり文字ごとに色を変える方法。文字列を一文字ごとにspanで囲む | Stronghold Archive
jQuery テキストをタイピング風に一文字ずつ表示したり文字ごとに色を変える方法。文字列を一文字ごとにspanで囲む どうもこんにちは。Toshikuraです。今回のTipsは【jQuery テキストをタイピング風に一文字ずつ表示したり文字ごとに色を変える方法。文字列を一文字ごとにspanで囲む】です。タイピング風に一文字ずつ表示したり…文字ごとに色を変えたりといった動作はまれに使いたくなるのでメモしておきます。 文字列を一文字ずつ<span>で囲む 基本概念は至ってシンプルです。一文字ごとに<span>で挟んでいき、全て透過0%に設定。その後最初の<span>からだんだんとフェードアニメーションを掛けていきます。 共通HTML <p class="tgt">abcdefgh…..</p> CSS .tgt {opacity: 0;} .tgt span{opacity: 0;} JS（
無料のスクロール／パララックススクロール系jQueryプラグイン24 | co-jin
スクロール／パララックススクロールはコンテツをリッチにしてくれる魅力的な演出です。 今回はそんな魅力的な演出であるスクロール／パララックススクロール系のプラグインのうち、海外のブログで数多く紹介されているものを中心にまとめてみました。 ご活用ください。 Scrolld.js 魅力的なフルページスクロールを実装できるプラグイン。 Scrolld.jsDemo Cool Kitten レスポンシブWEBデザイン用フレームワークでありながら、パララックススクロールを実装できるフレームワーク。 Cool Kitten FoldScroll 3D効果でページスクロールできるプラグイン。 FoldScroll fullPage.js フルページスクロールを実装できるプラグイン。 fullPage.js AnimateScroll 30種類以上のページスクロールアニメーションを実装できるプラグイン。 実
もうお金でモチベーションを上げるのは不可能「僕らはお金を入れたら動く自動販売機じゃない。」 / リーディング＆カンパニー株式会社
image:L&C 戦後日本は焼け野原から這い上がるため、ただ今日、明日の食べ物を確保するために働き、高度経済成長期に入ると「欧米に追いつけ追い越せ」をキーワードに成果報酬など導入しなくても、給料も売上げも面白いように上がったため、日本人全員がやる気満々でした。 しかし、1990年代にバブルが弾け、なんとか社員のモチベーションを上げなければとアメとムチのような成果報酬主義を導入する企業が増えましたが、アメリカで100年近く採用されてきた制度をいきなり日本に移植しても上手くいくはずもなく、多くの人が「働く意義」を見つけ出せなかったり、月曜の出社が恐怖となる「サザエさん病」にかかったりと早くも様々な障害が出てきています。 ↑成果報酬主義で長期的に成功している企業は存在しない。 アル・ゴア副大統領のスピーチライターを務め、ベストセラー作家でもあるダニエル•ピンク氏によれば人間のモチベーションは三
CSS3のFlexboxを基本から理解して、使い方をマスターしよう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、王です。デザイナーやってます。 今回は「Flexboxを基本から理解して、使い方をマスターしよう！」ということで、初耳の方でもざっとFlexboxで何ができるか分かるように短い動画を用意しました。 動画の中で使ってたデモをアップしたので、確認してみたい方は以下のリンクをどうぞ！ デモ 昨今では、当然ながらデジタルデバイスサイズの多様化でレスポンシブデザインとやらが流行っています。 同じサイトをさまざまなスクリーンサイズに応じたデザインをしなければならない上に、コーディングにも手間がかかります。制作側からしたら何かと厄介ですよね。 「なるべく手間をかけずに作りたい！」という世界中のデザイナーの声に応えて、「Twitter Bootstrap」をはじめとした数多くのフレームワークが徐々に脚光を浴びはじめて久しくなります。 ただ、これらはあくまで古い技術の組み合わせで、革新的な技術で
ロゴ作成に役立つ制作フローや素材・知識まとめ
作成：2014/03/24 更新：2014/11/01 無料素材 > ロゴの作成依頼があって作ってみたものの、しっくりこない。ありきたりなアイデアしか浮かばない。どういった手順をふんで、どういったことに気をつければ、よいロゴができるのだろうか。今回はロゴを完成させるまでのフローや基本的な素材の作り方、アイデアの出し方など参考になる記事をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 １．ロゴマークの作り方 イチからロゴを作成する場合、クリエイターさん達はどうやって作っているのでしょうか。ロゴ作成における一連の流れをまとめました。 ロゴ作成の手順を実例とあわせて紹介！ | Webクリエイターボックス Illustrator初心者のための「ロゴ作成講座」 | OZPAの表4 新米デザイナーに読ませたい、ロゴデザインの制作プロセス - W3Q ロゴを作る時に
スッキリ素早く始めるためのHTMLテンプレート・リセットCSS | panmimi design
毎日たくさんのコードを、実際に手を動かしながら勉強しているのですが、HTMLやCSSをいつも白紙の状態から書いているわけではありません。いつも必ず記述する部分は、テンプレートとしてそのままコピーしてから書き始めるようにしています。 インターネットで「HTML,CSS,テンプレート」と検索すると、HTMLとCSSのファイルを無料で配布しているサイトがたくさんみつかります。 高品質なデザインのものから、レスポンシブに対応しているものまでたくさんあるので、コードを見るだけも勉強になりますね〜。 今回はそういったデザインまで完成しているテンプレートではなく、HTML・CSSそれぞれのコードを書き始める際に、必要最低限は記述しておいたほうがよさそうなコードについて考えてみました。 レスポンシブ対応！HTMLテンプレート HTMLを書く際に、上記のコードをテンプレートとして使っています。 DOCTYP
HTML5、CSS3だけじゃない！ブラウザで実装できるスゴい技術14選 【WebGL】 | らふらく^^ ~ブログで飯を食う~
2 CSSだけでかわいいボタン最近のトレンドともいえる画像を使わずにCSSだけでリッチな素材をつくった作品。 スマホサイトでは、読み込みを速くするためにこうした技術が必要になってくるので、ぜひ覚えたい所です。 ハートの部分は難しそうだなー。 かわいいふきだし 3 CSSだけでゲーム！CSSだけでシューティングゲームがつくれてしまうという驚きを与えてくれる作品。 :hover, :cehecked をうまく使っています。 CSS3 OF THE DEAD 4 CSSでワニワニパニックCSSだけでワニワニパニックがつくれてしまうんですね！驚きです。 ゲームセンターにいる感覚を味わせてくれます。 CSS PANIC 5 実写と見間違う桜桜が舞う美しすぎるアニメーションです。 動画と見分けがつかないくらいにキレイ！ WebGLを使っているようです。 Amazing Sakura 6 「デザインあ」
WebGL が切り開く Web の未来
前説 時は遡り……このスライドを書き始めた頃 「3DCG Meetup は初参加だしな！」 前回の Meetup で登壇された西田さん(@knockknockjp)が公開してくれている、WebGL をテーマにしたスライドでも見てみるか……
UnityとOculus Riftでフルダイブなゲームを作ってみた話
2015年3月11日に開催したOculus 体験・勉強会「VRコンテンツ制作入門」での資料です。 http://acrovision.connpass.com/event/11533/
プログラミング不要。Unityを使えば誰でも2時間で作れちゃう。OculusRiftでLiveを体感するLukalive!! - develog.me
完成品DL ルカライブ！(Lukalive!) Bowl Roll Lbench(Lukalus Live! Benchmark) - OculusVR Share 2014-02-02 Sun スクリーンショットは古いままですが、とりあえず大きく手順が変わっている箇所を修正 Unity 4.3.4 MMD4MecanimAlpha20140124.zip 作業のおおまかな流れ 下準備(10分) UnityのOculusサンプルプロジェクトを手に入れるためにOculus Developer Center で事前にユーザー登録 Unityのダウンロードを開始 データ探し(1時間) MMDのモデルデータ( *.pmd *.pmx ファイル) MMDのモーションデータ( *.vmd ファイル) 曲データ( .wav ファイル) 環境構築(20分) Untiy（開
OculusRift DK2のソフト開発環境を整える(Unity Mac版) - Cross Road
DK2が届き、有志の方々によって手順が公開されていますが、Mac版はあまり情報がありませんでした。 Mac版の対応からそんなに経ってないこともありますが、MacだとFPS75を出せる機種が限られてるというのも大きいと思います。 たとえば、Intel Iris Graphic5100搭載のMacBookProで ・背景なし ・オブジェクト１個のみ ・Extend(ミラーリング) という最低限の環境でFPSを表示してみましたが、結果は以下の通りです。 やはりIntel内蔵グラフィックボードでは75FPSは厳しいですね。 - (追記：@needleさん、情報ありがとうございました) 上記の画像では60FPS固定になっていたようです。 以下の手順を実行すると60FPS以上出ることが確認できますが、最低限のオブジェクトしか描画してなくても61〜71FPSとぶれてしまいました。 画面比率が変なのであま
Oculus Rift向けのアプリを作るための手段をざっくりとまとめてみた - 野生のはてなブログ
どうも、3連休はアキバ大好き!祭りで土日2日間11〜18時までずっと立ちっぱなしでPerilous Dimensionを展示してました、野生の男です。 Perilous Dimensionは手が見えない問題を解決するためにOculus Riftの全天周カメラを捨てる代わりに頭だけで操作出来るようにしているんですが、今回はUI改修の効果もあって試遊でクリアする割合が非常に高かったので嬉しいです。（LEAP Motionは日光の関係で正常に取れなかったのでほぼ眠ってもらいました） さて、今回で初めてOculus Riftを触ってアプリを作りたいとなった方に一番多く聞かれたのが、「Unityで作れるんですか」と言うものです。 確かにOculus RiftにはUnity Proの4ヶ月ライセンスが付いていてPerilous Dimensionも購入したUnity Proを使って作っていますが、それ
SublimeText2+Emmetの地味に使えるショートカット集:ADWAYS ENGINEERS BLOG
2014年04月18日 SublimeText2+Emmetの地味に使えるショートカット集 こんばんは！ 先週に引き続きデザイナーの宮下です。今週は先週の続きのGruntをやろうと思っていたんですが、実はちょっと前の井古田くんのネタとかぶってしまったため急遽「SublimeText2+Emmet」の地味に使えるショートカットネタを紹介したいと思います！ すいません！ ちなみにSublimeText2をご存知でない方はLIGさんの記事がとても参考になります。 また、EmmetはZen-Codingの後継でHTMLやCSSをさくさく書くためのプラグインです。 ご存知でない方は先にクラスメソッドさんの記事を読むと分かりやすいかと思います。 ※GIFアニがちょっと早すぎてわかんねぇぞ！ って方はこちらで紹介されているブックマークレットを使うとGIFアニを一時停止したりできるのでご利用ください。 も
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
制作案件に使えば注目度アップ！CSS3を使った驚きのアニメーション表現
アイデアの宝庫！CSS3を使ったUI表現・テクニック集
