はてなブックマーク

2020/04/26 | lastmod: 2020/05/05 この記事は書かれてから1年以上が経過しており、最新の情報とは異なる可能性があります tech tmux CLI ShellScript tmux に関する記事はちょくちょく書くものの、 tmux 導入そのものに関する記事はそういえば書いてなかったなーと。 というのも、ちょうど直近で tmux を含む環境構築をする機会があって、 「あーついでにチートシート用意してもいいなあ」と思って、手元にメモ残してたのでした。 tmux のこれだけ読めば使える記事が手元に1つあってもいいかなって思ったので雑に書きます。 ターミナルでやるタスクは多い、分割したい ターミナル（黒い画面）使ってますか？僕はたくさん使ってます。 こんな感じで 分割して 使ってます！（最近さくっと動画キャプチャの術を憶えたので！） ターミナルが行えるタスクというのは

2020/04/19 この記事は書かれてから1年以上が経過しており、最新の情報とは異なる可能性があります tech zsh fish ShellScript つい最近、長らく使っていた fish から、再び zsh への改宗を果たしました。 Bye bye, fish! 🐟 こんな感じの遍歴です。 bash tcsh zsh fish zsh <= いまここ 前半の方（bash とか tcsh とか）はそもそもコマンド覚えたりするので精一杯だったんですけど、 後半になるに連れて（zsh とか fish とか）設計思想に触れて考えたりすることも増えてきて、 fish は不満はあれども、学びも多かった ので、その学びをこちらにメモしておければなと思いました。 fish の良いなと思ったところ ちなみに fish というのは fish shell のことです。 https://fishshel

現時点での OpenAPI に関する知識の棚卸しをした方がいいかなと思ったので書きます。 前提 使い方が 100% 定まっているわけではありません 少なくとも OpenAPI を使っていくこと自体は間違ってないという考えで使っています GraphQL については触れません OpenAPI とは何か？ 端的に言うと、 RESTful API に関するインターフェース定義 です。 一方で、そのインターフェース定義は YAML ファイルもしくは JSON ファイルで表されるため、 単なる YAML (JSON) ファイル だということもできると思います。 その仕様に沿って書くことで、周辺ツールであれこれ便利なことができます。 こんな便利なことができる 定義ファイルを元にドキュメントが自動生成できる（むしろ定義ファイル自体がドキュメントとも言える） スタブ API の生成ができる、ダミーの API

Vim から VS Code へ覚悟を持って移行する・・・！ 前提 Vim と言いつつも、非 Vimmer が読んでも最低限分かる配慮はする 普段から Vim を使っているが、 そろそろちゃんとしたレールに乗らねば と思っている プラグインのアップデートに自分が追いつけなくなりつつある mouse / trackpad を使ったら負け 移行前に知るべきこと そもそも VS Code をもっと知らないといけない。 VS Code の基本的な知識が足りないので以下を押さえます。 公式はとりあえず全部読む Documentation for Visual Studio Code Find out how to set-up and get the most from Visual Studio Code. Optimized for building and … code.visualstudi

今回はコマンド編です。 コンテナ編から順に読むことをお勧めします。 目次コンテナ編読むと Docker のコンテナ周りがざっくり分かるコマンド編 （いまここ）読むと Docker コマンドを中心に Docker の全体像がなんとなく分かるdocker コマンドを基準に Docker を掘り下げてみるdocker-compose コマンドを基準に Docker を掘り下げてみるコンテナへの侵入、ログの見方などエコシステム編読むと DockerHub のサービスの活用方法がざっくり分かる実践編読むと Docker で環境構築する方法が分かる、怖くなくなるdocker コマンドを基準に Docker を掘り下げてみる前回は Docker コンテナにぼんやりイメージを持ってもらいつつ、 その周辺の用語整理などを行いました。 その際、 docker コマンドを多少触りましたが、 今回は他にどんなコマ

