CircleCIのorb namespaceをリネーム(あるいは削除)したい

TL;DR 2019/03/20現時点ではnamespaceはCLIからリネームも削除もできない ここからサポートに連絡すればすぐに対応してくれる 表題について namespace を作り間違えたので、リネーム方法を探したところ、ドキュメントに次の一文が: Note: Namespaces cannot …

コンポーネントのマウント時にリクエストし、アンマウント時にキャンセルする axios リクエスト

とりあえず解はこうなった。 ライブラリのバージョン axio 0.18.0 react 16.8.3 react-dom 16.8.3 動作確認はこちら: ボタンクリックでコンポーネントのマウント・アンマウントが切り替えできる。APIリクエスト中にアンマウントされると、下のようなエラーメ…

TypeScript handbook Enums

TypeScript handbook Enums https://www.typescriptlang.org/docs/handbook/enums.html Enums Enums enums では、名前付きの定数群を定義します。その定数群の内容を明示したり、それぞれ異なるケースを簡単に作成することができます。TypeScript では、数値…

Rails 5 API + devise でパスワードのリセット

Rails 5 API + devise でパスワードのリセット 前回: http://uraway.hatenablog.com/entry/2016/07/11/090206 Rails 5 API + devise の資料があんまりなかったのでメモ。前提として devise を使ったユーザー登録、ログイン機能を持っている API を作成してい…

Docker で始める golang 入門

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

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

VSCodeからはてなブログに投稿できる拡張作りました 作りました: hatenablogger 前に作ったAtom版はこっち: hatena-blog-and-fotolife 下準備 使用には以下の3つが必要です Hatena ID Blog ID API Key プラグインダウンロード後に、Code > Preferences > Set…

S3 + CloudFront の CORS 設定

手順をメモっとく 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 改訂新…

Amazon ECS Scheduled Tasks によるコマンドの定期実行

使い方 CMDに実行したいコマンドをカンマ区切りで入力し、Task Definition を作成。その他環境変数とかも 作成した Task Definition を Cluster の scheduled task にて設定。Cronかインターバルかを選択できる。 CloudWatch でログも見れるので便利

ActiveRecord IN clause

環境 $ rails -v Rails 5.1.2 基本形 where(カラム: [要素]) Model.where(id: [1,3,5]) enumのSymbolもそのままいける Model.where(status: [:active, :inactive]) 参考: Active Record Query Interface — Ruby on Rails Guides

【SQL】今週の日曜日・今週の土曜日を求める

sql

メモ: CURRENT_DATE - interval (DAYOFWEEK(CURRENT_DATE) - 1) day AS THIS_SUNDAY 日曜日始まりとする。 今日の曜日インデックス(DAYOFWEEK(CURRENT_DATE))から日曜日の曜日インデックスを引くと、今日が日曜日から何日目かが分かる。 CURRENT_DATE + inte…

Alpineでパッケージをインストールしようとしたらエラーがでたので解消する

メモ ERROR: unsatisfiable constraints: py-pip (missing): required by: world[py-pip] ERROR: Service 'web' failed to build: The command '/bin/sh -c apk add py-pip' returned a non-zero code: 1 インストール可能なパッケージ一覧(インデックス)の…

Macでファイル内の文字列を再帰的に置換するコマンド

カレントディレクトリ以下すべてのファイル内のHOGEという文字列をFUGAに置換する find ./ -type f | xargs sed -i '' 's/HOGE/FUGA/g' xargs … 標準入力から受け取ったデータを、任意のコマンドに引数として与えるコマンド sed … StreamEditor. 入力ストリ…

Re:dash SQLクエリ内で変数を使う方法

メモ。クエリが複数になるとエラーになるっぽい SELECT id, (SELECT @date := huga) AS date, FROM hoge

Warning: Material-UI: The white color was not parsed correctly, because it has an unsupported format (color name or RGB %). This may cause issues in component rendering.

const muiTheme = getMuiTheme({ raisedButton: { textColor: 'white', color: purple900, } }); こんな感じにMaterial-UIの色を変えて遊んでたらエラーが出た: Warning: Material-UI: The white color was not parsed correctly, because it has an unsuppo…

Rails5 FactoryGirlでコールバックをスキップする方法

Rails4では使えたFoo.skip_callback(:create, :after, :bar)がRails5では使えない。 ArgumentError: After create callback :do_something has not been defined 対策として、次のようにFGにおいてメソッドを上書きする: class User < ActiveRecord::Base af…

first_nameカラム、last_nameカラムからフルネーム検索するメソッド

Controller: class ProfilesController < ApplicationController def search @profiles = Profile.search_by_full_name(search_params[:name]) end private def search_params params.require(:search_profile).permit(:name) end end Model: class Profile …

Webpack v1からv2へのマイグレーションメモ

自分が使っていたところだけを簡単に。詳しくはhttps://webpack.js.org/guides/migrating 以下、webpack.config.jsの変更点: resolve.extenstions 空の文字列は必要なくなったので削除する。ちなみにデフォルトでは.js、.jsonがresolveされている。 // v1 re…

bitcoin保管方法まとめ

自分用にまとめ。随時更新 免責事項: 筆者は、あなたに対して何も保証しません。筆者は、あなたに対して一切責任を負いません。すべての作業は自己責任で行って下さい。 所感 セキュリティ ペーパーウォレット>物理デバイス>>>デスクトップウォレット>>モバ…

Amazon Dash Buttonをハックする

ウィルキンソン Dash Buttonをハックしたときの備忘録。 Amazon Dash Buttonのセットアップ まずはAmazon iOS/Androidアプリを使って、Amazon Dash Buttonのセットアップ。商品選択でキャンセルしておくことに注意。 MACアドレスの取得 使用するのはdash-but…

Gem::Ext::BuildError: ERROR: Failed to build gem native extension.

nokogiriがインストールできない Gem::Ext::BuildError: ERROR: Failed to build gem native extension. An error occurred while installing nokogiri (1.6.8.1), and Bundler cannot continue. Make sure that `gem install nokogiri -v '1.6.8.1'` succee…