React v15をやってみよう (1) - まずはHTMLだけで - Qiita
まずはHTMLファイルだけで、React.js v15を感じてみよう。 はじめに React.js v15を始めたいけど、たくさんキーワードやツールが出てきて、環境をそろえろとか、どこから手を付けていいのかわからなくて、いつまでも始められない、初心者の方のために、この記事を書いています。 それではエディタ以外になんの武器も持っていない人も、順番に装備していきましょう。 とりあえず最初はNode.js, npmから... 今のところGrunt, Gulp, Browserify, WebPack, TypeScriptとか、全部無しで! Web/HTTPサーバーも無しで! 素のReact.jsから始めましょう。 0. Node.jsとnpmをインストール https://nodejs.org/ja/ からv6系(推奨版)をダウンロードしてインストする。 Webというかフロントエンドをやるのに
npmのあまり知られてない機能 10選 - from scratch
なんか最近Twitterとか職場でも「npmの機能でそんなのあったんだ」って言われること多いので、説明していきます。 ちなみにタイトルにとりあえず10選って書いたけど、あんまりたくさん思いついてないのに、10選って書いてしまったので最後の方は微妙かもしれません。 1. npm installは npm i でも同じことができる まぁ単純なショートカットですね。isntallとかtypoしてても空気読んでくれるんですが、短いほうがいいよねってことで。 # npm installって書くのも $ npm install socket.io #npm i って書くのも同じ $ npm i socket.io # ちなみに --saveは -S, --save-devは -D にできる $ npm i socket.io -S $ npm i mocha -Dショートカット小ネタ。 2. npm
Node.js on Google App Engine goes beta | Google Cloud Blog
Justin BeckwithProduct Manager, Google Cloud Platform We’re excited to announce that the Node.js runtime on Google App Engine is going beta. Node.js makes it easy for developers to build performant web applications and mobile backends with JavaScript. App Engine provides an easy to use platform for developers to build, deploy, manage and automatically scale services on Google’s infrastructure. Com
ChakraCore 版 Node.js について - Browser
昔から Chakra 版 Node.js があれば良いなと思っていたわけですが、本家の Node.js の方に ChakraCore 版をサブミットしているようです。 今回の元ネタ blogs.windows.com 去年、ChakraCore のオープンソース化より前に Windows 10 IoT で Chakra 版 Node.js がありました。 今回の ChakraCore に依存しないもので、Windows 7 SP1 以降で対応したり、Linux などでも動作するよう進めているようです。 Node.js で ChakraCore JS エンジンはどうなっているのか Node.js は Google Chrome の JavaScript エンジン V8 で動くようにつくられています。 V8 の命令に合うように ChakraCore にがわ(shim)をかぶせているます。 （コ
マイクロソフト、Node.jsのJSエンジンとして同社のChakraCoreも使えるように、Node.jsのメインラインにプルリクエストを投げたと表明
マイクロソフトがWindows 10やMicrosoft Edgeで使われているJavaScriptエンジンのコア「ChakraCore」のソースコードを公開したのは先週のこと。 マイクロソフトはこのChakraCoreをNode.jsのJavaScriptエンジンとして使えるようにすべく、Node.jsのメインラインに対してプルリクエストを投げたことを明らかにしました。 Node.jsは、GoogleのChromeで使われているJavaScriptエンジンのV8を用いています。このV8をChakraCoreで置き換えるために、マイクロソフトはChakraCoreをV8互換に見せるための「Chakra Shim」と呼ばれるコンポーネントを開発しました。 This pull request enables Node.js to optionally use the ChakraCore Ja
ES2017 async/await + Promise で解決できる事、とES2015(ES6) generators (yield) + Promise + npm aa (async-await) で解決できる事 - Qiita
ES2017 async/await と Promise を使うと非同期処理をすごく簡単に処理できる。 とても便利なのだが、それだけでは、どうも機能が足りない様に見える。 この記事は... TL;DR ES2017 async/await を使っても、まだいろいろと課題は残ってるよ。 ES2015 (ES6) generators と npm aa (async-await) だと、より良い解決策があるよ。って話。 以下の図の様な非同期処理フローを考えてみる。 横軸は時間だ。左から右へ時間が流れていくものと考えて欲しい。 縦線は複数の処理を同期させたい、という意味だ。 ES2017 async/await 版のコード例を見てみよう。 'use strict'; //require('babel-polyfill'); // おまじない //require('regenerator').ru
Shibu's Diary: iOSはなぜAndroidの半分のスペックでも快適なのか
渋日記@shibu.jp 渋川よしきの日記です。ソフトウェア開発とか、ライフハックを中心に記事を書いていきます。 iPhone6/6 Plusのメモリが1GBしかない理由 この記事が突っ込みどころが多いと話題になっています。初期の頃はiOSのなめらかな動きと比べたらAndroidは劣化版と言われても反論できない感じでしたが、Nexus 4/Nexus 5ともなるとだいぶ快適で乗り換えても違和感なく使えるようになりましたが、同じぐらいの快適さが得られるハードウェアを比べてみると、メモリも半分で、コア数も半分で、クロック周波数も半分で、バッテリーにやさしいハードウェアになっていることは確か。なぜそれでやっていけるのか、ということについて僕なりの理解をまとめます。元の英語記事は読んでません。 メモリ管理方式の違い Androidはマーク・アンド・スイープ方式のGCで、iOSはNSAutorele
Mithril.js 試してみた(5) Excelの様な表計算アプリを3時間で作る m.component() - Qiita
今度はふと思い立って Excel の様な表計算アプリを作ってみた。 もちろん使っているフレームワークは Mithril.js のみ。 jQuery はもちろん使ってはいない。というか jQuery で作ろうという気力は無い。 作ったアプリは HTML ファイルが1つだけ。CSS無し。埋め込んだ JavaScript のみだ。 3時間くらいでできた。 Mithril.js を始めてみて Excel っぽいアプリも作れそうな気がしたのだ。 できれば、みなさんも他のフレームワークでも似た様なものを作って晒して欲しい。 ※他のフレームワークでできた Excel っぽいものを私が見つけられないだけかもしれない。 ※できれば Angular.js か React.js のバージョンを見てみたい。 基本的な Excel の動作としては以下の様になると思う。 A1のセルに「10」と入力して、B1のセルに「
Git for Windows でレポジトリー上の CR LF を LF に変換する手順
Git for Windows では改行コードが「レポジトリー上は LF」「ワーキング ディレクトリーは CR LF」となるように、git config の core.autocrlf が true となる状態でインストールされる (インストーラーでデフォルトの [Checkout Windows-style, commit Unix-style line endings] を選択した場合)。 Windows 以外の文化圏の人は CR LF を見ると CR がゴミに見えるので、妥当な設定だろう。 標準設定の autocrlf が true のときに、レポジトリー上に CR LF なファイルが紛れ込んでいないか調べたり、紛れ込んだ CR LF を LF に変換したかったのだけど、この手順が少しややこしかったので記事にまとめておく。 (autocrlf を false にして clone した
Mithril.js 試してみた(1) todo アプリを作り始める所まで - Qiita
Mithril.js を試してみた jQuery はなんだか最初は簡単だなぁ、と思って使ってみたが、やっている内に、泥臭いし、たくさんコードを書かないといけないし、DOMに追加したり、削除したり、順番を変えたり、保持しているデータとDOMを同期させる仕事をやるだけで疲れてきて、嫌いになった。 Angular.js (Google) も試してみて、最初は感動したけど、なんかいろいろと難しくて挫折した。 React.js (Facebook) は、絶対これが本命だと思って、すごく期待して、本まで買って試していたが、ちょっと覚える事が多くて、どうしようかと迷っていた。 Riot.js もちょっと試そうかと思ったけど、やっぱり覚える事が多くて、大変そうに思えた。 Mithril.js は、なんか思った通りに書ける気がする。覚える事が少ない。軽い。速い。 JavaScriptオンリーでHTMLもCS
イントロダクション - 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
ユーザ・インターフェースのためのイージングカーブをつくる | POSTD
フラットデザインの導入以来、アニメーションの質が、今までにないほど、優れたインターフェース作成のために必要不可欠なものとなっています。モーションデザインを通して、製品の総体的なブランドエクスペリエンスを左右するようになり、製品を、市場の他のものと差別化する要素となりました。アニメーションは複雑なインタラクションを簡素化し、優れたデザインを記憶に残るユーザエクスペリエンスにしました。では、質の高いアニメーションはどのように作られるのでしょうか？ イージングカーブは多くの要となるコンポーネントの1つで、適切なアニメーションをとり、素晴らしいものに作り上げます。 問題なのは、イージングカーブがどのように機能するかについての理解が、少々難しいということです。 前回の記事 After Effects to CSS で触れたタイミング関数への興味の派生としてこの記事を書きましたが、この記事を読むことで
#error_handling_sushi でPromiseのエラーハンドリングについて発表した
#error_handling_sushi でJavaScriptのエラーハンドリングについて議論した。 自分はPromiseのエラーハンドリングの握りつぶしの問題を見つけやすくするイベントの実装について、Promise Error Handlingという話をした。 ログ: #error_handling_sushi - Togetterまとめ #error_handling_sushi 始まった #寿司とは pic.twitter.com/XZe21QTsDO — Takuto Wada (@t_wada) March 6, 2015 – 基調講演 - teppeis これが #error_handling_sushi pic.twitter.com/vSLDpthYi4 — azu (@azu_re) March 6, 2015 #error_handling_sushi 基調講演 一
Node.js／JavaScriptの情報収集手段 ～変化が激しいOSSは、直接GitHubをウォッチする
はじめに 初めまして。Node.js日本ユーザーグループ代表の古川（@yosuke_furukawa）です。日本ユーザーグループ代表としての活動は二ヶ月に一度開催されるNode学園のオーガナイズと、一年に一度開催されるNode学園祭の開催です。また、io.jsエヴァンジェリストとして、毎週のio.js newsの記述やロードマップの公開等、io.jsを広める活動もしています。このような私が、Node.jsについて普段どんな風に情報収集を行っているかを紹介します。 Node.jsの現在 Node／io.jsは変化が激しいコミュニティであると言われております。一つその例を示すグラフを見てみましょう。 このグラフは、npmと、RubyGemsやPyPI、Mavenといった他のパッケージマネージャのライブラリの登録数を時系列で表したものです。緑のグラフがnpmですが、飛び抜けて増えているのが分かる
PostgreSQL 9.4 Windows - plv8 プラグイン - psql 文字化け回避 - Qiita
Windows 版の PostgreSQL 9.4 を入れた時に、なんかちょっとした事でハマったので、メモを残しておく。 やりたかった事は、普通に plv8 プラグインを入れたかっただけなのだが、psql コマンドで文字化けして困った。 ダウンロード PostgreSQL 9.4 Windows Download PostgreSQL - Windows 9.4.* (32bit/64bit) は以下のリンクでダウンロードできるよ。 http://www.enterprisedb.com/products-services-training/pgdownload#windows インストール時の言語として日本語 (Japanese Japan) を選んだ。 psql コマンドの文字化けを回避 - intl.dll 置き換え bin の intl.dll を置き換えるといいみたい。以下のZI
JavaScriptのデバッグ方法 – JSを嫌いにならないためのTips | POSTD
この記事のオリジナルは voxxed に投稿されたものです。 JavaScript関連の問題を抱えるチームをサポートする仕事を通じて、いくつか共通の問題点があることに気づきました。もしあなたもJavaScriptに対するイライラを感じているのであれば、この記事は何らかの助けになるかもしれません。おことわり：私がお教えするヒントはすでにご存知のものもあるとは思いますが、うまくいけば、多少なりとも有用な情報があるかもしれません。特にエンタープライズアプリケーションやCMSソリューションを構築する際に有効なヒントです。チームの誰もが話したがらないCMSのコードについてお話しします。いずれも必要に応じて採用できるものです。 debuggerステートメント 大半のブラウザでサポートされているにもかかわらず、JavaScriptを書く際に最も活用しきれていない機能の1つです。debuggerステートメ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - yosuke-furukawa/eater: EAsy Test runnER
Dive into React.js
欧美亚洲色欲色一欲WWW - 欧美大片欧美激情免费看 - 欧美特黄特色三级视频在线观看
iojs.jp blog