タグ

babelに関するihokのブックマーク (6)

  • 初学者としてJavaScriptを学ぶ | さにあらず

    はじめに#僕が以前書いたModern JavaScript 概観、そして Electron へは、読んで貰えただろうか? あれは初学者には全く向いてないエントリだ。 あのエントリは、僕の理解したモダンな JavaScript 全体について概観することを目的としているからね。 あれを読んで、「今の JavaScript ってこんなに大変なのか…」と感じた人は多いだろう。 しかし、ある程度のソフトウェアを開発するために技術全般を概観しようとすれば、ああいう分量になるのは致し方ない。 と言う訳で、今回はちゃんと初心者向けのエントリを書いた。 少し多く感じるかもしれないが、丁寧に説明しようとしたからだと好意的に解釈して欲しい。 開発環境#Thinkpad X1 Carbon 2016 年モデルに Windows10 をインストールしてある。 ハードウェアスペックは、こうだ。 CPU i7 6600

    初学者としてJavaScriptを学ぶ | さにあらず
  • Jest と ReactTestUtils で React Component のユニットテストを書く - Qiita

    facebook製のテストフレームワークJestを使ってReact Component のユニットテストを書く方法について簡単にまとめました。 こちらに今回使ったサンプルコードをアップしましたので、合わせてご参照ください! 前提 jest-cli v0.9.2 babel-jest v9.0.3 react-addons-test-utils v0.14.7 react v0.14.7 babel で jsx, es6 をコンパイルする Jest の主な特徴 テストコード内で require した module は、自動的に mock 化される(後述)。https://facebook.github.io/jest/docs/automatic-mocking.html デフォルトで jasmine 2を利用している。 設定 module のインストール Jest でテストを実行するために

    Jest と ReactTestUtils で React Component のユニットテストを書く - Qiita
  • フロントエンドが嫌い

    ウェブフロントエンド技術の進歩と興亡の速度には目を見張るものがある。 browserifyが生まれ、Gruntが生まれ、Gulpが生まれた。 そしてその全てが死んだ。 Webpack, Babel, Flow, 今栄えている技術だってそのうちに死ぬだろう。Reactだって例外ではない。 一部はもう死につつあるし、少し前にあれだけ持て囃されたTypeScriptも今や消えつつある。Coffeeは全エンジニアから嫌われた。 そんな万華鏡のように目まぐるしく変わる情勢に追い付かんと研鑽を続ける者等がいる。アーリーアダプターを自称し最新技術のケツを追いかけQiitaにクソを垂れ流す彼らこそ我らがイケイケウェブフロントエンジニアである。 最新技術に目を凝らし、やれ新たなこれイケてるだの古臭いあれはイケてないだのと宣いチュートリアル記事を量産する彼らであるが、彼らの存在は決して無駄ではなく、生まれた

    フロントエンドが嫌い
    ihok
    ihok 2017/05/01
    何でもかんでもjQueryってのも、ちょっと嫌。それだけの目的なら、javascriptか、(異論は承知で)onclickでHTML側に入れてもいいんじゃね、ていう時もある。
  • けものフレンズっぽいロゴのジェネレータができたよ! - Qiita

    けものフレンズのロゴってカラフルでかわいいですよね!そんなわけで、けものフレンズっぽいロゴを作れるジェネレータをつくりました。たぶんだいたいのブラウザで動くと思います。(ただしIEはブラウザではないものとする。また、一部のブラウザでセキュリティ制限のため保存ができないという情報が入っています) けものフレンズ ロゴジェネレータ つかいかた! 使いかたはサーバルちゃんでもわかるくらい簡単!テキストボックスに文字を入れれば、それがそのままロゴの文字に反映されます。あとはそのロゴの画像を右クリックとかそういうので保存すればOKです。下の方にダウンロードボタンもつけたので、これを押しても保存できます。ロゴの画像は背景が透明のPNG画像なので、何かの素材としてお使いください。なお、カラーリングや文字の傾きなんかは、ページを再読み込みをするとランダムに変化します。配色が気に入らない場合は再読み込みして

    けものフレンズっぽいロゴのジェネレータができたよ! - Qiita
  • t_wadaさんが提案するJavaScript速習コースを実際に履修してみた - WEB SALAD

    はじめに もう2ヶ月前の話なのですが、日のTDD第一人者で、最近はpower-assert-jsの開発などJS界隈でも活躍されている@t_wadaさんが、Twitterでこんな提案をされていました。 『JavaScript: The Good Parts』と『WEB+DB PRESS Vol.87 第1特集』のあわせて250ページ未満でES6までの全体像をつかむ速習コースのご提案 http://t.co/doPQ7V4enw http://t.co/NKTGz3syk7— Takuto Wada (@t_wada) 2015, 8月 10 ちょうどこの頃、初めてのgemを作り終え、Ruby以外の言語に対する学習欲が高まっていたので、この提案に乗っかってみることにしました。 エントリでは、この速習コースを実際に履修した感想と、結果どうなったのかを書きたいと思います。 履修前の状態 ずっと

    t_wadaさんが提案するJavaScript速習コースを実際に履修してみた - WEB SALAD
  • Webプログラマから見たiOS9 Safari9のCSS/JavaScriptなどの新機能解説 - Qiita

    iOS9がリリースされ、iPhone6sも発売され、iOS9 Safari9で使える新機能をWebプログラマ目線で使ってみたいものをいくつか試してみました。iOSはアップデートの進捗がわりと良いので、新機能でもモバイルサイトであれば積極的に使える…はず。デスクトップ版の方は…お察しください。 ぶっちゃけ今回はそこまで目玉機能はなく、地味です。地味ですが、SafariでWebアプリを作れるようになりそうな気配がどことなくするようなしないような感じの内容です。残念ながらServiceWorkerには対応していないので、それに対応してくれたらもっとアレなんですが。 iOS Safari9の新機能(OSX版含む) CSS系 backdropフィルタ対応 新し目のiOSやOSXとかのメニューバーが半透過されるあれが作れます。要は背景要素に対してフィルタがかけられるプロパティです。綺麗で良いですね。

    Webプログラマから見たiOS9 Safari9のCSS/JavaScriptなどの新機能解説 - Qiita
  • 1