Hyperappでタスク管理アプリを作った - Qiita
1. はじめに 表題の通りアプリを作ったので記事にしておこうと思います！ 初めてHyperappで開発を始める方は 基本的な考え方を是非こちらでご確認ください。 https://qiita.com/hajime-nohara/items/888aae1c4e553f3cec86 実際にアプリを触りながら読んでもらえると良いと思います。 https://www.sharpen.tokyo/gantt.html 本記事はアプリの実装内容についてザックリ記し、開発環境設定については触れません。 ※ 以降、本記事で紹介するアプリをsharpenと呼びます ※ 発展途上アプリです、ご指摘やアドバイスお願いします😉 1-1. sharpenはどんなアプリ？ シンプルなガントチャートUIをベースにした タスク管理アプリです。 デザイン、UX、共にシンプルを追求。 1-2. 設計思想 ・サンプルと呼べる
Hyperapp 2.0.5から動作が変わったという話 - Qiita
Hyperapp 2.0.4では正常に動作していたのに、2.0.5以上にあげたら動かなくなったという報告が上がっている。 私の所でも、見事に動かなくなった。どうやら、仕様が変わったようだ。せめて2.1.0とかにしてくれれば良いのに…。 ということで、私が気付いた変更点をあげてみる。 テキストノードを作成のためのtext()関数が追加された。テキストノードは文字列"hoge"ではなくtext("hoge")というように記述する必要がある。 Lazy()はmemo()と名前が変更された。(動作が変わったどうかまでは未確認) DOM以外のVODMはh()関数を経由せずに直接関数として呼び出すようになった。 h()関数において第四引数以降が無視されるようになった。子ノードが複数ある場合は配列にする必要がある。 app()のsubscriptionsに指定する関数は、subscriptionsの配列
Hyperapp V2 のルーターを自作する - Qiita
Hyperapp V2を使いたいけど公式ルーターがない！でも欲しい！！ということで自作しました。TypeScriptで書いています。型定義はこちら。 サンプル JavaScriptにしたサンプル https://codesandbox.io/embed/zkml2q59j3 router.ts import { h, SubscriptionEffectRunner, SubscriptionEffect, VNode, DispatchType, Effect, Action } from "hyperapp"; export interface RouterProps { routes: Route[], matched: (route: Route | undefined, dispatch: DispatchType<any, any, any>) => void, } expor
2018 年は Hyperapp の年だ - Qiita
この投稿は Increments Advent Calendar 2017 の14日目の記事だよ。Hyperapp という JavaScript ビューライブラリを自作しているので、その説明と作った理由について話す。 Hyperapp ができるまでのプロセスや、どんな価値観で作ったかなどを書く。新しいフレームワークを作る時の参考になれば嬉しい。 Hyperapp とは？ Web アプリのフロントエンド用 JavaScript ライブラリ。React, Preact, Vue といった代表的なものよりもずっと小さく、1 KB という超軽量サイズ。他のライブラリに依存することなく使えて、さらにスピードもある Elmアーキテクチャーに基づいてて、アプリケーション設計はElmやReact、Reduxと似てるけど、ボイラープレートは少ないし、TypeScriptにも対応して、とにかくシンプル。 El
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
