mag.module('lister', { controller: function(props) { this.item = [1, 2, 3] this.title = 'Lister' }, view: function(state, props, element) { state.h2 = { _text: state.title, _onclick: function() { state.show = state.show ? !state.show : true state.item.reverse() state.title = 'Gister' + state.show } } } }) mag.module の第一引数、lister は <div id="lister"> と対応しており、ここで両者が結ばれます。controller 関数は一度だけ呼ばれて、view 関
イントロダクション - 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
トレンド1位の折り返し翻訳辞書、フロント(Mithril)とコンテンツ配信(nginx)の話 - Qiita
先日、折り返し翻訳辞書というウェブサービスをリリースしました。Twitterのトレンド1位を1日継続し、NHK様のつぶやきビッグデータに取り上げられたりしました。 このサービスはMashup Awards 11の応募作品として作っています。チームメンバーは3人で、発案者でありAPIサーバ構築をされた方、デザインをされた方がそれぞれ別にいます。 チームメンバーはみんなそれぞれ別の会社で、このサービスは完全に趣味開発です。MAの賞金くらいでしか稼ぐつもりはなかったのですが、想定以上にバズってしまって運用費がやばくなったので、各方面から協力頂いたりアド貼ったりしてます。 私はフロントエンド開発とコンテンツ配信を担当したので、ここではその話をサラッとしたいと思います。 2015/12/06追記: 発案者でありAPIサーバ担当された方の記事はこちら フロントな話 構成 いわゆるシングルページアプリケ
React Starter KitにみるWebフロントエンドに求められる機能と実装 - LINE ENGINEERING
初めまして、IT戦略3チームでUIUXデザインと社内プロジェクトのTech Leadを担当している高村といいます。この記事では、React Starter Kitという汎用的なWebプロジェクトテンプレートの実装を参考にしながら、改めて、なぜWebフロントエンドは複雑なのか、その解決方法は何かを振り返ってみたいと思います。この記事をきっかけとして、実際に現場でツール選定を行うフロントエンド開発者の方だけでなく、普段「フロントエンドには時間をかけたくない」と思っているサーバサイド開発者やWebディレクターの方たちに、「だからフロントエンドの課題は収束しにくいんだな」「フロントエンドといっても範囲は広いから、目的やユースケースを絞ってツールを選定しよう」と感じていただければ幸いです。 この記事はLINE Advent Calendar 2017の10日目の記事です。 Webフロントエンドの複雑
React.jsと組み合わせるfluxのライブラリreduxを試してみた。 このページは作業ログです。やったことをつらつら書くだけなのでまとめません。あしからず。 対象読者 主に自分 ゴール 最近のJavaScript開発環境に馴染むこと reduxを使ったアプリケーション開発がどんなものか理解できていること reduxを試した理由 React.jsと組み合わせるfluxの中で最右翼 今作っているSPAアプリがある程度複雑になりそうなのが見えているため (Mithrillくらいシンプルな方が良さそうな気がする) やったことメモ node.jsの更新 まずはnodeを更新しようと思い、下記のコマンドを実行。 するとError: uninitialized constant Formulary::HOMEBREW_CORE_FORMULA_REGEX. Please report this b
React Starter KitにみるWebフロントエンドに求められる機能と実装 - LINE ENGINEERING
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog 初めまして、IT戦略3チームでUIUXデザインと社内プロジェクトのTech Leadを担当している高村といいます。この記事では、React Starter Kitという汎用的なWebプロジェクトテンプレートの実装を参考にしながら、改めて、なぜWebフロントエンドは複雑なのか、その解決方法は何かを振り返ってみたいと思います。この記事をきっかけとして、実際に現場でツール選定を行うフロントエンド開発者の方だけでなく、普段「フロントエンドには時間をかけたくない」と思っているサーバサイド開発者やWebディレクターの方たちに、「だからフロントエンドの課題は収束しにくいんだな」「フロントエンドといっても範囲は広いから、目的やユースケースを絞
原文: DailyJS | Mithril: A Tiny MVC Framework | 2014/11/12 | 著者： Alex R. Young | 翻訳：h.sakai MVC フレームワークの Mithril（GitHub: lhorie/mithril.js、MITライセンス、npm: mithril）は、その軽量さと豊富なドキュメントのおかげで、現在多くの好意的評価を集めているところだ（Stephan Hoyer氏による報告）。 Mithril の作者は Leo Horie氏（leohorie@twitter）。モデル、ビュー、コントローラの三要素に加え、仮想 DOM の利点を取り入れている。ブラウザの URL 操作のためのルーティングレイヤーも備えている。 Mithrill がフレームワークとして優れているのは、どの機能を取り入れるべきかについての Leo氏の選択眼の確
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =========> Download Link ffvii no cd patch = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = Anybody who copied all the videos to his hard disk has been quite annoyed by having the game telling him to insert the disks while he did not need them. This patch removes CD check in FF7 so you wi
Webのフロントでコンポーネントを作る意味（JsとHTMLの依存性、コンポーネントライブラリへの感想） - Qiita
Webのフロントでコンポーネントを作る意味（JsとHTMLの依存性、コンポーネントライブラリへの感想）JavaScriptjQuerySPAVue.jsReact 0. 記事作成の動機：コンポーネントを作る煩わしさ ReacやVueなどのJsでコンポーネントをつくるのがめんどくさいと感じるときが多々あった。 なので、コンポーネントを作る意味を再考してみる。 以前、似たような記事を作ったけど、それをもう少し整理してみた。 SPA(Single Page Application) を採用するメリット再考(2020年） 1. コンポーネントを作ることの目的 knockoutjsを皮切りに10年以上SPAでのアプリを作ってきた。 最近感じるのは、VueやReactでのコンポーネント分割はすごく手間がかかるということ。 そこで改めて、コンポーネントを作ることを考えてみる。 コンポーネントを作る目的は
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =========> Download Link final fantasy vii 1.02 patch= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = Download Final Fantasy VII 1.02 Official Patch. -. 0. Official 1.02 patch for Final Fantasy VII. Fixes various bugs and is required for running from modern Windows (quits immediately with
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
速報：仮想 DOM は殺された。誰に？ magnum.js に - Qiita
reduxを試してみた(1日目) - Reduxをざっくり理解する - Qiita
DailyJS | AngularJSより◎？軽量堅牢高速MVCフレームワーク「ミスリル」 | JSお散歩
ffvii no cd patch - yumazygy’s blog
final fantasy vii 1.02 patch : mopejin