ブログ

読んで思い出す。忘れるために書く

Q. Parcel + Livereload でブラウザの再読込を自動化したい

A. npm-scripts にスクリプトを定義する (Parcel そのものは本記事とは関係ない (parsel serve [dir_and_file_name] で自動更新できる)) セットアップ Liverelaod の追加 スクリプトの定義・実行 Links セットアップ 大まかな手順は次の通り: ブラウザに Liv…

Q. Alfred のキーワードから はてなブログを書き始めたい

A. カスタムサーチに「http://blog.hatena.ne.jp/my/?fragment=edit」を追加する Alfred のWeb サーチにブログを書き始められる URL・キーワードを追加 画像の例だと「blog」と入力して [Enter] で新規記事を書き始められる Link Alfred - Productivity App …

Q. 渡された日付から7日分の日付表記を生成したい (日付操作)

A. Rails の activesupport gem にある Date#advance を使う (ドキュメント) Tips: Gemfile に rails と書かなくても gem 'activesupport' と単体で利用できる ActiveSupportとは編集Ruby on Rails のコアライブラリの一つ →Ruby on Rails 続きを読む このキ…

年月日を訊いて曜日を調べるプログラム

内容は Rubyで曜日を取得するプログラムの書き方【メンターが回答】 | TechAcademyマガジン のもの やることは: 年を訊く 月を訊く 日を訊く その情報をもとに、入力された年月日の曜日を表示する というもの これをいま知ってることを含めて書いたらどうな…

Amazon API Gateway + AWS Lambda で「診断メーカー」の結果を返す機能を実装する

AWS Lambda が Ruby をサポート した (2018年11月) ので、既存のコード (gouf/shindan) と組み合わせて、動作するものを作る 作ったものはコレ: gouf/serverless_ruby_demo 前提 プロジェクトの初期化 テストコードを書く 実装コードを書く API Gateway を設…

横書き表記を縦書き表記に変換してみる

github.com リポジトリを作った テストコード と 実装コード は GitHub に置いてある どこかで実際に動作しているところを見掛けて、でもそれを実装したことがなかったので挑戦してみた 使用例: text = <

Q. クリックしたときに指定した anchor タグへスムーズにスクロール移動させたい

A. querySelector() + scrollIntoView({}) を使う // 次のような例が考えられる $('#foo').on('click', function() { document.querySelector('a[name="hello"]').scrollIntoView({ behavior: 'smooth' }); }); Links Smooth Scrolling | CSS-Tricks Element…

Q. spec/fixtures に定義した fixture をrake で読み込みたい

A. FIXTURES_DIR 環境変数を指定する (Rails 4系で確認) rake db:fixtures:load FIXTURES=users FIXTURES_DIR=../../spec/fixtures rake タスクだと固定で test/fixtures を見に行くので、../../ 指定で見に行くディレクトリを遡らせる dotenv を使っている…

Q. 自ブログの検索結果ページを Alfred から開きたい

Mac

A. Alfred の Web Search にカスタムサーチを追加する はてなブログの場合は「 https://my_subdomain.hatenablog.com/search?q={query} 」形式で自ブログのアドレスを書くと追加できる Alfred のWeb 検索機能に自ブログを追加 設定後、検索機能が有効になっ…

Date 型情報から月と日のみで比較する (yield_self)

gouf.hatenablog.com やってることは上の過去記事とおなじ lambda の定義をなくして、 yield_self を使うように書き換えた こういうときが yield_self を使う場面なのだろか require 'date' pp current_day = Date.new(2018, 11, 1) # => #<Date: 2018-11-01 ((2458424j,0s,0n),+0s,2299161j)> pp to_comparing_</date:>…

Q. 値があったときのみ検索したい (ActiveRecord)

