iOS12ではセキュリティ周りのアップデートで、セキュリティコードの自動入力がサポートされました。 主な機能として、サインイン時のパスワード自動入力や、アカウント作成時の自動パスワード生成などがサポートされました。 以下のブログでネイティブアプリの実装を紹介しています。gif付きでわかりやすいです。 すぐできる iOS Strong Password and Security Code AutoFill – PSYENCE:MEDIA そんなアップデートの中で、地味ではありますが、SMSで受けとった認証コードを補完候補に出す、という機能が追加されました（上記のブログ内のgif参照）。 本記事では、 MobileSafari(WebView) 内で有効にするのに手間取ったのでメモ。 やったこと 記事のタイトル通りですが、 <input> タグの autocomplete 属性に one-time-code を指定することで実現可能です。 <input id="single-factor-code-text-field" autocomplete="one-time-code"/> Enabling Password AutoFill on an HTML Input Element | Apple Developer Documentation まとめ HTMLはどことなくエンジニアが軽視しがちな領域ですが、正しく構造化したり、適切な属性を付与することで、メンテナンス性やアクセシビリティの向上が見込めます。 地味ではありますが、少し手を加えるだけでユーザビリティ向上につながりますね。

こんな感じの集計コマンドを用意しました。 # historyの内容によっては export LANG=C する必要がある $ cat ~/.zsh_history | sort | uniq -c | sort -nr | less 上記コマンドの結果を見ながら、今年よく使ったコマンドを振り返ってみます。 inspired by 今年お世話になったCLIコマンド集 - mizchi’s blog git branch -a | fzf | xargs git checkout インタラクティブにgit checkoutするコマンドです。詳細はQiitaに書いてます。 fzfでインタラクティブにgit checkout する - Qiita ダントツで実行回数が多かったのでショートカットキーで起動できるようにしたほうがいい気がしてきた。 cd これは enhanced のaliasです。 b4b4r07/enhancd: A next-generation cd command with an interactive filter ターミナル上において大半の操作がディレクトリ移動っていう人は導入すると良いと思います。 tig 便利な git log --oneline として重宝しました。また、 tig stash でstashをいい感じに見てました。 jonas/tig: Text-mode interface for git

JSL (日本システム技研) Advent Calendar 2018 - Qiita の12日目の記事です。 モチベーション Chromeの履歴が見辛いのでいい感じに表示したい 履歴を見やすくするプラグインはいくつかあるが、ターミナルから「履歴閲覧→開く」ができるとシームレスにWebブラウジングに移れそう なので今回は、sqliteを使ってユーザのローカルに保存してある履歴ファイルを閲覧 + fzfを使ってインクリメンタルサーチ　するコマンドを実現するための方法を書く。 最終的にやったこと fzfの公式サンプルに載ってた。 Examples · junegunn/fzf Wiki サンプルに沿って、パスの通った場所に以下のようなコマンドを置きました。名前はChromeHistoryで ch としました。 #!/usr/bin/env zsh ch() { local cols sep google_history open cols=$(( COLUMNS / 3 )) sep='{::}' if [ "$(uname)" = "Darwin" ]; then google_history="$HOME/Library/Application Support/Google/Chrome/Default/History" open=open else google_history="$HOME/.config/google-chrome/Default/History" open=xdg-open fi cp -f "$google_history" /tmp/h sqlite3 -separator $sep /tmp/h \ "select substr(title, 1, $cols), url from urls order by last_visit_time desc" | awk -F $sep '{printf "%-'$cols's \x1b[36m%s\x1b[m\n", $1, $2}' | fzf --ansi --multi --preview-window down:1 | sed 's#.

JSL (日本システム技研) Advent Calendar 2018 - Qiita の10日目の記事です。 モチベーション AWSのセキュリティグループの設定を月に何回か設定し直すことがあるが、コンソール上から設定するのが面倒。インバウンドのIPアドレスの追加/削除が主な設定内容となる。これをターミナルからコマンド一発で設定したい。 最終的にやったこと aws-cliを利用し、以下のコマンドを実行することでことでセキュリティグループの確認、設定の追加/削除が可能。 # 確認 $ aws --profile [your-profile] ec2 describe-security-groups --group-id sg-1234xxxx --query "SecurityGroups[*].{Permissions:IpPermissions}" --output table # 追加 $ aws --profile [your-profile] ec2 authorize-security-group-ingress --group-id sg-1234xxxx --ip-permissions IpProtocol=tcp,FromPort=3389,ToPort=3389,IpRanges='[{CidrIp=127.0.0.1/32,Description="test rule"}]' # 削除 $ aws --profile [your-profile] ec2 revoke-security-group-ingress --group-id sg-1234xxxx --ip-permissions IpProtocol=tcp,FromPort=3389,ToPort=3389,IpRanges='[{CidrIp=127.0.0.1/32,Description="test rule"}]' 解説 上記コマンドまでの経緯及び解説。 設定する項目 ここで設定する項目は以下としておく。 タイプ プロトコル ポート範囲 ソース 説明 SSH TCP 22 127.

