bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScriptフロントエンドアプリケーションを構築するためのJSライブラリ「HyperApp」JavaScript2017.04.17フロントエンドアプリケーションを構築するためのJSライブラリ「HyperApp」HyperAppは、フロントエンドアプリケーションを構築するための1KBの軽量なJSライブラリです。簡単に言えば、WEBアプリケーションで比較的よく見られるドラッグやクリック、入力などのコンテンツを実装する場合に役に立つライブラリです。シンプルなものであれば、HyperAppの使用のみで実装が可能です。こちらのライブラリは、1KBと非常に軽量なのも嬉しい特徴のひとつです。他のライブラリには依存していません。それでは、HyperAppについて詳しく見ていきましょう。HyperAppHyperAppの実際のデモは以下のページから確認できます。デモHyperAppで、例として紹介されているコンテンツには下記のようなものがあります。クリック数カウンタードラッグログスライダークロック(秒針が自動で動く)クロック(現時間の自動表示)ToDoリスト上記を含め全18タイプの例が紹介されています。ソースはすべての例において詳細に記載されていますし、コピペですぐに利用できます。基本的な使い方ですが、最も簡単な方法はCDNからミニライブラリを直接ダウンロードすることです。src="https://unpkg.com/hyperapp"></script>下記のように、バージョンを指定して使用することもできます。src="https://unpkg.com/hyperapp@0.7.0"></script>Windows10も広く流通し、WEBアプリケーションの開発や利用も著しく広がってきています。WEBは、もはやインターネットを閲覧し、メールを送るような単純なことだけではなく、様々なコンテンツやサービスを備えたアプリケーションとしてその価値が高まっています。複雑なサービスをシンプルにユーザーへ利用してもらうために、UI・UXは重要事項として捉えられています。そのような事情を、HyperAppを活用することでより簡単に展開できるのではないでしょうか。詳細とダウンロードは以下からどうぞ。sliderというjQueryプラグ...JavaScript2013年下半期に紹介したjQueryプラグイン68選まとめ今年も残すところあとわずかとなりました。carouselはシンプルなイメージカルーセルを実装...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。