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

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

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

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

もっと見る

List

  • 2017/05/28

SpreadsheetView - まるでExcelのように複雑なグリッド表示をiOS上で実現

iOSアプリではシンプルで直感的なUIを求められますが、業務用アプリとなると一段違ったレベルのUIが求められます。一覧表のような形式であったり、複数人のスケジュールを一覧できる機能が欲しいと言われることもあるでしょう。そうした難しい表形式の表示を提供するのがSpreadsheetViewです。Excelで作るような複雑...

None

  • 2014/11/03

FKit – JavaScriptに関数型言語をミックス

JavaScriptでは標準では物足りないと感じられることが多いです。そこでjQueryやUnderscoreのようなライブラリが必須になってきます。そうすることでプログラミングをする上で必須ともいえる機能が使えるようになります。FKitはそのJavaScriptでよくありがちな機能を補完してくれるライブラリになります...

None

  • 2014/10/07

Time-Moment さまざまなコーディングスタイルを意識した日付と時間を得るモジュール

Time-Moment はC言語で記述されたPerl用モジュールです。Perlには日付と時間を得る方法がいくつもあります。しかし、ソフトウェアエンジニアは使い勝手やさまざまな事情から、日付と時間を得る関数やモジュールを改めて定義することがあるのではないでしょうか。Time-Moment を選択肢に加えることで、開発の手...

List

  • 2014/06/24

JSON Editor – JSON Schemaから入力検証つきフォーム生成

JSONの利用範囲が拡大しています。エンタープライズ系ではXMLがまだまだ優勢だと思っていたのですが、Web APIが広がるのに伴って利用が進んでいるようです。そんな中で求められるのはより強固なJSONフォーマットです。それを可能にするのはJSON Schemaです。検証可能なJSONによって入力値の正しさ、相互のメッ...

List

  • 2014/06/22

Library Detector - あのサイトはどのJavaScriptライブラリを使っているか

Webシステムを開発していると他のサイトがどういった仕組みで動いているか気になったりしますよね。HTMLソースやURLからどんなプログラミング言語で、どんなフレームワークか知ったりするのは面白いです。サーバサイドは実際のところは分からないのですが、フロントエンドは分かります。ということで入れてみたいのがLibrary ...

List

  • 2014/03/27

Depstack – 投票ができる。使えるライブラリに出会えるサイト

プログラミング言語はライブラリが肝です。言語単体の魅力はもとより、使えるライブラリが十分にないと利用したいと思えないでしょう。各言語向けにライブラリを紹介するサイトがありますが、それらを一つにまとめあげてしまうのがDepstackです。Depstackでは有名なプログラミング言語のライブラリがたくさん揃っています。各プ...

List

  • 2014/02/19

localForage - スマートフォン/デスクトップで使えるシンプルなキーバリュー型ストレージ

Backboneにも対応しているのがポイント高いかも!HTML5にはオフラインに対応するために幾つかのストレージ機能が提供されています。localStorage、IndexedDB、さらにWebSQLも一部のブラウザでサポートされています。キーバリュー型のシンプルな非同期型ストレージを提供してくれるライブラリlocal...

List

  • 2013/01/12

r18n互換のJavaScript国際化処理ライブラリ「X18n」

X18nはJavaScriptによる国際化処理ライブラリです。JavaScriptの活用の幅が広がっていく中で注目したいのが多言語化対応です。Webアプリケーションなどで使ってみたいクライアントサイドの多言語化ライブラリとしてX18nを紹介します。基本的な使い方。まずregisterで言語とその変換を登録します。言語の...

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もその一つになります。スライドさせ...