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. Kerning.js

    JavaScript

    文字間のカーニングや一部の色を変えたりできるjQueryプラグイン「Kerning.js」

    文字間のカーニングや一部の文字の色を変えたりできるjQueryプラグイ…

  2. SweetAlert
  3. JavaScript

    高さや幅が不揃いの要素をキレイに揃えてくれるjQueryプラグイン「equalize.js」

    高さや幅が不揃いの要素をキレイに揃えてくれるjQueryプラグイン「e…

  4. Houdini

    JavaScript

    シンプルな折りたたみ・展開やアコーディオンを実装できる「Houdini」

    Houdiniはシンプルな折りたたみ・展開ができる機能やアコーディオン…

  5. no-image

    JavaScript

    コンテナのサイズに合わせて要素を動的に拡大・縮小できる「Scalable」

    Scalableは、コンテナ領域内にある要素をコンテナのサイズに合わせ…

  6. Hamburger Icon Menu

最近の記事

  1. 梅
  2. CAR-HLD12BK
  3. OWL-LPB6701LA

アーカイブ

PAGE TOP