今回は実践編です。 コンテナ編から順に読むことをお勧めします。 目次コンテナ編読むと Docker のコンテナ周りがざっくり分かるコマンド編読むと Docker コマンドを中心に Docker の全体像がなんとなく分かるエコシステム編読むと DockerHub のサービスの活用方法がざっくり分かる実践編 （いまここ）読むと Docker で環境構築する方法が分かる、怖くなくなる自分で LAMP 環境を作ってみる要件をまとめる不足した部分だけ Dockerfile を書くさらなる Docker 環境のカスタマイズおまけ自分で LAMP 環境を作ってみるようやくここまでたどり着きました。 そろそろ自分で LAMP 環境を作ってみましょう。 ちなみに 当然知ってるとは思いますが、 LAMP 環境というのは Linux, Apache, MySQL(MariaDB), PHP の頭文字を利用した環

最近、Git, Docker あたりはほぼ必須のスキルセットになってきているかと思います。 前者の Git に関しては、 実際に数値を見たわけではないのですが、肌感覚としてデザイナーの方にもある程度広まってきていて、 幅広く使われてきているなあという印象を持っています。 反面、後者の Docker に関しては、 いまいち概念が理解できずにいたり、 あるいは、 言われた通りにコマンド打って使ってはいるものの、 実際自分が何をやっているのか理解できていない など、 あまりまだ浸透していない印象を受けます。 現状で 徐々にデジタルディバイドが広がっている感じ を持ったので、 2018年にもなった今、改めて自分の知識の棚卸しも兼ねて、 Docker を始めるならこんなところを知っておくべき、押さえておくべき、 といったことをまとめ直してみようと思います。 （あっ、あと最近ブログ書いてなかったので・

git diff のカスタマイズがしたくて .gitconfig に以下のような記述をしたことがある人もいるかと思います。 [diff] tool = vimdiff でもこれ、違ったんです。 git diff 用の設定じゃなくて、 git difftool 用の設定だったのです。 なんだってー！？ （色々略） git の diff 周りの設定の整理diff 周りの設定を .gitconfig に何も書いてない状態の時は、 % git diff .zsh/basic.zsh diff --git a/.zsh/basic.zsh b/.zsh/basic.zsh index beff72b..19ac86c 100644 --- a/.zsh/basic.zsh +++ b/.zsh/basic.zsh @@ -12,19 +12,15 @@ export LANG="ja_JP.UTF-

明確に読み書きできるやつは良いのです。 読み書きできないやつでぐぐりたいときに、 「これ英語で（日本語で）何ていうんだっけ？」 みたいなのが不定期で出てきて「あーなんて呼ぶか忘れたー」ってなります。 みなさんもありますよね？？ もうこれ以上忘れたくないのでメモ っておきました。 以下の見出しは「そうそうこういうやつなんだけど、それの名前を知りたい」レベルで逆引きできるものにしてあります。 ドットが3つ連続するやつlet a = { key1: 'val1', }; let b = { key2: 'val2', key3: 'val3', ...a, }; console.log(b); {key2: "val2", key3: "val3", key1: "val1"} この 展開 するやつです。 spread operator (or spread syntax)日本語ではスプレッド演

なんで今まで知らなかったし、という感じです。 pyenv global 2.7.13 3.6.0 僕は anyenv を使って複数のバージョンを切り替えて使っているのですが、 pyenv であれば、 pyenv install --list でインストール可能なバージョンを調べつつ、 pyenv install 2.7.13 などのようにバージョンを指定してインストールし、 実際にそのバージョンを表で使うときは pyenv global 2.7.13 などと入力して使ってました。 Python2 系と、 Python3 系の間には互換性がないため、 それぞれのアプリケーションで2から3にアップデートしたとかしてないとか、 色々と対応がネックになるところです。 Python3 系が使いたい時は pyenv install 3.6.0 のように、 表で使えるようにグローバルを切り替えて使ってい

