ITエンジニア/デザイナ向けにオープンソースを毎日紹介

開発 - ライブラリの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2012/11/23

Webサイトをiframeで開いて情報を追加「PageSlide」

PageSlideはリンクをiframeで開き、URLコピーやシェア機能を追加するJavaScriptライブラリです。PageSlideではWebページを開く際にフレームの中で開くという面白い見せ方をしてくれます。一枚上のレイヤーに情報を追加して表示といった使い方が面白いかもしれません。最初にURLが一覧されています。...

43337?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f10%2fscreenshot-2012-10-01-11.51.15_thumb

  • 2012/10/11

奇麗な表示、アニメーションのグリッドライブラリ「MGBox2」

MGBox2はシンプルながらセンスのいいグリッド表示ライブラリです。iOSアプリが流行るか否かはアプリ本質の面白さはもちろんのこと、デザインも大きなウェイトを占めています。そこでどんな見せ方が有効であるかを常に検討する必要があるでしょう。今回紹介するのはMGBox2、グリッド表示のライブラリです。縦型の例。+をタップす...

List

  • 2012/10/04

iOS6の地図表示にGoogleマップを。Yet Another MapKit「YAMapKit」

YAMapKitはiOS6における地図表示にGoogleマップのJavaScript APIを使ったライブラリです。Appleの思惑は色々あるにせよ、iOS6におけるマップアプリの出来の悪さには皆が辟易しています。そこで使ってみたいのがYAMapKitです。GoogleマップのJavaScript APIを使ったMap...

List

  • 2012/09/26

Twitter、Facebook、Google、GitHub…多数のプロバイダに対応した認証ライブラリ「HybridAuth」

HybridAuthはFacebookやTwitterをはじめ多数のプロバイダに対応した認証統合ライブラリです。Webサービスを作っていてたびたび発生するのが認証システムです。ID/PWの他、最近では外部のソーシャルサービスを使うケースも多々あります。そこで多数の認証システム対応を一手に引き受けてくれるHybridAu...

42698?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f09%2fscreenshot-2012-09-10-10.55.40_thumb

  • 2012/09/19

JavaScriptでインパクトあるアニメーションを実現「jsAnim」

jsAnimはJavaScript製のアニメーションライブラリです。Webページ上にインパクトあるアニメーションを実現しようと思ったら、これまではFlashを使うのが一般的でした。しかし今後はJavaScriptで十分かも知れません。そんな未来を感じさせるのがjsAnimです。サンプルです。キャラクターが左右に動きます...

42395?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f09%2fscreenshot-2012-09-03-9.20.41_thumb

  • 2012/09/12

インパクトのあるフローティングを求めるなら「Avgrund」

Avgrundはクリックすると背景をぼかして表示されるフローティングライブラリです。リンクやボタンをクリックするとフローティングで情報を表示すると言ったイフェクトはたくさんあります。ありすぎて食傷気味なくらいです。しかしAvgrundは見た瞬間のインパクトがかなり大きい表示になっています。クリック前です。こんな感じにな...

List

  • 2012/09/11

HTML5で懐かしいゲーム風イフェクトを再現「CODEF」

CODEFはノスタルジックなゲーム風イフェクトを再現するHTML5用ライブラリです。どれだけグラフィックスが奇麗になり、3Dもさくさく動く時代になってもノスタルジックなゲームは根強い人気があります。今回紹介するCODEFは、そんな昔懐かしいグラフィックスのイフェクトをHTML5で再現するソフトウェアです。宇宙を旅するよ...

List

  • 2012/09/09

インパクト大!スプラッシュスクリーンをアニメーションさせる「YISplashScreen」

YISplashScreenはスプラッシュスクリーンにアニメーションを加えるiOSライブラリです。iOSアプリで大切なのはもちろん機能ですが、その前段階として見た目のインパクトも重要です。ただアプリを起動してスプラッシュスクリーンを表示してメインのビューに遷移する。そんなありきたりでないビューを実現するのがYISpla...

List

  • 2012/09/07

海外のブログで使われている二段階スクロール式のヘッダーライブラリ「scrollable-layer.js」

scrollable-layer.jsはヘッダーとメニュー部が合体するタイプのスクロールをサポートするJavaScriptライブラリです。最近のWebサイトでよく使われているのがスクロールしてもヘッダーが追従してくるタイプのデザインです。特に個人的にTechCrunch.comのやり方が面白いと思っていたのですが、同様...

List

  • 2012/09/02

様々な方向を指定できる通知/メッセージライブラリ「noty」

notyはjQuery製の通知表示ライブラリです。全12方向から表示場所を選べます。Webサービスでは必ず必要になるのが通知やメッセージ機能です。ページ上にレンダリングしても良いですが、今回はnotyをお勧めします。様々な方向に目立つ通知を表示できます。画面上部に通知が出ています。クリックすると消えます。この辺りは自動...

