Reusable Component UI Design
Sean Voisen » Functional reactive programming with Bacon.js
If you are a front-end developer – that is, someone who builds user interfaces for a living – and you haven’t yet explored Functional Reactive Programming (FRP), perhaps now is the time to take a look. Never mind the fact that it has been labeled a hipster development trend for 2013, FRP is a time-saving, bug-preventing programming paradigm worthy of all developers, mustachioed or otherwise. This
HackFlowy - Backboneで作られたWorkflowyクローン
有名なWebサービスをパクるのはよくありませんが、真似たサービスをあくまでも個人用途で作ってみるのは悪くありません。そこからシステム的な面白さを知ったり、技術的な工夫を知ることができます。 今回はチーム用のタスクツールWorkflowyのクローン、HackFlowyを紹介します。 HackFlowyの使い方 HackFlowyはBackbone.jsの使い方を学ぶために作ってみたとのことですが、WebSocketを使っていたりしてちゃんと利用できるレベルになっています。同じようにBackbone.jsを学んだり、WebSocketを学ぶ上でも良いコードなのではないでしょうか。 HackFlowyはnode/JavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 abhshkdz/HackFlowy
Retiring the Nuclide Open Source Project
A unified developer experience for software development Nuclide is built as a single package on top of Atom to provide hackability and the support of an active community. It provides a first-class development environment for React Native, Hack and Flow projects. Retiring the Nuclide Open Source Project A few years ago, we introduced Nuclide to provide a first-class IDE experience. We’ve made treme
React Native · Learn once, write anywhere
function HomeScreen() { return ( <View> <Text> Hello World 👋 🌍!</Text> </View> ); } Written in JavaScript, rendered with native code. React primitives render to native platform UI, meaning your app uses the same native platform APIs other apps do. Native development for everyoneReact Native lets you create truly native apps and doesn't compromise your users' experiences. It provides a core set o
GitHub - tonsky/datascript: Immutable database and Datalog query engine for Clojure, ClojureScript and JS
What if creating a database would be as cheap as creating a Hashmap? An immutable in-memory database and Datalog query engine in Clojure and ClojureScript. DataScript is meant to run inside the browser. It is cheap to create, quick to query and ephemeral. You create a database on page load, put some data in it, track changes, do queries and forget about it when the user closes the page. DataScript
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
創業明治33年の衣料卸問屋がﰀ アプリで挑むコミュニケーション変革 ﰀ ～MonacaとmBaaSを活用したﰀ ビジネスチャットアプリの紹介〜 ﰀ
Sharelock - 外部認証を用いてセキュアなメッセージ送受信 MOONGIFT
秘密のメッセージを送る際に、どうしたら手軽で、かつセキュアに保てるでしょうか。長いURLを生成する方法もありますが、URLが漏れてしまえば終わりです。かといって面倒な手順を踏ませるのは元々の手軽に共有という点において問題があります。 手軽とセキュア、そのバランスを取ったソフトウェアがSharelockになります。専用クライアントもあるところが売りです。 Sharelockの使い方 こちらが作成ページ。秘密のメッセージと誰がアクセスできるのかをメールアドレスで指定します。 こんな感じでURLが生成されます。 URLを受け取った人はクリックします。そうすると認証ページが表示されます。 メールアドレスが指定されたものと合っていれば秘密のメッセージが表示されます。 Mac OSX/Android向けのクライアントも用意されています。メニューバーからSharelock向けにメッセージが作れます。 S
完璧なJavaScriptフレームワークを求めて Part 2 | POSTD
テンプレートがHTML内に存在しており、よく使われる手法です。見た目がナチュラルで、HTMLが自然にタグを内包しているので理にかなっています。ブラウザが <script> 要素のコンテンツをレンダリングしないため、ページレイアウトが崩れません。 テンプレートがAjaxを用いてロードされるケース Backbone.View.extend({ 'template': 'my-view-template', 'render': function() { $.get('/templates/' + this.template + '.html', function(template) { var html = $(template).tmpl(); }); } }); コードは外部HTMLファイルに記述され、 <script> タグを追加しなくても済むようになっています。しかしHTTPリクエストの
NativeScript - Write Native with TypeScript
Build native iOS and Android apps with TypeScript, direct platform API access, and the JavaScript tooling you already know.
React.js 実戦投入への道 - Qiita
最近話題のReact.jsですが、実戦投入に当たっては結構重たい選択を迫られることになります。 ざっくり言えば、テンプレートエンジンを捨ててReactしますか?それともReactあきらめますか?という選択です。 本記事ではReactの基本思想とこうした選択肢が生まれてしまう背景を述べるとともに、後半では「どちらもあきらめない」という(若干シミュレーションRPGあるある感のある)第三の方策について案を提示します。 Reactの基本 最初に、Reactの基本的な仕組みについてまとめておきます。 Reactは公式ドキュメントが非常に充実しているので、始める際はぜひQuick Startのドキュメントに目を通すことをお勧めします。 Getting Started Tutorial Thinking in React 後述しますが、Reactを使ってアプリケーションを作る際の設計方法についての記載が
Slideout.js - A touch slideout navigation menu for your mobile web apps.
$ npm install slideout $ bower install https://github.com/mango/slideout.git $ component install mango/slideout 1. First of all, you'll need to have a menu ("#menu") and a main content ("#panel") into your body. <nav id="menu"> <header> <h2>Menu</h2> </header> </nav> <main id="panel"> <header> <h2>Panel</h2> </header> </main> 2. Add the Slideout.js styles (index.css) in your web application. body
良さ気なFlux実装、Marty.js個人的まとめ - Qiita
2015/12/03 追記: MartyのReadmeより Martyはもうメンテをしないので、reduxかaltを使う事が推奨されるようです。ありがとうMarty。 以下過去の記事内容 Flux Comparisonで色々眺めていたり、twitterを追っかけていたり自分で触ってみたりして、 Marty.jsが個人的に本当に良い気がしている。 Martyの特徴 作者と質問者の会話より ユーザーとのこんなやりとりがあり、Martyの特徴が要約されているのかなと思ったのでテキトーな意訳として載せておく。 https://news.ycombinator.com/item?id=8923245 質問：fluxxorと何が違うのか？ 回答： 他のFlux実装は、Fluxっぽいデータフェッチ(APIなどのことだと思う)なヘルパーが無い。コンポーネントとのストアのバインディングのボイラープレートの方
ES6時代におけるWeb開発者とセキュリティ業界の乖離
enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub & BitBucket HTML Preview
GitHub - brisket/brisket: Brisket JavaScript application framework
フロントエンドを楽にするために
Pixie - Image Editor
GitHub - alexei/sprintf.js: sprintf.js is a complete open source JavaScript sprintf implementation
ECMAScript没proposal追悼式
