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

関連記事

  1. PIGNOSE-ParallaxSlider
  2. JavaScript

    レンガ風に要素を綺麗に並べてグリッドレイアウトが作れる「The Wookmark jQuery pl…

    Pinterestのように高さの異なる要素をレンガ風に綺麗に並べて、簡…

  3. JavaScript

    クールでお洒落なナビゲーションを簡単に実装できるjQueryプラグイン「Kwicks for jQu…

    クールでお洒落なナビゲーションを簡単に実装することができるjQuery…

  4. jquery countDownTimer
  5. Holmes

    JavaScript

    ページ内で特定のテキストを高速に検索してくれるライブラリ「Holmes」

    Holmesは、ページ内部を簡単にかつ高速に検索してくれるライブラリで…

  6. Segment

    JavaScript

    SVG pathをアニメーションさせる軽量のスクリプト「Segment」

    SegmentはSVG pathをアニメーションさせる軽量のスクリプト…

最近の記事

  1. Dyson Pure Cool Me
  2. ルック セレクション
  3. シルキーウインドモバイル
  4. アリエール パワージェルボール3D

アーカイブ

PAGE TOP