no-image

JavaScript

フロントエンドアプリケーションを構築するためのJSライブラリ「HyperApp」

HyperAppは、フロントエンドアプリケーションを構築するための1KBの軽量なJSライブラリです。簡単に言えば、WEBアプリケーションで比較的よく見られるドラッグやクリック、入力などのコンテンツを実装する場合に役に立つライブラリです。シンプルなものであれば、HyperAppの使用のみで実装が可能です。

こちらのライブラリは、1KBと非常に軽量なのも嬉しい特徴のひとつです。また、他のライブラリには依存していません。それでは、HyperAppについて詳しく見ていきましょう。

HyperApp

デモ

  • クリック数
  • カウンター
  • ドラッグ
  • ログ
  • スライダー
  • クロック(秒針が自動で動く)
  • クロック(現時間の自動表示)
  • ToDoリスト

上記を含め全18タイプの例が紹介されています。ソースはすべての例において詳細に記載されていますし、コピペですぐに利用できます。

<script src="https://unpkg.com/hyperapp"></script>
<script src="https://unpkg.com/hyperapp@0.7.0"></script>

Windows10も広く流通し、WEBアプリケーションの開発や利用も著しく広がってきています。WEBは、もはやインターネットを閲覧し、メールを送るような単純なことだけではなく、様々なコンテンツやサービスを備えたアプリケーションとしてその価値が高まっています。

そして、複雑なサービスをシンプルにユーザーへ利用してもらうために、UI・UXは重要事項として捉えられています。そのような事情を、HyperAppを活用することでより簡単に展開できるのではないでしょうか。

HyperApp

SweetDropdownスタイリッシュで多彩なドロップダウンを実装できる「SweetDropdown」前のページ

横軸の時系列でタスク管理ができるjQueryプラグイン「jQuery Pit-scheduler v2.0」次のページjQuery Pit-scheduler v2.0

関連記事

  1. Slyder

    JavaScript

    レスポンシブ対応のスライダーナビゲーションを実装できる「Slyder」

    Slyderはレスポンシブに対応したスライダーナビゲーションを実装でき…

  2. jquery.datepicker

    JavaScript

    未来的なデータピッカーを実装できる「jquery.datepicker」

    jquery.datepickerはWeb用の未来的なデータピッカーを…

  3. no-image

    JavaScript

    依存関係のないタグ付け機能を実装できる「taggle.js」

    taggle.jsは依存関係のないタグ付け機能を実装できるのが特徴です…

  4. Background Blur

    JavaScript

    画像をボカしてくれるクロスブラウザ対応の「Background Blur」

    Background Blurは画像をカッコよくボカしてくれるクロスブ…

  5. Magnific Popup

    JavaScript

    レスポンシブに対応したLightbox風のjQueryプラグイン「Magnific Popup」

    レスポンシブに対応したLightbox風のjQueryプラグイン「Ma…

  6. suitabs

    JavaScript

    横や縦にスライドできるスライドショー&タブ実装のjQueryプラグイン「suitabs」

    suitabsはスライドショー&タブを実装することができるjQuery…

最近の記事

  1. 冬用のふとん
  2. 田沢湖
  3. ゴムの耳栓
  4. ライオンコーヒー(バニラマカダミア)
PAGE TOP