A. scope と if と all を使う (自回答の転記) teratail.com class Board < ActiveRecord::Base scope :mypage_search, ->(user_id, search_params = {}) do where(user_id: user_id) .find_by_board_title(search_params[:title]) .find_by_update_date(sea…

Q. ブラウザ上ですぐに Vue プロジェクトを書き始めたい

A. CodeSandbox を利用する Codepen のように、Vue.js, React.js, Angular.js ほか、様々なプロジェクトをすぐに書き始められる CodeSandbox で Vue.js プロジェクト

Docker 環境内で HTML ファイルを表示・編集する

teratail.com 自回答の転記 手っ取り早く動かすなら 公式の httpd イメージ や centos/httpd を利用して、 Dockerfile , docker-compose.yml 側の設定で充分だったりする この動作確認のあと Amazon EC2 Container Registry(Docker レジストリ) とか、EC2 …

個人開発で使うツール群 (2018年)

ツールとサービス 概要 ローカルで使うツール コード編集管理・テスト関連 ドキュメント・マニュアル, コードの確認 静的解析ツール 開発・実行環境 Virtualbox サーバ・サービス ツールとサービス 概要 2018年現在の開発で使ってるツール・サービス群 数が…

Q. git の tag を新しい順に並び替えて表示させたい

(sort コマンドに渡すと意図した順番にならないので...) A. git tag -l --sort=-v:refname を使う ~/.gitconfig に alias として登録しておくと 忘れても思い出せる [alias] version-tags = "tag -l --sort=-v:refname" リポジトリによってはタグの数がもの…

Q. サポートが切れてるけど Ruby 2.2 をインストールしたい (warning: this use of "defined" may not be portable [-Wexpansion-to-defined])

A. 一旦 libssl1.0-dev をインストールする apt install libssl1.0-dev # 旧版の libssl をインストール rbenv install 2.2.10 # 旧版のRuby をインストール # インストールが終わったら libssl を現行バージョンに戻す apt install libssl-dev ruby-2.2.10 …

Q. Travis CI でエラー: "Migrations are pending. To resolve this issue..." が出てテストがコケる

A. rails db:migrate コマンドを実行する どこで...? → .travis.yml の before_script のタイミング language: ruby rvm: - 2.3.4 - 2.5.0 before_script: - RAILS_ENV=test bundle e rails db:migrate Travis CI のビルドの各ステップで実行されるタイミン…

10分で学ぶ Vuex (参考リンク)

結構駆け足だけれど 最初の一歩としては実際に動作するものができるのでよい動画だと思った Learn Vuex In 10 Minutes (Vue.js State Management) - YouTube 公式ドキュメントも併せて読みたい 動画を観ながら手を動かして git にコミットしたモノを GitHub …

Date 型情報から月と日のみで比較する

質問「Ruby - 【Ruby/Rails】西暦なしの日付同士の比較&年1回のメッセージの表示/再表示|teratail」を見掛けて コードの部分だけ書きたくなったので 頭の体操 「ああ~ Lambda が使いたいんじゃ~」というお話 手順をどうするか考えて 実際の処理を lambd…

PPA から PHP をインストールする

PPA パッケージをインストールする PPA? インストールする PPA リポジトリの情報はどこに? Links PPA を利用して新しめのPHP をインストールする PPA パッケージをインストールする PPA? PPA (Personal Package Archives) は文字通り個人が作成したパッケー…

GitHub Actions で自動化されたワークフローを定義する (参考リンク)

ベータ版が登場したのでメモ GitHub Actions を利用することで...「コードが push されたら」→「Docker イメージをビルド」→「Terraform でデータベースのプロビジョニング」併せて「Octocat の画像を取得」→「Twilio から特定の電話番号に通知」...といった…

Gmail で暗号化メールを送信する (FlowCrypt)

Gmail 上で、PGP (Pretty Good Privacy) による暗号化を使用する 本記事に目を通すよりも、手を動かしたほうが早いので、FlowCrypt のページを参照のこと 前提 説明しないこと 手順 FlowCrypt のセットアップ 拡張機能のインストール 初期化 Gmail から暗号…

enhancd + peco を使って検索主導なディレクトリ移動をする (参考リンク)

詳しくは両者公式ドキュメントを参照のこと (peco, enhancd) あるいは Qiita 検索結果 など enhancd 既存の cd を拡張して履歴表示・選択で移動したり fuzzy match でのディレクトリ移動が出来る peco たとえば tree | peco として その一覧からインクリメン…

Q. 「...path name... (from $GOROOT)」で peco がインストールできない

A. go のお作法に沿った適切なディレクトリに git clone する git clone https://github.com/peco/peco.git "$GOPATH/src/github.com/peco/peco"\ && cd "$GOPATH/src/github.com/peco/peco"\ && glide install\ && go build cmd/peco/peco.go\ && go instal…

賢い質問の仕方 (参考リンク)

自分で考えたり下調べしたがらない「敗者(losers, ルーザー / タコ)」にならないために、あるいは「なにが質問したいことなの?」というやりとりを少しでも減らすために一読しておきたい : 賢い質問のしかた 注:リンク先を参照して 間違ってもそこがあな…

Asana kanban board で人生の進捗を管理する

「やりたいことが多すぎてどこから手を付けたらいいのかわからない」というのをどこかで言った気がするので 管理する kanban board でのタスク管理 プロジェクトのスタンス タスクの分類 タグ付け 状態の分類 終了条件 Links 詳しくは Asana の機能紹介ペー…

Yokohama.rb Monthly Meetup #93 に参加した

初参加 FJORD Bootcamp の中のひとに「こういう集まりがあるんだよ」と紹介されて、興味を惹かれて行ってみた yokohamarb.doorkeeper.jp セッション 相談するひと 応えるひと 持ち物 コミュニケーション? Links セッション そんなものは (時と場合により) …

User CSS で閲覧ページに任意のスタイルを当てる

閲覧する Web ページによっては読み易しいとは言えない CSS スタイル構成になっていることがある (とくに古い Web ページの場合) User CSS を使うと、任意のページに任意のスタイルを当てることができる body { width: 45%; margin: 0 auto; } p { margin: 0…

Q. Google での検索方法をひとに教えるには?

A. LMGTFY を利用する 「ネットがあり、いろんな検索サービスがあって、あなたはこうして検索できるんだよ、さあ、クリックしてみて」といった流れで、検索方法を教えてくれる eg. 「How to Google it」という検索キーワードで探す 英語以外にも様々な言語で…

Terraform で EC2 インスタンスを立ち上げた

Terraform: Up and Running の「Deploy a Configurable Server」の途中まで読んだ ここまでで出来るようになったコードを載せる 前提 コード 計画の確認・実行 動いてるか確認 terraform で立ち上げた環境の削除 Links 前提 VPC は何らかの構成で作成済み VP…