Babel と TypeScript の ES6 modules の import の解釈の違い - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
npm dependenciesを更新してGitHub Compare Viewのリンク付きでPRするツールを定期実行する - Islands in the byte stream
タイトルに要素を詰め込みすぎましたが、要は CircleCIを使ってbundle updateを定期実行する - Qiita の npm update 版です。web appのJavaScriptライブラリ管理にnpmを使うとき、依存関係のアップデートを継続的に行うためのツールです。 https://github.com/bitjourney/ci-npm-update これはいまのところGitHub専用です*1。CIサービスはドッグフーディングも兼ねてCircle CI用の起動スクリプトを同梱してますが、実際には ci-npm-update を定期実行するだけなので簡単に代替可能です。 これはCircle CI + Heroku Schedulerで動かしていて、以下のようなフローです。Circle CIはJenkins含め他のCIでも動かせますし、Heroku Schedulerはcr
Riot.js で Atomic Design しながら AMESTAGE 作った話
Riot.js + Web Components + Atomic Design は優勝！ #Riot.js #AtomicDesign #WebComponents #AMESTAGE
2016-07-26のJS: AngularJS 2でのState管理、React Componentパターン、アクセシビリティガイドライン
JSer.info #289 - Tackling State — angular2という記事ではAngular 2のアプリケーションにおけるState管理について書かれています。 作り的にはReduxなどと似ていますが、次のような事をAngular 2 + RxJSで効率的に実装するにはどうするかが書かれています。 Immutable Stateである ActionによってのみStateは変更される ApplicationはObservableを受け取りObservableを返すもの ApplicationとViewは分離される React.js in patternsという記事ではReact Component + JSXの色々なパターンについて書かれています。 コンポーネント同士を組み合わせて使う方法や、this.props.childrenを使ったやり方、高階関数を使う方法など色々
GitHub - posthtml/posthtml: PostHTML is a tool to transform HTML/XML with JS plugins
PostHTML is a tool for transforming HTML/XML with JS plugins. PostHTML itself is very small. It includes only a HTML parser, a HTML node tree API and a node tree stringifier. All HTML transformations are made by plugins. And these plugins are just small plain JS functions, which receive a HTML node tree, transform it, and return a modified tree. For more detailed information about PostHTML in gene
GitHub - JoelOtter/kajero: Interactive JavaScript notebooks with clever graphing
It's just Markdown - a Kajero notebook is just a Markdown document with a script attached. Every notebook is fully editable in the browser, and can be saved as Markdown or HTML. Notebooks can also be published as Gists, generating a unique URL for your notebook. JavaScript code blocks can be executed. They're treated as functions, with their return value visualised. Kajero can visualise arrays and
mobile-videoplayer - iOSでも自動再生できる動画プレイヤー
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました スマートフォン（特にiOS）は動画を自動再生してくれないという問題があります。また、動画再生時はフルスクリーンになってしまったり、JavaScriptから操作できないといった問題もあります。 それらを解決してくれるかも知れないのがmobile-videoplayerです。音は出ないですが、上記問題は解決できます。 mobile-videoplayerの使い方 動画の読み込み中…。この辺りでネタバレしているかも？ 再生開始しました。スムーズです。 さらに面白いのはスクロールして動画が表示されている時だけ再生してくれる機能です。 見えなくなると再生が停止します。 実際に試しているところです。停止しているのが分かるでしょうか。 種明かしをすると、これは実際には動画ではなくJPEGをつなぎ
GitHub - louischatriot/nedb: The JavaScript Database, for Node.js, nw.js, electron and the browser
You can use NeDB as an in-memory only datastore or as a persistent datastore. One datastore is the equivalent of a MongoDB collection. The constructor is used as follows new Datastore(options) where options is an object with the following fields: filename (optional): path to the file where the data is persisted. If left blank, the datastore is automatically considered in-memory only. It cannot end
Weex - アリババ製のモバイルUIフレームワーク
スマートフォン用にWebサイトであったり、ハイブリッドアプリを提供する際には専門のUIフレームワークが欠かせません。デスクトップWebブラウザ向けとは異なるUI/UXが求められるためです。しかしそういった実装は簡単ではありません。 そこでUIフレームワークが重宝します。今回はアリババ社が作ったWeexを紹介します。 Weexの使い方 Weexでは多くのショーケースが登録されています。 マインスイーパのようなゲーム、計算機、さらに各種アニメーションもサポートされています。一般的なハイブリッドアプリはもちろん、ユーティリティ的なツールも作れそうです。 WeexではJavaScriptやHTMLを一つにまとめたtemplateと呼ばれる単位で開発を行います。Webコンポーネント的な考え方なのかも知れません。その中でアニメーションを実行したり、ページ切り替えを行うといった仕組みです。 Weexはn
Angular Router : そのAPIとメンタルモデル、設計理念について | POSTD
(訳注：2017/02/16、画像、元記事がリンク切れしていたため修正いたしました。) 状態遷移の管理はアプリケーション構築の上でもっとも難しいとされる部分の1つです。URLに状態が確実に反映されなければならないという意味ではWeb上では特に難しいと言えます。さらに、アプリケーションを複数のバンドルに分けて要求に応じてロードする処理をする場合がよくありますが、これを透過的に実行するのは大変です。 Angular Routerはこのような問題を解消してくれます。Routerを使えば、アプリケーションの状態を宣言的に特定でき、URLに気を付けながら状態遷移を管理することができ、必要に応じてにコンポーネントをロードできます。この記事では、RouterのAPIについてだけでなく、背後にあるメンタルモデルと設計理念についても考察したいと思います。 では、始めましょう。 概略 Routerは何をするの
連打を支える技術 - Sexually Knowing
この記事は、はてなデベロッパーアドベントカレンダーの19日目の記事です。 昨日は、id:t_kyt による あれから一年、あの TypeScript プロジェクトは今 - 多幸感 でした。 すばやく、かつ堅牢にアプリケーションをつくる ボタンを連打したくなる性と向き合う サーバサイドにおける工夫 イベントソーシング リクエストに複数のリソースを含められるように クライアントサイドにおける工夫 イベントのバッファリング accumulate-call で簡潔に書く むすび すばやく、かつ堅牢にアプリケーションをつくる はてなの id:aereal です。アプリケーションエンジニアとして日々、サービスの開発に携わっています。 はてなではサービス開発合宿が年に一度ほどのペースで開催されています *1。今年もつい先日開催されました。 私たちのチームは技術的な挑戦を行う一方で、プロトタイプではなく初
Airbnb JavaScript Style Guide() {
Skip to the content. Airbnb JavaScript Style Guide() { 元文書:https://github.com/airbnb/javascript A mostly reasonable approach to JavaScript JavaScript に対する、程よく健全なアプローチ Note: this guide assumes you are using Babel, and requires that you use babel-preset-airbnb or the equivalent. It also assumes you are installing shims/polyfills in your app, with airbnb-browser-shims or the equivalent. Note: このガイドは、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - facebook/create-react-app: Set up a modern web app by running one command.
GitHub - styopdev/multiPicker: Form styling plugin for jQuery
GitHub - joelburget/d4: Data-Driven Declarative Documents
GitHub - tj/d3-heatmap: D3 heatmap
jspmで爆速開発する
GitHub - mimorisuzuko/chain: A New Visual Programming Environment to Build JavaScript By Linking Blocks
abcjs: Javascript Music Library
GitHub - polidog/nippo
