2016年総まとめ、JavaScriptのライブラリやjQueryのプラグイン100+α選
毎年恒例のJavaScriptのライブラリやjQueryのプラグインの総まとめを紹介します。 今年リリースされたものから、アップデートされたものまで、これからのWebページやスマホページの制作に役立つJavaScriptを100+αまとめました。 KUTE.js クロスブラウザ対応のさまざまなアニメーション、2Dと3Dの変形、SVGの変形、CSSのプロパティ値の変化、SVGのモーフィング、SVGの描画などネイティブのJavaScriptでアニメーションを実現する軽量スクリプト。 デモページ Choreographer-js 「choreographer」は振り付けという意味、CSSアニメーションのさまざまな動き・振る舞いを簡単に設定できます。 デモページ Barba.js 通常のリンクのアクションによるハードリフレッシュをなくし、HTTPリクエストと描画を最小限に抑え、更にエフェクトを加え
これどうやって作るの？フォトショップの勉強で参考にしたい、チュートリアルつくり方まとめ
フォトショップの新しい使い方や、テクニックを学びたいときはチュートリアルのつくり方を参考にしてみましょう。ステップごとに進めることができるので、実践的なツールの使い方を学ぶことができます。 今回はデザイナーが参考にしたい、最新 Photoshop チュートリアルをまとめてご紹介します。デモ用 PSD ファイルを無料ダウンロードできる素材もあるので、これからフォトショップをはじめるひとにもオススメです。 詳細は以下から。 これどうやって作るの？フォトショップの勉強で参考にしたい、チュートリアルつくり方まとめ 80年代レトロテキストのつくり方 Illustrator で作成した3Dシェイプ（Photoshopでも作成できます）に、レイヤースタイルを適用する手軽なテクニック。背景のつくり方もポイントで、参考PSDファイルも無料ダウンロードできます。 幻想的な多重露光エフェクトのつくり方 ポートレ
ヨガをしている時、骨はこんな動きをしてるんだよ
アシュタンガヨガ、ヴィンヤサヨガ、パワーヨガ、バクティヨガ、ホットヨガなどなど。 日々ヨガで心身を鍛錬している人、多いですよね。そんなヨガをしている時、人間の骨がどんんが動きをしているのか？Hybrid Medicalがこんなビデオを作成しました。ヨギーがヨガをしているところをX線で撮影し極力リアルに正確に3Dアニメーション仕立てにしたものがこちら。 Hybrid Medicalの説明によると、彼らのゴールはリアルな描写を放射線学的画像で作り上げる事であり、静止画像ではなく新しいビジュアルアプローチを使って骸骨をまるで生きているかのように見せることでした。ちなみに、骨密度や骨髄もリアルに表現するのは技術的に大きなチャレンジだったそうです。 片足で立った時に、ちょっとフラフラっとふらつくのもリアル感でてますよね。 Casey Chan - Gizmodo SPLOID［原文］ （junjun
任天堂社長が説く、ヒットゲームの新法則
コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕
会社を辞める人、残る人。 | コピーライターの目のつけどころ
少し前に、僕の同期が、会社を辞めた。 彼は、新しい会社を既に立ち上げ、今はサービスのリリース準備に追われている。会社名は”KABUKU“。サービスは「rinkak」という３Dプリンターを使ったものづくりマーケットだ。 彼がやろうとしていることは、ものづくりを誰もがもっと楽しくできる社会を創ること。最近話題になっているように、3Dプリンターの技術がどんどん向上している。今後さらに安価になり、誰でも使えるようになったら、コーヒーカップとか、指輪とか、自分の等身大フィギュアとか、そういうものを誰もが気軽に自分で作れるようになる。そういう「ものづくり社会」をつくる一人になろうとしている。 ◆ 彼は会社を辞めて、僕は会社に残っている。 それに関して、モヤモヤと考えるところがあって、この記事を書いています。 会社を辞めた人間がエラいとか、すごいとか、かっこいいとか言うつもりはありません。「博報堂辞めま
【unity】1.5日でゲーム作ってリリースしてみた - scri.me
３時です。明日会社です。kameです。 1.5日でゲーム作ってリリースしてみました。 (キャラ3Dは前に作ってたやつ) Goole Play PopRabi なぜ作ろうかと思ったかというと、 Unityのアドオンが無償化されたので一日でゲーム作ってリリースしてみた - ドナドナごとごと この記事を読んで、「最近の私に足りないのはこれか！」と思ったからです。 色々知識は増えてるし、作ってはいるけど、個人でリリース１年近くしてない！！！！ そして、ゲームは完成を1回も体験してないので、 クオリティーと完成を両方追うのはやめて、 一発とりあえずリリースを体験してみようかと。 なんとなく、リリースしないと死ぬ！！と思い込んで作りました。 (これで完成ですか？と聞かれると自信がない) 作ったもの よくある感じのダッシュゲーです。 少なめに構想したものの、今回は土日でリリースまでもっていく！ と決めて
『iOSアプリ開発 達人のレシピ100』という本を書きました - その後のその後
2013年に入ってから4ヶ月間、無職のありあまる時間をつぎ込み執筆してきた本が、ついに本日発売となりました。 バルセロナで観光もせず執筆し、その後は鎌倉のコワーキングスペースに毛布を持ち込み半泊まり込みで執筆し、企画当初は230ページの予定だったところを大幅超過して370ページも書いてしまったほどに気合いを込めました。 タイトルには『達人のレシピ』とありますが、もちろん著者が達人というわけではなく、掲載しているレシピが達人レベルの難しさ、というわけでもなく、私が提案した『iOSアプリ開発に役立つTips』という地味なタイトルに対していろいろな大人の方々の意向が加わってこうなった、というものです（カッコイイので大変満足しております）。 本の内容 ざっくり言うと、iOSアプリ開発まわりのTips集です。 概要紹介代わりに、『はじめに』に書いた内容を転載します。 iOS SDK がカバーしている
【特集】エイフェックスやtomad、ガガ様まで虜にする、SNSが生み出した新ジャンル「＃シーパンク」とは何なのか？ #Seapunk | Qetic
Top ＞ Music ＞ 【特集】エイフェックスやtomad、ガガ様まで虜にする、SNSが生み出した新ジャンル「＃シーパンク」とは何なのか？ #Seapunk 【特集】エイフェックスやtomad、ガガ様まで虜にする、SNSが生み出した新ジャンル「＃シーパンク」とは何なのか？ #Seapunk Music ｜ 2013.04.25 Thu ＃Seapunk（＃シーパンク）とは、2011年から徐々にアメリカの若者を中心にインターネット、主にtwitterやtumblrといったSNS上で話題となり盛り上がってきた音楽のジャンル／カルチャーです。＃Seapunkを特徴づける要素としては、まず画像や動画によるビジュアルです。言葉の通り、「Sea＝海」をメイン・モチーフとし、’80～90年代のチープなバーチャル3Dによるイルカ（何故か多し・・）や球体、ヤシの木などが頻繁に利用されます。「なんのこっち
【調査】2013年は数十年に一度のイベントが目白押し！今年絶対に行きたいイベントTOP3とは？
2013年がスタートして、もうすぐ1カ月。先11カ月の真っ白なスケジュール帳を見て、今年はどんなイベントに行こう？と考えている人に、是非参考にしてもらいたいアンケートが届いた。旅行のクチコミサイト「フォートラベル」が実施した「2013年に行きたいイベントTOP3」によると、今年注目のイベントは以下の通り。 1位：東京ディズニーリゾート30周年ザ・ハピネス・イヤー 年代を問わず、旅行先としての人気が高い「東京ディズニーリゾート」の30周年イベントが堂々の1位を獲得。イベントは4月15日から340日間（！）おこなわれる予定で、4月15日には新しいお昼のパレード「ハピネス・イズ・ヒア」が登場する。全長500mにおよぶ色鮮やかで心躍る壮大なパレードは必見だ！また、5月7日には3D映像と50通り以上の組み合わせで展開される新アトラクション「スター・ツアーズ：ザ・アドベンチャーズ・コンティニュー」がつ
Unity3Dのゲームの作り方講座
当サイトはUnityという無料でゲームを簡単に作れてしまうソフトの使い方を解説したサイトです。 しかもUnityなら3Dゲームも2Dゲームもスマートフォンゲームもブラウザゲームも簡単に作れてしまいます！ ぜひ当サイトでUnityの使い方をマスターしてください!! わからないことや知りたいことがあればコメントなどでお知らせください。 １．基本操作 Unity3Dのインストール - Unityって何？ プロジェクトの作成方法 ゲームオブジェクトの作成 ゲームオブジェクトをバウンドさせる。 スクリプトの追加、キャラクターの移動 オブジェクトの複製方法 プレハブについて ゲームをビルドし公開する ２．中級編 UnityAssetStoreを利用する パーティクルシステムでエフェクトを作成する１ パーティクルシステムでエフェクトを作成する２(応用編) OnGUI関数でGUI(ボタンとかスライダーとか
これはすごい！世界が変わる、国内外のプロジェクションマッピング２０選
先日行ってきたプロジェクションマッピングのイベントに触発されて、最近時間があればプロジェクションマッピングの映像を見ています。プロジェクションマッピングとは、映像を壁やモノに投影する映像技術。 日本では、「広告が１００ｍ以上表示できないためプロジェクションマッピングができない」「前例がない」「しっかりと記録に残していない」との理由で中々広まらないらしいですが、これから間違いなく日本にも広まっていく表現技法だと思います。 プロジェクションマッピングでコレはヤバイ！と思う映像を幾つか取り上げたいと思います。映像のセレクションは、オランダでプロジェクションマッピングを生業に活動してる、友人のたくま君@takumatn 。順番は、僕が個人的に好きなものから載せていきました。短いものから、長いものまで。おすすめの見方は、ヘッドフォンで大音量、フル画面再生です。 ０．Hyper-Matrix | Sm
「HTML5かネイティブか」――スマホアプリ開発や世界進出の苦労、GREEのCTOが語る
グリーがグローバル展開を加速している。米国や中国など世界5カ所に開発拠点を置き、グローバルプラットフォームの構築を進めているが、スマートフォン向けアプリ開発や世界展開には、さまざまな技術的課題や苦労があるという。8月28日、同社CTOの藤本真樹執行役員が開発の現状や苦労についてメディアに対し率直に語った。 HTML5かネイティブアプリか 「業界中悩んでいる」 ソーシャルアプリ開発は、ネイティブアプリとして開発する方法と、HTML5を使い、Webブラウザから利用できるようにする手法がある。HTML5でか、ネイティブ2Dアプリか、ネイティブ3Dアプリか……「業界中悩んでいる」と、藤本CTOは打ち明ける。グリーでは「どれかに絞り切れないので、全部押さえに行こうとしている」のが現状だ。 ネイティブアプリは表現力が豊かでレスポンスも速く、iOSならばApp Store、AndroidならGoogle
[Blender] obj2opengl.plをJava用に改造する
Blender object to OpenGL for Android Java 3DCG作成ツール「Blender」のobjファイルをC言語のhファイルに変換するperlスクリプト「obj2opengl.pl」を使ってみました。 obj2opengl: convert obj 3D models to arrays compatible with iPhone OpenGL ES « Heiko Behrens (Blog): http://heikobehrens.net/2009/08/27/obj2opengl/ からHBehrens-obj2opengl-a0f123e.zipをダウンロードしました。 BlenderのデータをAndroidでも使いたいのでobj2opengl.plをobjファイルをjavaファイルに変換するように改造してみました。 改造した内容は次の通りです。
![[Blender] obj2opengl.plをJava用に改造する](https://cdn-ak-scissors.b.st-hatena.com/image/square/b18301fbb84d1bc292a1be57881172c80833c7c8/height=288;version=1;width=512/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEgkoTd1nsVb_lSFrnaF1SB_6zTtK_BXYRYrDOrfCkN5AQLqb1oaVyH8VK8uj_s6TQOGpoHyFaiP4mO7vExL2Q0la1Bo9okk1Oms1BCYHzsk9KAGEUrW0jSDZfd-gx_irRKl1hcuBB9o4uA%2Fw1200-h630-p-k-no-nu%2Fblender_cube.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
阿蘇大橋周辺の被害地図 | 特集 熊本地震 ： 朝日新聞デジタル
寂寞たる南極海──ドローンとGoProがとらえた人気の動画
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
「インタラクティヴ映像」の新時代を切り拓く、24歳のアーティスト
C++ on the Web: Run your big 3D game in the browser
大規模 JavaScript その設計と実装と現実
連載インデックス「Unityで楽々スマホ用3Dアプリ開発入門」 - ＠IT