会社用のアカウントと個人用とで分けたいときなどに。 正攻法じゃないけど、間違えずに済むので一応メモ。 （以下いろいろ編集追記） これでしばらくやってみてほぼ困らなくなりましたのでオススメです。 ライブラリはオープンに個人用アカウントで作っておき、 それを会社用アカウントから利用するみたいなことも想定できるので、 user.name, user.email を複数使い分けられるようにしておいて損はないと思います。 global の .gitconfig の user.name をあえて空にするホームディレクトリに置いてある .gitconfig 内の [user] name = foobar email = foobar@example.com みたいな記述を 思い切って削除してしまいます。 そうすると、通常であればコミットする時に user.name と user.email がない、お前

タイトルの通りですが、正直これ出来ないと思っていたので、出来てすごく嬉しいです。 Chef では少なくともそういった機能は無かったように思えますが（僕が知らないだけかもしれない）、 Ansible はプッシュベース だからでしょうか。 実行する主体がいつもローカル側にあるからこそ、 一旦接続を切ってまた繋げるといったことがやりやすいのかもしれません。 そもそもなぜ再接続したいのか？ほとんどの playbook では問題ないのですが、 SELinux の設定の反映（一時的な設定だけなら問題なし）などの一部のセットアップにて、 再起動が必要になるものが存在しています。 他にもあるかもしれませんが、 例えば SELinux の設定をいじる場合は以下のような手順を踏みます。 $ getenforce #=> 今の設定確認 Enforcing $ sudo vi /etc/sysconfig/sel

ターミナルで何でも行う人にとって、FTP の GUI クライアントはもう辛すぎるのです。 コマンド1つで rsync のようにアップロードしたいのです。 同じように考える人は多いらしく、 “rsync”, “FTP” でググると “rsync over FTP” がどうのこうのと書かれた記事は散見するものの、 そんなものないけど、代わりに lftp 使うといいよ。みたいな記事が多くあります。 なので、（過去に1度使った記憶あるものの、改めて）試しに使ってみました。 なお、MacBook Pro の El Capitan です。Homebrew でインストールします。 brew install lftp man lftp lftp コマンドは、基本的に ftp コマンドと同じく対話形式のコマンドなのですが、 オプションで -e や -c とともに対話形式の内容のコマンド（サブコマンド？）をつ

Ansible で再起動後にも playbook を継続する方法 で 再ログインに関しても一緒にまとめておこうと思ったのですが、 Docker の方が話の割合として多くなりそうだったので別記事でまとめておきます。 特に Ansible で Docker をインストールするときはこれに該当するんじゃないかと思います。 Ansible で Dockerまず話がややこしくならないように事前に触れておきますが、 Ansible & Docker の話は複数あって、 Ansible の playbook の実行（の検証？）に Docker コンテナを用いる話Ansible の playbook で Docker をインストールする話が挙げられますが、今回は 1 ではなく 2 の話です。 ちなみに 1 についてですが、 例えばローカルに用意した VirtualBox や外部に借りている VPS の環境

2016/07/05 この記事は書かれてから1年以上が経過しており、最新の情報とは異なる可能性があります tech Static Site Generator Hugo RSS の URL が変わってしまったので、一時的に元の URL に静的な RSS の XML ファイルをおいてますが、 => 置いたけどダメでした・・・ この記事以降の更新は反映されないので、以下より再取得していただければと思います。 http://girigiribauer.com/index.xml 例によって書いてない期間がどんどん開いていきますが、今は管理画面からではなく、Vim から記事を書いているのでだいぶ気分的にラクです。 さて、決して WordPress をディスるわけではないのですが、以下の点を何とかしたいなーと思ってました。 （たいして書かないのに）管理画面を晒し続けるセキュリティ面でのリスク 投稿す