独自にgit.config.aliasに定義している git today というコマンドを紹介します。 git today git管理下のディレクトリ上で git today とすると今日一日のコミットログが出力されます。 ~/.gitconfig [alias] today = "!f () {\ git log --oneline --branches \ --since=midnight --date=iso \ --author=\"$(git config user.name)\" \ --format=\"- %s\";\ };f" $ git today - add hoge fuga - とりあえずcommit gitをCUIから使うのであればalias活用していきたいですね。 参考までに私のgitconfigです。 https://github.com/sin-tanaka/dotfiles/blob/master/.gitconfig 参考 Qiita - “git log” で今日行った作業を表示&ファイル出力するときの注意

IDEにPyCharm、Vim用のキーバインド設定のためにIdeaVimというPluginを使っています。 PyCharmはそれ自体が便利で、機能も豊富で素晴らしいIDEです。今回はPyCharmに備わっている各機能をVimのnormalモードに割り当てるまでの設定をしたいと思います。 今回はPyCharmですが、JetBrains系のIDEであれば同様に設定できるかと思います。 今回は Navigator > Next Method / Previous Method をVimのnormalモードの <C-n / C-p> に割り当てます。 Next Method / Previous Method は、名の通り、今いる位置から次/前のメソッドの行頭に移動する機能です。 デフォルトではCtrl + Shift + Option[Alt] + ↓ / ↑ なので結構押しづらい。 単に当該機能のキーマップを Ctrl + n / p に割り当てることでも問題ないのですが、自分の設定だと、それぞれUp / Downが割り当てられているため、normalモードのみこの機能が効くようにしたい。 .ideavimrc を作成する 通常のVimを使用するときに、 .vimrc を設定するように、IdeaVimでも同様の設定ファイル .ideavimrc があります。 これに通常のVimの設定に加えて、IdeaVim独自の設定をします。 $ touch ~/.ideavimrc .ideavimrc を設定する 以下のようにnormalモードの にそれぞれの機能をマッピングします。 nnoremap <C-n> :action MethodDown<CR> nnoremap <C-p> :action MethodUp<CR> なお、設定できるPyCharmのアクションの一覧は、IdeaVimを導入したPyCharmのエディタ上で、 :actionlist とすると見ること出来ます。

Golang製の静的サイトジェネレータHugoと最近良く名前を聞くホスティングサービスNetlifyで本ブログを作成したときのメモです。 参考 参考というか、まるっとそのままやってます。ありがとうございます。submoduleの部分だけ少し変えました。 NetlifyでHugoで作った静的サイトをホスティングしてビルドを自動化する localでhostするまで # install hugo $ brew install hugo # check version $ hugo version Hugo Static Site Generator v0.49/extended darwin/amd64 BuildDate: unknown # create new site $ hugo new site hogehoge-dot-com $ cd hogehoge-dot-com # set theme $ cd theme $ git clone https://github.com/dim0627/hugo_theme_robust.git $ cd ../ # create new post $ hugo new posts/my-first-post.md # edit post $ vim content/post/my-first-post.md # serve on local $ hugo server --buildDrafts --theme=hugo_theme_robust gitの設定 git管理下のディレクトリのthemeに対し更にgit cloneしているので、submoduleの設定をする。

見出し1 これは見出し1です。 見出し2 これは見出し2です。 見出し3 これは見出し3です。 見出し4 これは見出し4です。 見出し5 これは見出し5です。 見出し6 これは見出し6です。 段落 これは1つ目の段落の1行目です。 これは1つ目の段落の2行目です。 これは2つ目の段落の1行目です。 これは2つ目の段落の2行目です。 順序無しリスト これは順序無しリストです。 1 2 2-1 2-2 2-2-1 2-2-2 3 これは順序無しリストです。 順序付きリスト これは順序付きリストです。 1 2 2-1 2-2 2-2-1 2-2-2 3 これは順序付きリストです。 引用 これは引用です。 引用 引用 これは引用です。 コードブロック これはコードブロックです。 Ruby puts 1 + 1 Python import json if __name__ == "__main__": print('hoge') これはコードブロックです。

WEB系のエンジニアの覚え書きです。 掲載内容についての問い合わせはTwitter等のアカウントへご連絡ください。 投稿内容は私個人の意見であり所属する企業の公式なものではありませんのでご了承ください。