タグ

JavaScriptに関するhicageのブックマーク (6)

  • 使いづらいフォームを劇的に改善!セレクトボックス系jQueryプラグイン13選

    見栄え良く、使いやすいフォーム作りに役立つ、便利なセレクトボックス系jQueryプラグインのまとめ。現在のメンテナンス状態まで徹底調査しました。 誰もがselect要素がデフォルトのスタイルで良いと思っているわけではありません。スタイルの見え方をコントロールしたい(複数のブラウザーやデバイスで一貫性を保ちたい)と考えたり、はじめからサポートされていない追加機能が欲しいと考える人もいるかもしれません。 幸い、簡単にそうしたことができるすばらしいjQueryのプラグインはたくさんあります。 次のプロジェクトに組み込める、すばらしいプラグインを厳選して紹介します。オプション、メソッド、イベントなどにより自由自在に設定を変えられるプラグインもあれば、スタイリング変更や、使いやすさに配慮し単にselect要素を置き換えるものもあります。 Chosen Chosenは拡張性のあるプラグインで、sele

    使いづらいフォームを劇的に改善!セレクトボックス系jQueryプラグイン13選
  • カッコいいグラフがむちゃくちゃ簡単に描ける!Chart.js 2.0がスゴい

    データビジュアライゼーション系のライブラリーといえば、D3.jsが有名。でも、シンプルなグラフをWebで描くだけなら、もっと手軽なChat.jsを使ってみてもいいかもしれません。 Webサイトのデータ量が多いときは、データを見やすくするための方法を見つけなければなりません。なんだかんだと、人間は数値データの長いリストを理解するのが得意ではありません。 そこで、チャートやグラフが役に立ちます。チャートやグラフを使えば、 複雑な統計関連のデータが分かりやすく直観的に理解できるようになるのはもちろんのこと、英語を話さない人でも利用可能になります。基的なチャートであればみな同じスピードで理解できますが、専門用語が散りばめられた文章ではそうはいきません。 必要に応じてチャートを使えば、Webサイトは理解しやすくなり、見た目ももっと魅力的になります。 記事ではChart.jsと呼ばれるJavaSc

    カッコいいグラフがむちゃくちゃ簡単に描ける!Chart.js 2.0がスゴい
  • ReactとD3.jsの組み合わせで変わる!JavaScriptアニメーション開発

    人気のデータビジュアライゼーションライブラリー「D3.js」をもっと使いやすく、便利にするために。Reactを使ったコンポーネント化に取り組み、リアルタイムで描画されるアニメーションを作ります。 D3は最高です。Webのデータビジュアライゼーション分野におけるjQueryのように、考えられるあらゆることが実現できます。 オンラインで見られる最良のWebのデータビジュアライゼーションの多くがD3を使用しています。D3は素晴らしいライブラリーですが、最近のv4のアップデートで従来よりさらに安定性が増しました。 Reactと一緒に使えば、D3はさらに便利になります。 ちょうどjQueryのように、D3は高性能ですが課題もあります。データビジュアライゼーションが大規模になればなるほど、用いるコードは複雑になり、バグを修正したりアイデアを絞り出したりするのにさらに時間がかかるようになります。 しかし

    ReactとD3.jsの組み合わせで変わる!JavaScriptアニメーション開発
    hicage
    hicage 2016/09/16
    グラフ
  • 知ってる?Web開発者がJavaScriptでゲームを作るときのはじめの一歩

    Web開発者が初めてゲームを作るときに戸惑うのが、「ゲームループ」という考え方。普通のWebアプリを作るのとどう違うのか、シンプルなゲームのプログラム構造に触れてみましょう。 「ゲームループ」は、時間をかけて状態を変化させることでアニメーションやゲームをレンダリングするために使う技術につけられた名前です。来は、ユーザー入力を受け取り、経過時間の状態を更新してからフレームをできるだけ多くの回数描く関数です。 この短い記事では、基的な技術がどう機能するかを説明します。基的な技術が分かれば、ブラウザベースのゲームやアニメーションの制作を始められます。 ゲームループは、JavaScriptでは次のようになります。 function update(progress) { // Update the state of the world for the elapsed time since la

    知ってる?Web開発者がJavaScriptでゲームを作るときのはじめの一歩
  • jQueryはもうしんどい…フレームワーク初心者ならVue.jsから始めてみたら?

    jQueryは超便利。でも、ちょっとアプリっぽいものを作るには見通しも悪いし、後々のメンテナンスも大変…。Angunlar.jsやReact.jsよりもシンプルで触りやすい、Vue.jsから始めてみてはいかが? 2016年7月21日:記事更新。Vue.js 1.0.xをカバーし、コンポーネント部分を追加しました。 Vue.jsは、MVVM(Model-View-ViewModel)アーキテクチャパターンを使用したWebアプリケーションの組み立てを助けてくれるJavaScriptライブラリーです。はじめはAngularJSとよく似ていると思いましたが、一度使ってみるとVue.jsはシンプルで使いやすいだけでなく、フレキシブルであることにも気づきます。 今回は初心者向けの記事として、Vue.jsの基コンセプトと重要な特徴を含めた全体像を説明します。 Vue.js 1.0.xはいくつかシンタッ

    jQueryはもうしんどい…フレームワーク初心者ならVue.jsから始めてみたら?
    hicage
    hicage 2016/08/18
    どうだろう。。名前だけ覚えておく
  • Essential JavaScript And jQuery Design Patterns - A Free New Book

    Essential JavaScript And jQuery Design Patterns - A Free New Book November 14, 2010 Hey guys. Today I'm happy to announce the release of a free book I've written called 'Essential JavaScript & jQuery Design Patterns For Beginners'. Design patterns are reusable solutions to commonly occurring problems in software development and are a very useful tool to have at your disposal. I wanted to write thi

    Essential JavaScript And jQuery Design Patterns - A Free New Book
    hicage
    hicage 2010/11/16
    後で見る
  • 1