2015/08/06 この記事は書かれてから1年以上が経過しており、最新の情報とは異なる可能性があります tech Docker Vagrant そもそも比較するようなものではないものの、分かりづらい解説しかなかったので、 超個人的な主観でまとめておこうと思いました。 Docker の特徴 Linux 上でのみ動く (Windows, Mac 上では動かない) Linux のリソースを流用しつつも小さく閉じた環境を作ることができる 小さいので作っては捨て、が容易 例えるなら・・・ 病院の中に�超小型隔離施設を作るようなもの 隔離されてるものの、診察も受けられるし隔離施設ごとトイレにも行ける Docker コンテナをたくさん作る ≒ 病院内に超小型隔離患者がたくさん、みたいなイメージ Vagrant の特徴 Windows / Mac / Linux それぞれにパッケージが用意されている 実

2014/08/12 この記事は書かれてから1年以上が経過しており、最新の情報とは異なる可能性があります tech SSH automation どうしても環境を変えられず SSH のパスフレーズを手動入力せざるをえないときってありますよね？ それが1回、2回であればまだ良いのですが、ある程度定期的に SSH でログインしてあれこれやらなきゃいけないってなると、もう発狂ものです。 こういったケースはときどき発生するのですが、実は自動入力出来る方法があるってことをふいに知ったのでメモっておきます。 ※数ヶ月前の話ですが、それでもブログに記録を残しておいた方が良いと思ったので、タイミングずれましたが書いておきます。 SSH でのログインの仕方 先に、普通に SSH でログインする方法とベストな選択肢に触れておきます。 一番シンプルに使うのなら、以下の方法ですね。 ssh -p 12345 us

2013年に書いていた、『Vagrant で SSH の接続ポート番号を変えると、けっこう複雑になるという話』（ https://girigiribauer.com/tech/20130726/ girigiribauer.com ）という記事の続きです。 2013年の段階では、まだまだ考え方みたいなものがまとまりきっておらず、Vagrant が用いる接続ポート番号を変えるという方向で色々考えていたのですが、今振り返ってみるとそもそも根本の考え方を見直すべきでした。 Vagrant の使いどころ・考えどころ ざっと『Vagrant の使いどころ・考えどころ』（ https://girigiribauer.com/tech/20150303/ girigiribauer.com ）に書いたのですが、Vagrant を用いる用途としては大きく2種類あると考えています。 ローカルの開発用としてロ

2015/03/03 この記事は書かれてから1年以上が経過しており、最新の情報とは異なる可能性があります tech Chef SSH Vagrant Vagrant, Chef 周りの知見が溜まってきたのでそろそろまとめていきたいと思っているのですが、 まだまだ自分の中で分からない部分も多く、 かつ自分はインフラエンジニアではないので、 正直どこまで書いたらいいのか迷っています。 また、chef-solo はなくなるから、これからは chef-zero だ、なんて言われても、 インフラに関する前提知識が薄いので、なかなかついていくことができません・・・。 とはいえ、少なくとも使っていく中で自分なりの思想みたいなものははっきりしてきたので、 まずはそこから書いてみようと思います。 Vagrant の用途を考える Vagrant が何なのかを知らない人に説明するとすれば、 仮想マシン（VM）を

罠があるのでまとめておきます。（体験談） なお、box ファイルは CentOS6 ベースのもの、Web サーバは apache です。（本番環境を想定した開発環境なので、nginx は別のところで使っています） レシピを適用しても上手く表示されない レシピ適用した後で、 vagrant up や vagrant reload などで VM を起動したとしても、Web サーバがうまく動かなかったケースとかありませんでしたか？私はありました。 /var/www を synced folder に指定しているとはまります。 なんともならなかったので、毎回 ssh でログインして sudo service httpd restart してごまかしてましたが、なんだかはまる人多そうだなーと思ったのでこちらにまとめておきます。 Vagrant の動作順おさらい レシピの指定を Vagrantfile

2014年9月現在、IE のシェアは過去と比べて劇的に変化しています。 Statcounter Global Stats - Browser, OS, Search Engine including Mobile Usage Share Tracks the Usage Share of Search Engines, Browsers and Operating Systems including Mobile from over … gs.statcounter.com _version_partially_combined-JP-monthly-201309-201409 を見ると分かるように、 IE11 が全ブラウザの 30% を上回り、IE8,9,10 がそれぞれ 4% 前後の値です。 ここまで来ると、oldIE の対応は完全にマイノリティとなってきており、 出来るブラウザを基準

