2018-01-01から1年間の記事一覧

Docker で始める golang 入門

Docker で始める golang 入門 Docker 環境 動作確認済のバージョン: Version 2.0.0.0-mac81 (29211) こちら http://studio-andy.hatenablog.com/entry/go-todo-crud がすごいわかりやすくて良いので、これに沿うような Docker 環境を整えてみる。 まずは何は…

VSCode からはてなブログに投稿できる拡張作りました

VSCodeからはてなブログに投稿できる拡張作りました 作りました marketplace.visualstudio.com 気に入ったらスターください github.com 前に作ったAtom版はこっち github.com 下準備 使用には以下の3つが必要です Hatena ID Blog ID API Key Blog IDとAPI Ke…

S3 + CloudFront の CORS 設定

aws

手順をメモっとく S3 の設定 [Permissions] > [CORS configuration] から以下のように設定を追加: <CORSConfiguration> <CORSRule> <AllowedOrigin>*</AllowedOrigin> <AllowedMethod>GET</AllowedMethod> </CORSRule> </CORSConfiguration> CloudFront の設定 [Behavior] > [Cache Based on Selected Request Headers] から Origin ヘッダだけをS3に通す設定を行う: で、…

PWAでオフラインでも使える辞書アプリ作ってみた

いつも英語学習にはアルクの英辞郎の辞書アプリ使ってたんだけど、フィリピンのネットスピードでは使いづらいものがあって、オフラインでも使える辞書アプリ探すかなーと思っていたところ Chrome拡張の高速な英語辞書ツールをつくりました(Mouse Dictionary)…

storybookで@babel7を使う

参考: github.com 環境: "@babel/core": "^7.1.2", "@storybook/react": "^3.4.11", "babel-loader": "^8.0.4", storybookで@babel7を使うために、storybookのwebpack設定を少し上書きする。 .babelrc.js (@babel7に対応したBabel設定ファイル) module.expor…

はてなブログのシンタックスハイライトを jsx に対応させる

やたら重いので消した (2018/10/18) はてなブログのシンタックスハイライトを jsx に対応させる はてなブログのシンタックスハイライトは、2018/08 現在jsxには対応していない。 http://help.hatenablog.com/entry/markup/syntaxhighlight なので、PrismJSを…

TypeScript と Material-UI withStyles

TypeScript と Material-UI withStyles ググって最初に出てきたのを試したけどだめだったが、material-ui のリポジトリ見てたら TypeScript のサンプルがあったので、これを見ながら使ってみる。 インストール まずは material-ui をインストール: ->|bash| …

React v16.3 の Context と Fragment

よく使いそうな Context と Fragment についてメモ。 Context そもそも、 Context はあらゆる階層のコンポーネント間で、データを共有する機能を持ちます。 しかし、v16.3 以前の React における Context には以下の注意書きがありました。 If you want your…

React Component で作る window.confirm 代替品

window.confirm はESLint でエラーが出るし、UI が良くない。なので似たような API で扱うことの出来る window.confirm の代用品を作ってみた。 参考: http://reactkungfu.com/2015/08/beautiful-confirm-window-with-react/ 環境: React (16.1.1), React-Bo…

僕らは JavaScript を知らない - レキシカルスコープとクロージャとガベージコレクション Lexical Scope, Closure and Garbage Collection

参考: https://github.com/getify/You-Dont-Know-JS/blob/master/scope%20%26%20closures/ch2.md https://anond.hatelabo.jp/20070622101313 https://developer.mozilla.org/ja/docs/Web/JavaScript/Closures https://developer.mozilla.org/ja/docs/Web/Jav…

僕らは JavaScript を知らない - データ型と参照 Data Type and Reference

参考 https://github.com/getify/You-Dont-Know-JS/blob/master/types%20%26%20grammar/ch2.md#value-vs-reference https://www.webprofessional.jp/how-javascript-references-work/ https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Globa…

僕らは JavaScript を知らない - 巻き上げ Hoisting

参考: https://developer.mozilla.org/en-US/docs/Glossary/Hoisting JavaScript において、変数を宣言するには var、 let、 const を利用します。これらのうち、 var let では、初期値を指定せずに宣言した場合すべて undefined になります。 var a; let b;…

僕らは JavaScript を知らない - シンボル Symbol

初めてプログラミングを触って、それからずっと2年くらい JavaScript 使ってますが、なかなか初心者から抜け出せないなあという思いがあり、恥を忍んで JavaScript の勉強記事を書くことにしました。たぶん何回か続きます。 参考: You Don't Know JS 改訂新…