人気上昇中のJavaScriptライブラリを調べてみた【2016年版】
新しいWeb開発フレームワークも登場！ 2015年中に人気が急上昇してきており、「2016年では必須の知識」となりそうなJavaScriptライブラリをランキング形式で発表する。 ← 前回 連載 INDEX 2016年が始まり、心機一転で「今年こそはWeb開発を頑張ろう」と思っている人も少なくないだろう。そんな方々に向けて本稿では、2015年中に人気が急上昇してきており、「2016年では必須の知識」となりそうなJavaScriptライブラリをランキング形式で発表する（※昨年の2015年版はこちら）。 なお、本稿のランキング決定では、検索キーワードの流行を調査可能な「Googleトレンド」（「すべての国」「過去 12 か月間」「コンピュータ、電化製品」「ウェブ検索」という条件で絞り込み）を使って、ライブラリの人気をジャンルごとに比較した（※ライブラリ名が一般的な英単語の場合、Web検索時に、
PHPのおすすめライブラリ5選を一覧紹介！インストール方法も解説 - ITプロマガジン
こんにちは、ITプロマガジンです。 PHPで開発を行う時に便利なライブラリですが、ライブラリにはたくさんの種類があります。その中で、どんな時にどれを使うのがいいのか？悩まれている方も多いかと思います。 そこでこの記事ではアプリ開発を行う際に補助的な役割を果たすライブラリお勧め5種のを紹介します。また、インストール方法も併せて解説するのでぜひ参考にしてください。 弊社では、数多くのエンジニアの方にフリーランス案件を獲得していただいています。経験とスキルさえあれば、週2日から高収入案件をご紹介できます。まずは無料登録をして色々な案件をみて見てください。弊社からおすすめの案件をご紹介することも可能です。 「案件はたくさんあるはずなのに、なかなか自分の望む案件が見つからない…」 エンジニア市場は売り手市場であるものの、いまだに正しいマッチングノウハウが確立されておらず、多くの方が案件探しに苦労され
様々なJavaScriptライブラリやフレームワーク、プラグイン等を探せる・「JavaScripting.com」
JavaScripting.comは公開されている様々なJSライブラリやフレームワーク、プラグイン等を探せるWebツールです。大量のJSライブラリ等を収集しており、細かくカテゴリ分け、探しやすいようにしてあるみたいです。それぞれのJSライブラリやフレームワークは本サイトやGithub等へのリンクとともに、概要、CDN、リポジトリなども確認可能となっています。 JavaScripting.com
[JS]物理法則に基づいたさまざまなアニメーションを実装できるスクリプト -Dynamics.js
デモページ 物理法則に基づいたさまざまな動きは、ブルーのプルダウンからいろいろ試すこともできます。 Dynamics.jsの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <body> ... コンテンツ ... <script src="dynamics.js"></script> </body> Step 2: JavaScript 適用するエレメントを指定し、アニメーションを設定します。 elは要素、el内のプロパティはアニメーションさせるプロパティと値、typeはアニメーションの種類、frequency, frictionはアニメーションの細かい設定、durationはタイミングです。 var el = document.getElementById("logo") dynamics.animate(el, { translateX: 350,
![[JS]物理法則に基づいたさまざまなアニメーションを実装できるスクリプト -Dynamics.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/5bf61a2d1b7c4461469ad3d2119edd7583b7f517/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015062806.gif)
【iOS】スクロール可能なメニューバーを持つViewControllerをオープンソースとして公開しました | PSYENCE:MEDIA
【iOS】スクロール可能なメニューバーを持つViewControllerをオープンソースとして公開しました 大島 雅人 2015.01.15 677 65200250162 概要 スクロールできるメニューバーとスワイプで画面を切り替えることができるViewControolerのコンテナを、オープンソースとして公開しました。 recruit-mp/RMPScrollingMenuBarController | GitHub We published RMPScrollingMenuBarController by open source. RMPScrollingMenuBarController has a scrollable menu bar, and multiple view controllers for iOS. ニュース系アプリでよく使われているUIで、弊社の料理サプリのiO
Javaを使うなら知っておきたい技術、フレームワーク、ライブラリ、ツールまとめ
Javaの開発と言っても、各種ミドルウェアやフレームワーク、ライブラリ、ツールなどが豊富にあり選択に悩むことは少なくないと思います。 そこで関連技術のインデックスになればと作成しました。 あくまで知っている範囲で記述しているので、コメントしてもらえれば随時追加します！ すべてを書くと膨大な量になるため、現状採用が減ってきているものや、そもそもあまり採用されていないもの、後継があったり、類似のものと比較した場合に明らかに劣っているものは省いています。 ちなみにライブラリには高機能なものも多いので、分類は参考程度にご覧下さい。 サーバ系 Apache HTTP Server 世界中でもっとも多く使われているWebサーバ。 nginx フリーかつオープンソースのWebサーバで、処理性能・高い並行性・メモリ使用量の小ささに焦点を当てて開発されている。 Tomcat Java ServletやJSP
フラットデザインでレスポンシブなプログレスバー作成「ProgressBar.js」:phpspot開発日誌
スマホアプリ紹介WEBサイト作成テンプレート「Mobile App Introduction Template... 次の記事 ≫：動画パスを指定するだけで簡単に背景動画を設定できる「video-background-...
Chartist – レスポンシブ対応のSVGグラフライブラリ
Webは表現力が弱いと言われていますが、特にグラフ周りで苦労することが多いのではないでしょうか。データを単純に一覧表示するのではなく、グラフを用いることでトレンドを知ったり、よりビジュアル的に把握できるようになります。 そこで今回は最新のグラフライブラリ、Chartistを紹介します。SVGで描かれたレスポンシブなグラフライブラリです。 Chartistの使い方 シリーズをJavaScriptの配列で与えるだけ。とても簡単ですね。 ChartistはSVGでグラフを描き、スタイルシートでビジュアルを調整できます。さらにレスポンシブに対応することで幅によってラベルの表示を変更するようになっています。対応ブラウザはIE9以降となっています。 ChartistはJavaScript製のソフトウェア（ライセンスはWTFPL）です。 Chartist - Simple responsive char
Box2DWeb jsを使って物理演算をする方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
物理演算をしてくれるライブラリにBox2DWebというのがあります。Box2DFlashというASライブラリのJavaScript版です。 こいつを使って物理演算をすると、表現の幅が広がりそうなので、試してみたいと思います。 とりあえず最初なので、簡単なのを作ってみました。 ボールが落下するデモ わりと事前準備が大変なので、Box2DWeb jsを使って物理演算をする上で、大切な所を解説しておきます。 1. スケールを定義しておこう // 17行目付近 var WORLDSCALE = 30; Box2DWebはメートル方を採用しているらしいので、共通のスケールを定義しておきます。 今回は1メートル=30pxでいきます。 2. 重力を計算する世界を作ろう // 20行目 var world = new b2World( new b2Vec2(0, 9.8) , // 重力の設定 横,縦の重
JavaScriptライブラリの気になる実装をどうやって見ていくか
はじめに 毎日新しいJavaScriptライブラリが登場していると思いますが、それらがどういう実装になっているかを知ることはライブラリを使う以上に大事かもしれません。 ソースを全部読めば分かるかもしれませんが、それをやるには時間が足りません。 JavaScriptに限った話では無いですが、今回はJavaScriptを例に”特定の機能はどうやってるんだろ?”という事を調べる方法についてです。 探す前にドキュメントに載ってないかを見るのが手間がなくて一番よいですが、書いてない場合は実装を見ます。 Vue.js 今回はVue.jsというAngularJSやKnockoutのようなViewとModelのデータバインディグを行うライブラリを例に、データバインディグはどうやっているのかを2つの方法で調べてみたいと思います。 コードをステップで見ていく これはよく見る方法で皆さんもやったことがあると思い
固定ヘッダーを簡単に実装可能なJavaScript「On Scroll Header Effects」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのモモコです。 新オフィスに引っ越してから、いろいろな人のお手製ご飯が食べられて嬉しい今日この頃です。 今回は、セクションごとにスタイリッシュな切り替えができる固定ヘッダーを簡単に設置できるJavaScript「On Scroll Header Effects」を紹介します。 公式ページはこちら： https://tympanus.net/codrops/2013/07/16/on-scroll-header-effects/ デモ まずは、下記リンクからデモをご覧ください。 https://211.125.65.24/demo/2013/10/effect/ ※現在はサービスを終了しています。 実装手順 使用するのは「jQquery」と「waypoints.js」の2つです。 まずはHTMLとCSSを用意します。 CSSの読み込み <link rel="styles
Amazonのワンクリック決済システムが自サイトでも使える「Login and Pay with Amazon」発表
Amazonにログインした状態ならワンクリックで支払いができ、何かを購入する度に長々と自分の名前・住所・電話番号・メールアドレス・支払い方法などを入力しまくる必要がなく、他のページに飛ばされることも無くなるという新しい仕組み「Login and Pay with Amazon」が発表されました。 Merchant Account, Merchant Services, Shopping Cart - Amazon Payments https://payments.amazon.com/business Amazon Media Room: Press Releases http://phx.corporate-ir.net/phoenix.zhtml?c=176060&p=irol-newsArticle&ID=1862641&highlight= 実際にAmazon Paymentsの
ScaleOut | Supership
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
【iOS7】フラットデザインUI実装に役立つライブラリのまとめ - その後のその後
iOS7で採用されたフラットデザインっぽいUIを、現行iOS（〜6.x）で実装する際に役立つOSSをまとめました。後半ではiOS7っぽく下のビューをブラーかけて半透過表示するライブラリや、パララックス表示するライブラリも紹介しています。 * English version of this article ※（2013年7月17日追記）9点追加し、カテゴリ毎に分類しました。 総合 FlatUIKit フラットデザインなUIコンポーネント詰め合わせ。ソースをみると、ほとんどのコンポーネントが該当するUIKitコンポーネントのカテゴリやサブクラスとしてつくってあって、使いやすそうです。 FlatUI 同様にUIコンポーネント詰め合わせですが、かなりiOS7に似せてつくられている点が特長です。 UI7Kit iOS5, iOS6 で iOS7 の見た目を実現するUIKitのサブクラス集。 iPho
Yahooが作ったピュアCSSのUIライブラリ「Pure」:phpspot開発日誌
Pure Yahooが作ったピュアCSSのUIライブラリ「Pure」 グリッド、フォーム、ボタン、テーブル、メニュー等を実現するCSSモジュールです。 なんとなくBootstrapっぽい感じがしますが、JavaScriptレスというのが特徴なんでしょうか。 今時JavaScriptは普通に動くでしょ、という方もいるかもしれませんが、CSSのみなので5.7KBという軽量さがアドバンテージになるのかもしれませんね。 レスポンシブサイトをつくる際にも使えるということで、選択肢の１つとして評価検証してみてもよいのかも。 関連エントリ レスポンシブに使えるタブUI実装jQueryプラグイン「Easy-Responsive-Tabs-to-Accordion」 範囲指定が可能になるUI実装jQueryプラグイン「noUiSlider」 フラットで綺麗なUIライブラリFlatUIのモバイルテーマ「Fla
『JavaScriptの開発効率を高める7つのライブラリ』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。
POSTやファイルアップロード等がPHPから簡単に行えるHTTPライブラリ「Unirest」:phpspot開発日誌
Unirest - Simplified, lightweight HTTP libraries in multiple languages POSTやファイルアップロード等がPHPから簡単に行えるHTTPライブラリ「Unirest」 かなり簡単なコードでHTTPの操作が可能になるライブラリのご紹介。PHPだけじゃなくて、Java、Ruby、Pythonの他、Objective-Cにも対応。 次のようなコードで簡単にPOST操作ができます ファイルアップロードも簡単。。 これは知っておくと楽ができそうですね 関連エントリ 軽量で便利に使えるPHP用DB操作ライブラリ「Medoo」 レイヤー機能による画像合成機能やサムネイル生成等が超簡単に行えるPHPライブラリ「PHPImageWorkshop」 PHPのエラー画面をリッチにしてくれるライブラリ「PHP Error」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Googleのマテリアルデザインを使ったウェブサイトが作れる公式CSS/JS/HTMLコンポーネント「Material Design Lite」 - グノシー
GoogleがHTML5構文解析ライブラリGumboをオープンソース化
商用利用無料！ミニマルにデザインされたUIエレメントやコンポーネントが揃ってるCSSのライブラリ -Papier
