結論 プロジェクトのディレクトリに移動して npm install --save gatsby すると良いでしょう。issue あげたら npm の問題であるとの事ですが、gatsby 側からは特に対応しないようです。とはいえ tutorial 試して見て動かないから使うのやめた、という人達が…

あらすじ React で Markdown を使いたい場合は react-markdown が存在します。React で latex を使いたい場合は react-katex が存在します。なんだけど Markdown に Latex を含む場合はどうやればいいのか知らないので調べました。 結論 markdown-it とその …

あらすじ とある友人が「夏の思い出作りたいわー」と言い出したのでみんなで花火を見に行くことになりました。そして引率するのが私になったのですが、都内の花火大会は人が多いから引率するの大変そうなのでどうしたものかと思ったら地方で花火を見るという…

もう何度も同じ事を繰り返すのでMEMO MacOSX に入っている sed コマンドは Linux のとは少し違うので brew install brew install gnu-sed --default-names でこんな感じで実行 find ./src -name '*.html' | xargs sed -i 's/xxx/yyy/g'

前回のおさらい Gatsby は Node.js 製の Static Site Generator です。JSON ファイルのようなデータ構造からも静的ファイルを生成する事ができます。 今回は WebAPI から fetch する方法を紹介します。 前々回、前回と違い外部API から resouce を取得して G…

前回のおさらい React.js の component を使って Blog などを生成できる Gatsby という Node.js 製の Statice site generator を紹介しました。 Markdown だけでなく JSON ファイルのようなデータ構造からも静的ファイルを生成する事ができるので今回はその…

あらすじ React.js と Vue.js のどちらが優れているかはどちらでも良いと思っています。なんですが React.js のエコシステム のほうが一歩先を歩んでいると思っています*1。私が React.js のエコシステムを推す理由に一つになっているツールがめでたくメジャ…

あらすじ 夏らしい事をしたいが、7月8月の週末は今回(7月22日の時点)を逃すと今年は最大でも6回しかない。チャンスは少ない。ならば俺たちは今すぐ行かねばならない。 どうしてそうなった？ あんまり覚えてないんですが確かこんな感じの話をしたんだと思いま…

どうした？ Angular なアプリを開発していたのですが CirlceCI 上でいきなりテストが通らなくなった あと TypeError: Cannot create property '__creationTrace__' on string '__zone_symbol__optimizedZoneEventTask' とか言われます。 どうする？ 調査した…

もう何度も同じメッセージを目撃し、時間を無駄にしているのでメモ src/app/app.module.ts に FormsModule を追加する import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; +import { FormsModule } fro…

addQueryPrefix と ignoreQueryPrefix が使えるようになりました。 assert.equal(qs.stringify({ a: 'b', c: 'd' }, { addQueryPrefix: true }), '?a=b&c=d'); var prefixed = qs.parse('?a=b&c=d', { ignoreQueryPrefix: true }); assert.deepEqual(prefixe…

追記 そういえば tootlitp のデザインは下記URL から拝借しています。書き忘れていたので追記します。ちなみにこの CSS にドロップシャドウを追加したらシャレオツな感じになった気がします。 【5パターン】画像を使わず CSS3 のみで作れる吹き出しを作って…

npm rebuild node-sass すると直るかもしれません。

xxxx.component.spec.ts に以下のような追記をすると良いかもしれません。 + import { RouterTestingModule } from '@angular/router/testing'; beforeEach(async(() => { TestBed.configureTestingModule({ ... + imports: [RouterTestingModule] }) .compi…

もし Port が 4200 だった場合は以下のようにすればOK % lsof -n -i4TCP:4200 | grep LISTEN node 36069 okamuuu 17u IPv4 0xce7dba5cd8807a8b 0t0 TCP 127.0.0.1:4200 (LISTEN) おしまい

というわけで渋谷のマークシティに行ってまいりました。会場の雰囲気はこちらを参考にしてください。 togetter.com インフラエンジニアのWEBアプリ入門のススメ by おざしゅー 書くと動くので楽しい。楽しいのでもっと動かしたい。もっと知りたい。そんない…

jest が watchman を必要としているらしいので install するとエラーメッセージが出なくなった % brew install watchman

あらすじ Ruby でいう to_a のアレを JavaScript で書いてみた function range(from, to) { return [...Array(to - from + 1).keys()].map(x => x + from) } console.log(range(0, 10)) console.log(range(3, 10)) 出力結果 [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9,…

一度前の version に戻る sudo n v6.x.x npm update をする npm update -g npm もう一度 v7 に戻って npm update する sudo n v7.x.x sudo npm update -g たぶん直る

ansible やっていてこんなこと聞かれたらこんなタスクを追加しましょう - name: install python passlib apt: "pkg=python-passlib state=installed"

Failed to set permissions on the temporary files Ansible needs to create when becoming an unprivileged user とか言われた場合、ドキュメントには pipelining すればいいと書かかれているようです。 http://docs.ansible.com/ansible/become.html#beco…

あらすじ DB インデックスを知らないエンジニアがいるらしいので啓蒙したいという話です。 DB のインデックス設計は HDD 使っている頃には最重要なスキルだった気がしますが、今の時代、エンジニアに求められる事が増えすぎているのでインデックスの事に関し…

商談の時にコーディングテストがあったのですが解けなかったので復習 function invert(num) { let answer = 0 while (num > 0) { const rightNumber = num % 10 // num 1 の位を取得 num = (num - rightNumber) / 10 // num を位下げする answer = answer * …

あらすじ 以下のような記事を見つけたので facebook がいい感じの UI components を出したかと思って興味をもちました。 jp.techcrunch.com で以下の動画を見た。どうやら期待していた話とはちがっている模様。UI component な話ではないらしい。 www.youtub…

以下のようのにするとよいでしょう。 curl -X POST -H "Content-Type: application/json" http://localhost:10041/d/load?table=Articles -d @groonga/backup/load.json

Node.js v7.6.0 から async と await が --harmony フラグ無しで使えるようになっています。 以下のような逐次処理を書くときに簡単に書けるようになりました。 async function x() { let total = 0 for (let i = 0; i < 100; i++) { total += await Promise…

title で全ての説明が終わった気がしますが以下のようなコードを書いていて const apiUrl = (process.env.NODE_ENV !== "build") ? "http://localhost:3041/api" : "/api" package.json には以下のような記述をしていましたが process.env.NODE_ENV が build…

66回目のはちぴーに行ってきました。 https://atnd.org/events/86804atnd.org 開催された場所: や台ずし 八王子 横山町 割と安くて美味しいいいお店でした。開店～19時迄ドリンク半額なのでちょっとお得。 nintendo switch みんなでガンマンになったり真剣白…

github.com React.js で SPA しようとすると redux が登場するので学習コストが割と高くなると思ったのでいっその事 redux 使わなければいいんじゃないかと思いました。README.md に手順を書いてあるのでお試しください。 一応日本語で書いたものをなんとな…

あらすじ react-router@v4 にしたら色々な変更が入っていて全く動かなくなったので react-router の機能を確認しました。 追記: 2017-03-23 16:30 withRouter について追記しました。 言及すること <Route> の挙動が v3 と異なる <Switch> と <Route exact ...> の挙動を理解して対処しましょ</route></switch></route>…