Webサイトに華やかな表現を！ HTML5用パーティクルライブラリ「ParticleJS」を公開 - ICS MEDIA
JavaScriptライブラリー「ParticleJS」を公開しました。「ParticleJS」は大量の粒子（パーティクル）の表現を行うためのライブラリーで、ゲームの演出やスペシャルコンテンツなどの表現制作に役立ちます。HTML Canvasとして動作するので、デスクトップ・モバイルを問わずどのブラウザーでも動作します。 また、「Particle Develop」という専用のデザインツールも用意しています。このツールを使うと直感的な操作でデザインでき、出力したパラメーターを「ParticleJS」にコピペで読み込めます。デザイナーが作成したパーティクル演出をエンジニアが利用するといった連携を想定してます。 MITライセンスで公開していますので、商用利用問わずどなたでも自由に利用が可能です。ソースコードやドキュメントはすべてGitHubにて公開していますので参照ください。 ParticleJ
JavaScriptのトレンドを素振りして確認する方法 - Qiita
JavaScriptは流れが早いと言われますが、その流れをどう捉えるかの一つの要素として使える素振りの話です。 流行り廃れが早いのはちゃんと循環してるということなので問題ないですが、 トレンドと言われるものの半分ぐらいは誰かの主張にすぎない事があります。 そのため、主張だけを見て判断しないで中身を見て確認する必要があります。 自分はJSer.infoというJavaScriptの情報サイトを2^8週間ほど継続してやっています。(5周年記念イベントを1/16(土)にやります) JSer.infoで紹介するものは何かしらの方法でその主張がおかしくないかの確認をとります。 売り文句は素晴らしいが中身を見た時におかしな部分や問題がありそうなら、そこで引き返して追わないという判断もします。 仮にそこで引き返した事が間違えであっても、それが素晴らしいものなら別の誰かがそういう主張を書いてくれるはずなので
【iOS】今年使ってみて良かったライブラリ4選 - Qiita
こんにちは、マネーフォワードでiOSエンジニアとして働いている杉本です。 私の方からは今年試してみて便利だったライブラリを紹介しようと思います。 RealmSwift RealmSwiftとは 1つ目は今年話題になったRealmSwiftというライブラリです。 RealmSwiftはRealmをSwiftから使うためのライブラリで、Coredataに近い存在です。 RealmとはSQLiteを置き換えると言われているモバイルDBです。 去年に出たばかりなのですが、リリース9ヶ月で世界2位のモバイルDBにまで成長したという期待のライブラリです。 realm/realm-cocoa RealmSwiftの長所 RealmSwiftですが、Coredataと比べるとテーブル定義とても簡単です。 CoredataではxcdatamodelファイルにModel定義をした上でそれに対応するクラスを作る
SwiftでもObjective-Cでもコードで簡単にAutoLayoutする - Qiita
MisterFusionを使ったコード 上記のレイアウトをMisterFusionを使って再現すると、以下のようなコードになります。まずは使いたいクラスの中で、import MisterFusionをしてください。 let redView = UIView() redView.backgroundColor = .redColor() self.view.addLayoutSubview(redView, andConstraints: redView.Top |+| 10, redView.Right |-| 10, redView.Left |+| 10 ) let yellowView = UIView() yellowView.backgroundColor = .yellowColor() self.view.addLayoutSubview(yellowView, andCon
【Swift】Springで簡単アニメーション - ぬけてるエンジニアの備忘録
github.com GitHubのトレンドリポジトリで見つけたSpringというアニメーションライブラリが凄まじく良かったので紹介してみる。 ★もかなりついててすでに有名で今更な感じかもしれませんが参考になる人がいれば。 環境 Xcode 7.0.1 Swift まずはcocoapods と思いましたが、公式にはcocoapodは未対応のようでした。 今回は手動でプロジェクトに GitHubでソースコードをダウンロードしましょう。 その中のSpringフォルダを自身のプロジェクトに追加してください。 storyboardでアニメーションをつける。 UIButtonだとCustomClassにSpringButtonと指定する。 UILabelだとSpringLabel UIImageViewだとSpringImageViewといった感じ。 続いてこんな感じでアニメーションを指定する。今回
[Swift] 爆速計算ライブラリ Surge を使う | DevelopersIO
Accelerate.Framework + Swift Accelerate フレームワークは線形代数の計算を始めとし、音声、信号処理に応用の効くフーリエ変換や画像処理などでハイパフォーマンスな計算処理を提供します。 このフレームワーク内では OS X / iPhone で用いられている Intel, ARM などの CPU の SIMD 命令を用いて計算が最適化されています。 Accelerate フレームワーク自体は iOS のフレームワークのなかでも比較的低レイヤな位置づけであるため、フレームワークを直接叩くような実装を開発者が行うことはまれです。 とはいえ、重量級の計算をアプリケーションのロジック部で行う際に、SIMD による最適化の恩恵が得られるにも関わらず、それを行わないのは宝の持ち腐れと言えます。 Surge はこの低レイヤな位置づけにある Accelerate フレームワ
![[Swift] 爆速計算ライブラリ Surge を使う | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/c8795c64527cfaed8ded2bedc348e198965dbeb2/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2014%2F06%2Fswift.png)
Storyboardでの画面遷移をスマートにやる方法 | TOKOROM BLOG
これは potatotips第６回め で発表した この話 のまとめと後書きです。 Storyboardいいですよね！ Storyboardを使うことで、 画面と画面が疎結合になる 簡単な画面遷移ならノンコーディングで実現できてソースコードを汚さない といったメリットがあります。 Storyboard登場以前だと、次の画面に遷移させるだけでも #import "NextViewController.h" NextViewController *nextViewController = [NextViewController new]; [self.navigationController pushViewController:nextViewController animated:YES]; といったコーディングをし、遷移元のViewControlelrは遷移先のViewController
DeNAのiOSエンジニア内で利用頻度の高いライブラリをランキング化してみました #iOS #DeNA｜CodeIQ MAGAZINE
DeNAで取り組んできた非ゲームの新規事業開発。その新規サービスの中で、iOS開発にフォーカスして、利用頻度の高かったライブラリやサービスをランキング形式でお届けします。 紹介してくれるのは、DeNAエンターテインメント事業本部でiOS/サーバ周りを担当している沖津貴智さんです！ by 馬場美由紀 （CodeIQ中の人） DeNAにおけるiOSアプリ開発 DeNA沖津です。DeNAでは、エンターテインメント事業本部という部署を新設し、非ゲームの新規事業開発に取り組んできました。 1年以上経過した現在、十数のサービスを開発し、リリース・運用を行ってきました。社内のGithub Enterprise上には、たくさんのプロジェクトのリポジトリが作成されており、エンジニア全員が自由に閲覧・プルリクエストを送れる環境にあります。 詳しくは、デブサミ2014「DeNAにおけるゲーム以外の新規事業の立ち
Swift製のライブラリだけをまとめたサイト「iOS Cookies」 | ライフハッカー・ジャパン
ヘッドライトの黄ばみがサッとキレイに! メッキ・ホイール・シートにも使えるマルチ過ぎなお手軽クリーナー「ウルトライト」
iOSの開発でお気に入りのライブラリN選 - Qiita
殿堂入り Realm Core Dataなんて最後に使ったのはいつだろうか。。。 Alamofire SwiftyJSON 通信ライブラリAlamofireのブロック構文に、JSONをより扱いやすくするSwiftyJSONをぶっこむ。 最近SwiftyJSONの仕様が変わってイマイチになったが、Swiftバージョン2.0でguard構文が追加されるので、guardで宣言するときに使いやすくなるかも。 SDWebImage みんな知ってる画像キャッシュライブラリ。 UI paper switch スイッチのON/OFFで色をアニメーション付きで変更する。 SCLAlertView フラットなアラート LTMorphingLabel 文字をモーフィング(アニメーション)させる MMPopLabel ポップラベル。Slackの立ちあげ時とかに出てくるアプリケーションのチュートリアルとかに使う。(
iOSライブラリ管理の神ツール「CocoaPods」のインストールと使い方
ライブラリ管理ツール「CocoaPods」とは 本連載「生産性ガチアゲなオープンソースiOSライブラリ」で紹介してきた通り、iOS向けのライブラリには、さまざまなものがあります。アプリを開発する際に、そのようなさまざまな外部ライブラリを使用して開発することになると、それらのライブラリの管理が大変になってくる場面もあると思います。今までは、GitHubなどから必要なライブラリをダウンロードして、プロジェクトに手作業で追加する必要がありました。 しかし、「CocoaPods」を使うことで、これら一連の作業を簡単な記述とコマンドだけで完了できます。 そこで今回は連載の最終回として、MacアプリやiOSアプリ開発者向けのObjective-Cライブラリ管理ツール「CocoaPods」を紹介します。 CocoaPodsのインストール まずは、CocoaPodsのインストールからです。CocoaPod
超簡単に3DCGできるJavaScriptライブラリ作った - aike’s blog
ブラウザでWebGLが使えるようになって3DCGプログラミングはずいぶん身近なものになりました。と書いてるそばから違和感を感じるくらい生のWebGLをJavaScriptで書くのは敷居が高かったりします。できなくはないけど前提となる知識がかなり必要な感じ。 three.jsが登場したときは、これで普通に3DCGができるということで一気にひろまりました。とはいえ、それでもまだやることは多く、画面に四角い箱を表示する場合以下のようなプログラムを書くことになります。 ・シーンを作成 ・ライトを作成、位置と向きを設定、シーンに追加 ・カメラを作成、位置と向きを設定、シーンに追加 ・マテリアルを作成、色を指定 ・BoxGeometryを作成、サイズを指定 ・メッシュを作成、位置と向きを設定、シーンに追加 ・レンダラーを作成 ・レンダリングループ処理 これらのひとつでも間違えたりパラメーターが適切でな
Elastic SVG Elements | Codrops
Some inspiration for elastic components with SVG shape animations for enhanced UI interactions. Today we’d like to share some inspiration for adding elasticity to elements. The idea is to integrate an SVG element into a component and then animate it from one path to another with an elastic animation. Using SVGs like this can make things like menus, buttons or other elements more interesting and ma
人気上昇中のJavaScriptライブラリを調べてみた［ジャンル別に比較］
連載 INDEX 次回 → こちらのページで【2015年版】も発表！ ■ 2014年が始まり、心機一転で「今年こそはWeb開発を頑張ろう」と思っている人も少なくないだろう。そんな方々に向けて本稿では、2013年中に人気が急上昇してきており、「2014年では必須の知識」となりそうなJavaScriptライブラリ（Library）をランキング形式で発表する。 なお、本稿のランキング決定では、検索キーワードの流行を調査可能な「Googleトレンド」（「すべての国」「過去 12 か月間」「すべてのカテゴリ」「ウェブ検索」という条件で絞り込み）を使って、ライブラリの人気をジャンルごとに比較した（※ライブラリ名が一般的な英単語の場合、Web検索時に、その英単語にもヒットしてしまう。このノイズがGoogleトレンドでの結果として入り込んでいる可能性が高いことをご了承いただきたい。各ジャンルは、筆者が独自
CSSでアニメーションを作るのがグッと楽になるアニメーションライブラリまとめ
モダンブラウザの普及により、以前に比べるとCSS... / CSSアニメーションライブラリ / Animate.css他...全19件 モダンブラウザの普及により、以前に比べるとCSS3アニメーションを使う機会が増えてきています。CSSを使ったアニメーションは、プレフィックスが必要だったり、アニメーションの流れがコードを見ただけでは直感的に分かり辛かったり、自由に使いこなせるには慣れと経験が必要です。 そういった悩みを解決してくれるアニメーションライブラリが存在するのをご存氏でしょうか？ちょっとしたCSSアニメーションであればライブラリを使うことでいとも簡単に組み込むことができます。 そんなありがたーいライブラリを集めました。
Two.js
TIP Prior to v0.7.0-alpha.1 Two.js requires Underscore.js and Backbone.js Events. If you're already loading these files elsewhere then you can build the project yourself and get the file size even smaller. For more information on custom builds check out the source on github. # Overview Overview # Focus on Vector Shapes Two.js is deeply inspired by flat motion graphics (opens new window). As a resu
個人的に好きなJavaScriptのアニメーションライブラリ5選+1 | 楽遊堂
はてブを見ているとたまに「○○の○選」や「○○のまとめ」といったタイトルで書かれているエントリーがあります。 流行っているのかはわかりませんがつい見てしまいます。 ブログを始めたら僕もやってみようと思っていたので試しにやってみます。 触ったコードがそのまま動くのが好きなのでJavaScriptのアニメーションライブラリを選んでみました。 エフェクトというよりはモーションに近いものを選んでいます。 bonsai bonsai 名前が盆栽のライブラリ。 ロゴもそれっぽいしたぶん意識してるはず！ 「A lightweight graphics library with an intuitive graphics API and an SVG renderer.」 直訳 （直感的なグラフィックスAPIとSVGレンダラで軽量のグラフィックライブラリ） とあり、結構簡単にアニメーションさせることができ
【JavaScript】高機能アニメーションライブラリtween.jsの使い方
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 (function(){ if(typeof jQuery == 'undefined')return; jQuery.noConflict(); jQuery(function($){ //対象の要素を取得 var twObj = $('#obj'); twObj.text('クリック'); twObj.click(function(){ twObj.text('クリック'); //クリックしたら実行 init(); }); //要素をわかりやすくCSS適応 twObj.css({ 'position':
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - MengTo/Spring: A library to simplify iOS animations in Swift.
http://vdeep.net/wp-content/uploads/2015/05/ios-spring.png