42084?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f08%2fimg_0423_thumb

  • 2012/09/01

Mobile Safariのクリックイベントを高速化「fastClick.js」

fastClick.jsはMobile Safariのクリックイベントにおける遅延を改善するソフトウェアです。iPhoneのMobile Safariにおいてリンクをタップした時の動作が重たい(遅い)感じがしたことはないでしょうか。実際、300msくらいの遅延が発生しているようで、Webブラウザゲームなどではもっさりし...

41382?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f07%2fscreenshot-2012-07-30-11.27.52_thumb

  • 2012/08/10

折り畳まれたメニューを展開するように表示するiOSライブラリ「PaperFold for iOS」

PaperFold for iOSは地図やテーブルを折り畳まれたように表示できるiOS用ライブラリです。iPhoneは画面の小さなデバイスなので、情報を効率よく並べないとごちゃごちゃになってしまいます。そこでメニューを隠したりするのですが、今回紹介するPaperFold for iOSもその一つになります。スライドさせ...

40930?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f07%2fscreenshot-2012-07-18-15.51.43_thumb

  • 2012/07/27

シェアボタンを手軽にカスタマイズ「Sharrre」

Sharrreは各種ソーシャルサービスに対応したシェアボタンのカスタマイズライブラリです。最近ではソーシャル系サービスが人気とあって、大抵のWebサイトにシェアするためのボタンが設置されるようになっています。しかしサービス側から与えられるボタンをそのまま設置するのでは面白くありません。自分なりのカスタマイズを施したい、...

40855?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f07%2fscreenshot-2012-07-18-10.32.10_thumb

  • 2012/07/25

JavaScript製の高度なアニメーションライブラリ「tween.js」

tween.jsはActionScriptのTweenクラスを真似たJavaScriptアニメーションライブラリです。かつてオンラインでアニメーションを表現しようと思ったならばFlashかGIFアニメーションを使うのが一般的でした。しかし今後JavaScriptの採用が増えていく中では別な作法を学ばなければなりません。...

List

  • 2012/07/19

RubyMotionをもっとRubyらしくするヘルパーライブラリ「BubbleWrap」

BubbleWrapはRubyMotionをよりRubyらしく書けるようにするヘルパーライブラリです。先日話題になったRubyでiOSアプリが作れるRubyMotion。しかし殆ど素のObjective-Cのコードを書く形であり、これならObjective-Cのままでも良いではないかと思ってしまいました。しかしそこに登...

40476?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f07%2fscreenshot-2012-07-02-10.34.59_thumb1

  • 2012/07/12

iOSライクな惰性スクロールをデスクトップでも「Overscroll」

OverscrollはデスクトップのWebブラウザでiOSに似たスクロールを可能にするライブラリです。iOSが直感的なデバイスである特徴の一つに惰性のスクロールがあります。指で弾くとその流れでスクロールが続く機能です。あの直感的スクロールをjQueryで再現したのがOverscrollです。デモはiPhone風のデバイ...

40319?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f06%2fscreenshot-2012-06-26-21.18.33_thumb

  • 2012/07/10

Facebookアプリを作るノウハウの詰まったライブラリ「crocos-js」

crocos-jsはFacebookアプリを作るのに必要な技術を盛り込んだライブラリです。Facebookの成長を牽引した要因の一つはアプリでしょう。ゲームが中心ではありますが、Facebookページに埋め込むタイプのアプリも多数あります。そんなFacebookアプリを作るのに便利なライブラリがcrocos-jsです。...

39825?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f06%2fscreenshot-2012-06-12-11.07.13_thumb

  • 2012/06/25

HTML5/CSS3による無段階ズームライブラリ「ZUI53」

ZUI53はHTML5/CSS3を使った無段階ズームライブラリです。スマートフォンでは画面が小さいこともあってズーム機能を良く使います。そんな時にかくかく動いていたら興ざめです。同じ操作をデスクトップブラウザでも実現してくれるのがZUI53です。マウススクロールやピンチ操作でスムーズにズームイン/アウトしてくれます。サ...

List

  • 2012/06/14

JavaScriptだけで作られた分かち書き「TinySegmenter」

TinySegmenterはJavaScriptで作られた分かち書きライブラリです。日本語から情報を得る際に使われる技術が分かち書きです。そんな分かち書きでは辞書を使って解析を行うのが一般的ですが、JavaScriptのような言語では大量の辞書を扱うのには不向きです。そこで自動的に判定するTinySegmenterを使...

List

  • 2012/06/09

これはいい!ドロップダウンに画像と説明文を追加「ddSlick」

ddSlickはドロップダウンメニューにアイコン、説明文を追加できるjQueryライブラリです。常々HTMLのコンポーネントは貧弱だと思っていた。特にドロップダウンの使い勝手の悪さったらない。テキストしか表示できず、情報選択のUIとしてあまりに粗雑ではなかろうか。そしてみんなが望んでいたライブラリが登場した。それがdd...