SHOWROOMの新規開発にHyperappを採用した話 - SHOWROOM Tech Blog
こんにちわ、エンジニアのきむらです。現在は主にフロントエンドを担当しています。 今回は、SHOWROOMの新規機能開発にHyperappというJavaScriptフレームワークを採用したので、そのお話をします。 はじめに SHOWROOMは、ターゲットのプラットフォームをPC / iOS / Androidとしていますが、 iOS / Androidではアプリ内でWebViewコンポーネントを利用しWebページを表示している画面がまだ数多くあります。 既存のページは以下のJavaScriptフレームワーク / ライブラリを使用しています。 JQuery（https://jquery.com/） Underscore.js（https://underscorejs.org/） Backbone.js（http://backbonejs.org/） Marionette.js（https://
Hyperappを読む - Qiita
読んだのでまとめる． Hyperapp とは 2018 年は Hyperapp の年だ を読むとわかる． 読んでみる 読みやすさのために少し書き換えている．実際のコードは GitHub - hyperapp/hyperapp にある． h 関数 h 関数は与えられた引数から Hyperapp の仮想 DOM で使用するノードを生成する．引数に関数を渡すとその関数を実行するようになっているので GitHub - hyperapp/html の関数を渡しても同じようにノードを生成することができる． // { name: 'div', props: {}, children: [] } h( 'div' ) h( 'div', {} ) h( 'div', {}, [] ) // { name: 'div', props: {}, children: [] } import { div } fr
超軽量Viewライブラリ「Hyperapp」の日本語ドキュメント風の何か
Introduction Hyperapp - GitHub Hyperapp is a JavaScript library for building web applications. HyperappはWebアプリケーションのフロント(主にView)を担うJavaScript用のライブラリです。このライブラリは3つのコンセプトで成り立っています。 外部ライブラリに依存しない、超軽量1KBぐらいのライブラリ ステートレスコンポーネント Elm Architecture に則ったスケーラブル可能な仕組み 今回はHyperappのドキュメントを勝手に意訳1してみようと思います😌💡 Introduction Getting Started こんにちは世界 JSXで書いた場合 Hyperxで書いた場合 Build Setup JSXを使う環境の用意 Browserifyを使う場合 必要なモ
超軽量で学習コストが低い最新JSライブラリー「HyperApp」とは何か
軽量・高速で、シンプルなJavaScriptライブラリー「HyperApp」を紹介。ライブラリーの作者が概要とサンプルを基に使い方を解説します。 複雑なツールを使いこなして優れたWebアプリケーションを構築するのは簡単ではありません。 HyperAppはシンプルさと機能の両立を目的に生まれたJavaScriptライブラリーです。ほかのフレームワークと同水準の機能を維持しながら、理解が必要な概念の数を極限まで削減しました。ReactやPreact、Mithrilと比べると、APIがコンパクトで、ステート管理が標準機能にあり、バンドルサイズが圧倒的に小さいところが特徴です。 HyperAppの概要、サンプルを使ったコードを解説します。ほかのフレームワークの使用経験は不要ですが、HTMLとJavaScriptの基礎知識があることが前提です。 HyperAppとは？ HyperAppはインタラクテ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
イヌでもわかるHyperapp - 犬テトラ+ - BOOTH
Build a To-do List with Hyperapp, the 1KB JS Micro-framework — SitePoint
