Mithril.js を v0.2.x から v1.1.6 に上げてのログ - Qiita
折り返し翻訳 というサービスの Mithril.js を v0.2.x から v1.1.6 に爆上げしたログ。 mithril v1 なかなかいいなと思ったけど、直近で使う予定がないので、あまり掘り下げてはいない……。 m.prop removed マイグレーションガイド を読みつつすすめると、早速この 2 つで心が折れそうになる m.component() の方は全部 m() に置換するだけで動く。 が、 m.prop はそうも行かない。まず var prop = require("mithril/stream") でいけると書いてあるんだけど、仮想 DOM に切り替わった影響か、そもそもこれを使わなくていい場面がほとんどになっている。 かつては m.request の戻り値も m.prop だったりしたんだけど、今はただの Promise になっているし、まずは m.prop を使うべ
Mithril.js で SPA + SSR をはじめる手引き 🔰 - Qiita
はじめに 突然ですが、Mithril.js というフレームワークをご存知でしょうか？ ひとことで言うと、めっちゃ軽量、めっちゃ簡単、めっちゃマイナーなJSフレームワークです。(諸説あり) マイナー好きな私は大好物なのですが、Mithril.js で SPA + SSR する記事があまりなかったので、布教も兼ねて、はじめてnodeを使う方にも極力わかりやすいよう、開発環境の準備も含め記事にしてみました。 (職業柄、nodeは週末にたしなむ程度なので誤りがあるかもしれません、温かい編集リクエストやコメントお待ちしております！！ ) 前提 node (v8.5.0) をインストール済み MVCを少し知っている 完成品 この記事で作成したコードを下記リポジトリにアップロードしました。記事で触れる範囲を事前に確認したい方はどうぞ。 https://github.com/alfa-jpn/mithri
サーバーサイドレンダリング不要論 - Qiita
サーバーサイドレンダリング、Isomorphic、Universal JavaScriptなどの言葉をよく見かけます。なるほどね、良さそうだね、外部公開するサービスを書くことがあったら挑戦してみたいね、Mithrilにもisomorphic-mithrilってのをがんばっている人がいるし、みたいなことを漠然と思っていたのですが、最近ASCII.jpのシステムコールプログラミングの連載を書いていて、あらためてHTTPの仕様を見返してみて、逆にサーバーサイドレンダリングをしない方がいいのではないか、と思い始めました。 追記(23:30): サーバーサイドレンダリングと書いていますがUniversal JavaScriptみたいな凝ったビューの更新の意味です。 サーバーサイドレンダリングの欠点 サーバーサイドレンダリングのメリットとしてあげられるのは次の2点です。 検索エンジンのクローラー向け
Mithril.jsでがっつりSPAを作った話 - コード譜共有サイト「ChordKitchen」 - リズムのじかん
Mithril.jsを使って、がっつりSPA（シングルページアプリケーション）を作ったので紹介します。 Mithril使いやすいので広まって欲しいです。 作ったもの コード譜をweb上で作成して共有できるサービスを作りました。 コード譜共有サイト ChordKitchen http://chordkitchen.net サービス紹介動画です。 www.youtube.com 開発環境 プログラミング言語 typescript（versionは1.4） typescriptいいよ！！ コードはできるだけjavascriptっぽく書いて、 コンパイル時にケアレスミスを検出する感じに使いました。 タスクランナー gulp webpack（後述） クライアントサイド 使用しているライブラリ Mithril.js underscore.js Mithril.jsについて 公式サイト https://
# はじめよう - Mithril.js
はじめよう Mithrilとは？ MithrilはクライアントサイドのJavaScript MVCフレームワークです。このツールを使うと、アプリケーションのコードはデータレイヤ(Model)、UIレイヤー(View)、接続レイヤー(Controller)に分割されます。 小さく、ムダのないAPIのおかげで、Mithrilはgzipされた状態でたったの7.8kbしかありません。Mithrilは、ハイパフォーマンスなレンダリング速度を持つ、仮想DOMの差分更新機能を持ったテンプレートエンジンや、関数型によるハイレベルなモデリングのサポート、ルーティング機能、コンポーネント化をサポートしています。 このフレームワークのゴールは、アプリケーションコードの探索しやすさ、読みやすさ、メンテナンス性を向上させ、あなたがすばらしい開発者になる手助けをすることです。 他のフレームワークと異なり、Mithri
【Mithril.js】fuelphpとmithril.jsで簡単なSPAアプリを作ってみた - とりあえずphpとか
はじめに fuelphpとmithril.jsで入門がてらにSPAを作ってみたのでそのときのメモ。 mithril.jsのチュートリアルのtodoアプリみたいなものですが、実際に自分で手を動かしてみないとわからないことが多いので簡単なメモアプリを作ったのでそのときのメモ １）一覧画面 ２）編集画面 メモの新規登録、編集、削除ができるありがちな機能です。画面は上記の２つのみです クライアント側の実装 方針 基本的な構成は、ココに書いた形になります。 . ├── entrypoint.js（エントリーポイント、ルーティングなどはココに） ├── component（ControllerとViewはココに） │ ├── Edit.js │ └── List.js └── model（Modelはココに） └── Memo.jsドキュメントには、ビューモデル作れとかいてありますが、今回は練
イントロダクション - Mithril.js
MithrilはVimeoやNikeといった企業や、Lichessのようなオープンソースプラットフォームで利用されています。 もし、すでにJavaScriptのフレームワークでの開発経験があり、他のフレームワークとなにが違うのかを知りたければ、フレームワークの比較のページを見てください。 MithrilはPolyfillなしでIE9以降のすべてのブラウザに対応しています。 はじめよう CDNを使ってMithrilを読み込んで、これから説明するチュートリアルをなぞるのが、Mithrilを試すもっとも簡単な方法です。このチュートリアルはラウティングやXHRも含めて、主要なAPIを紹介しますが、10分程度しかかかりません。 それでは次のようなHTMLファイルを作ってみましょう: <body> <script src="//unpkg.com/mithril/mithril.js"></scrip
Mithril.js 試してみた(1) todo アプリを作り始める所まで - Qiita
Mithril.js を試してみた jQuery はなんだか最初は簡単だなぁ、と思って使ってみたが、やっている内に、泥臭いし、たくさんコードを書かないといけないし、DOMに追加したり、削除したり、順番を変えたり、保持しているデータとDOMを同期させる仕事をやるだけで疲れてきて、嫌いになった。 Angular.js (Google) も試してみて、最初は感動したけど、なんかいろいろと難しくて挫折した。 React.js (Facebook) は、絶対これが本命だと思って、すごく期待して、本まで買って試していたが、ちょっと覚える事が多くて、どうしようかと迷っていた。 Riot.js もちょっと試そうかと思ったけど、やっぱり覚える事が多くて、大変そうに思えた。 Mithril.js は、なんか思った通りに書ける気がする。覚える事が少ない。軽い。速い。 JavaScriptオンリーでHTMLもCS
Mithril
TOPICS Web , JavaScript 発行年月日 2015年08月 ISBN 978-4-87311-744-7 FORMAT EPUB Mithrilは2014年にリリースされたクライアントサイドMVCフレームワークです。ムダが削ぎ落とされ、必要な機能にフォーカスされており、旧来のフレームワークでは成し得なかったパフォーマンスを引き出します。 本書は、そのMithrilを使ったシングルページアプリケーションの作り方について紹介します。まずシングルページアプリケーションの概要から、Mithrilの役割、アプリケーションのコード、アプリケーションの各レイヤーについて、またユーザインタフェースのライブラリの活用方法についても紹介します。さらに大規模なアプリケーション開発を補助する機能について、ラウターの仕組み、コンポーネント、またユニットテストの仕方やMithrilの自動再描画システ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DeNA Engineering - DeNAエンジニアのポータルサイト