2014/09/25 この記事は書かれてから1年以上が経過しており、最新の情報とは異なる可能性があります tech viewport これはさすがに書いておいた方がよいかと思ったので書いておきます。 結論だけ先に言うと、設定によって viewport の値が変わるので注意です。 設定によって viewport の値が変わる件 2014年の9月に iPhone6, iPhone6 Plus がそれぞれ発売されたわけですが、 購入して初期設定してるときに気になる画面が。 へぇーー。初期設定の際に画面全体を標準サイズにするか、拡大サイズにするかを選択できるようになってました。 また、初期設定後であっても、設定 > 画面表示と明るさ > 画面表示の拡大 という項目で自由に変更できるようになっています。 プレビュー画面も用意されているので分かりやすいです。こちらが標準設定。 以下が拡大設定です。 比

2014/02/05 この記事は書かれてから1年以上が経過しており、最新の情報とは異なる可能性があります tech iOS bugs タイトル通りなのですが、色々調べたりするのに時間かかったので一応メモしておきます。 ひょっとすると、iOS7.1 以降にアップデートすると解消される内容かもしれません。 ただし現時点（2014/02/06）では iOS7.0.4 が最新であり、こちらのバージョンでは問題が確認できた内容です。 iPad のランドスケープモードの表示でずれる たまたま手元に iOS6 のままアップデートしていない iPad があり、 まずそちらで検証して上手く行っていたのですが、 一通り検証し終わって「iOS7 にアップデートするかー」というタイミングで確認できた事象です。 iOS7.0.4 の最新にアップデートした後で、iPad を横向きにした状態、 つまりランドスケープモー

2014/02/12 | lastmod: 2024/06/29 この記事は書かれてから1年以上が経過しており、最新の情報とは異なる可能性があります tech DOM JavaScript jQuery polyfills （2024 年追記）古い記事なので誰も見てないと思いますが、現在 polyfills を使うのは危険なのでやめましょう。もはや機能が足りなくて困るケースはないようなので、使う意味もないかと思います。 https://www.itmedia.co.jp/enterprise/articles/2406/29/news057.html （追記終わり） 意図せずシリーズ化してしまった、前回からの続き 3 回目です。 jQuery から卒業するための第 1 歩を polyfills から学ぼう jQuery から卒業するための第 1 歩を polyfills から学ぼう – そ

2014/02/02 | lastmod: 2024/06/29 この記事は書かれてから1年以上が経過しており、最新の情報とは異なる可能性があります tech ajax JavaScript jQuery jsperf polyfills （2024 年追記）古い記事なので誰も見てないと思いますが、現在 polyfills を使うのは危険なのでやめましょう。もはや機能が足りなくて困るケースはないようなので、使う意味もないかと思います。 https://www.itmedia.co.jp/enterprise/articles/2406/29/news057.html （追記終わり） 前回からの続きです。 jQuery から卒業するための第 1 歩を polyfills から学ぼう https://github.com/inexorabletash/polyfill にある web.js を

2014/01/30 | lastmod: 2024/06/29 この記事は書かれてから1年以上が経過しており、最新の情報とは異なる可能性があります tech JavaScript jQuery polyfills （2024 年追記）古い記事なので誰も見てないと思いますが、現在 polyfills を使うのは危険なのでやめましょう。もはや機能が足りなくて困るケースはないようなので、使う意味もないかと思います。 https://www.itmedia.co.jp/enterprise/articles/2406/29/news057.html （追記終わり） jQuery というライブラリは非常に便利な JavaScript ライブラリであります。 jQuery 便利！ いやー、便利ですよね。便利すぎて、JavaScript を書いて HTML 要素を何かしようと思ったときに、無条件で使用