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

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

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

参考: 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…

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

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

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

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

参考: 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…

参考 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…

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

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

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

環境 $ 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

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

メモ 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 インストール可能なパッケージ一覧(インデックス)の…

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

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

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…

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

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 …

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

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

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

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…

yarn https://yarnpkg.com/ FacebookとExponent, Google, Tildeとの共同チームによって生まれた新しいパッケージマネージャー Yarn pulls packages from registry.yarnpkg.com, which allows them to run experiments with the Yarn client. This is a proxy…

参考 https://git-lfs.github.com/ https://github.com/github/git-lfs Git Large File Storage (Git LFS) とは、大容量ファイルを扱うためのGit拡張。オーディオ・ビデオ・データセット・グラフィクスといったファイルをリモートサーバーに格納し、テクスト…

word2vec 2014年から2015年辺りに流行った、単語をベクトル化して評価する手法。 有名なのは、 king – man + woman = queen 学習データとなるコーパスを準備する 無料かつ簡単に手に入るWikipediaのdumpファイルから持ってきます。 https://dumps.wikimedia.…

linter-rubocop 0.5.0 Error: /Users/uraway/.rvm/rubies/ruby-2.3.1/lib/ruby/site_ruby/2.3.0/rubygems.rb:270:in `find_spec_for_exe': can't find gem rubocop (>= 0.a) (Gem::GemNotFoundException) from /Users/uraway/.rvm/rubies/ruby-2.3.1/lib/rub…

問題 Railsにて、新たに設定した環境変数が機能しない: myproject/config/initializers/constants.rb:13:in `fetch': key not found: "CONSTANT" (KeyError) 原因 RailsのPreloaderであるspringを入れていたため、環境変数が更新されていなかった。 解決法 $…