ハトネコエ Web がくしゅうちょう

プログラミングやサーバー関連、チームマネジメントなど得た技術のまとめ

Web制作

はてなブログの Google Analytics で /realtime_preview などを集計対象外にする

はてなブログへのアクセス記録を Google Analytics で見ると /realtime_preview というアクセス先があるのでその正体とは?! って話と、それへのフィルタ設定をおこなってより正確なPV数を取得する方法の話

materialize-css のJSライブラリを TypeScript + React 環境で読み込む

materialize-css の JavaScript ライブラリ部分を TypeScript + React 環境に import M from 'materialize-css' する方法

セッションと Cookie について今さら理解する

Webサイトのログインで必要な考えとなる セッション周りを全然わかっていなかったので、いろいろ自分用にメモ。 1. 動機 今まで Rails や周辺ライブラリがよしなにやってくれていたものを、 Go言語で Web アプリを作ろうとしたら自分でちゃんと実装しないと…

初めてPerlに触れてみての感想

特に解説記事というわけでもなく、筆の走るままに感想を。 入門にはPerl入学式の教科書がとても役立ちました。 id:papix 先生ありがとう…… Perl 自体への感想 全体的に、シェルスクリプトとRubyの中間みたいな文法。生まれを考えればまあ、そうだよね true, …

gRPCのクライアント実装でサーバー証明書の検証を入れる方法

このあいだの gRPC の記事の「失敗5」の項で サーバー側の証明書の正当性を検証するステップはスキップするという方向の実装 にしたのですが、サーバー証明書の検証をおこなう方法がわかったので書いておきます。 なお、今回言う「サーバー証明書」というの…

gRPC x Go x nginx での失敗談

Go による gRPC サーバーへ、 nginx をプロキシーにして HTTPS 通信をおこなおうとしたらいろいろ失敗した話。grpcurl の使い方やサーバー・クライアントの実装例など記載。

http2 設定で cert renew に失敗

80番ポートの設定に http2 を付けると cert renew --dry-run に失敗する

DNSサーバ引っ越し時のメモ

また忘れそうなのでメモ書き。 基本的に引っ越しは、NS レコードを書き換えて 移行先のDNSサーバに誘導するようにするんだけど、ConoHa はトップドメインの NS レコードを変更できない。 でもそもそも、ドメイン取得サービスの DNS サーバが起点となっている…

ConoHa ちゃんを裏切って DigitalOcean に移行した話

約2年に渡って使ってきた ConoHa から、メインのサーバを DigitalOcean に移行した話。美雲このはちゃんがこんなにもかわいいのに、それを失ってまで VPS サービスを DigitalOcean に変えた理由とは……

Docker の ARG の宣言箇所に注意

ARG の宣言を FROM の後に書くようにすべき話と、ADD や COPY でソースとして扱えるファイルは特定ディレクトリ以下だよ、って話

Docker で Ansible の実行環境を作る(Ubuntu 18.04)

Ansible を簡単に何度も流せる Docker イメージを作成します。 また、Makefile を活用し、コンテナの開始・終了もおこないやすく。 --cap-add NET_ADMIN オプションなど、ハマりどころも解説。

gRPC チュートリアルで入門しようぜ!

gRPC 公式の Quick Start Guide をベースにしつつ、より深く掘り下げられるよう追加・変更を施した、gRPC 入門のためのチュートリアルです

ブログをMixed Content対応しつつHTTPS化しました 🎉

今年の4月から、はてなブログのドメインを使用している全ブログが HTTPS 化に対応しました。 (2月の時点ではまだ段階的に提供開始というステータスだった) 対応したいなと思いつつも、 「Mixed Content 対応のためには記事をひとつずつ保存し直してね、て…

FirefoxとChromeは表示される色味が違う!!

ブログのデザインを微変更していて気付いたのですが、 (Mac版だけかもしれませんが)FirefoxとChromeの色味って違うんですね! (左:Firefox、右:Chrome) Firefox は Chrome よりもきらびやかな色になります。 Firefox でカラーを調整していたので、Chro…

Docker Swarm モードはわかりやすい!

Docker Swarm モードのひととおりの流れを解説しています。 Kubernetes に比べ、非常に簡単な方法で、Dockerクラスタの管理ができることがわかると思います。

【CircleCI 2.0】GitHub Pages へ指定ディレクトリ内だけを push するための config.yml

約2年前に上のような記事を書いたのですが、 いよいよ CircleCI ver.1 も今月をもって廃止ということで、 CircleCI 2.0 向けに書いたものを貼りつけておきます。 1. config.yml の設定 以前と同じように、結果から貼りつける形にしようと思います。 このよう…

Datadog のメモリ監視に関するダッシュボード設定

「君のアカウント、試用版だから有料版にアップグレードするか無料版にダウングレードするかしないと消すね」 と Datadog から警告が来たので、もし設定しなおす場合の参考用に。 1. メモリを used, buffers, cached, free の分け方で見る場合 free コマンド…

letsencrypt renew 後に nginx restart が必要

久しぶりにメモ。 自分で管理してるサイトにアクセスしようとしたら SSL証明書の有効期限切れエラーを見ることに。 で、なんか設定忘れてるのでは、という気がして他の人の renew のやり方見ていたら、(Let's Encrypt で Nginx にSSLを設定する - Qiita) …

Ansibleで、サーバー上の特定ディレクトリにあるファイル名一覧を取得する

個人のサーバーでgit運用したくて、Gitbucket を立ててるんです。 それで、この前 Gitbucket の更新をするときにプラグインファイルも更新をかけたのですが、 困ったことに、プラグインをダウンロードするだけのAnsibleタスクだと 古いバージョンのプラグイ…

ヤバイサイトのセキュリティはどれだけヤバイのか検証してみた

1. 前置き 先日、このツイートがエンジニア界隈でちょっとだけ話題になりました。 https://twitter.com/ymotongpoo/status/866929418073120769 事の発端は、このツイートにあります。 https://twitter.com/e_Traning_html5/status/866677588315447297 WebRTC…

DataDog に Ansible を連携させる ansible-datadog-callback の使い方

DataDog の Ansible Integration が上手く動作しなくて頭を抱えました。 Configuration をよく読むと、 ansible-datadog-callback を入れなさい、と書いてあります。 なるほど、と設定しようとするもどこに何を置けばいいのかわからず困りました。 ローカル…

Ansible で、コマンドが存在するかどうかで処理を変える方法

冪等性(べきとうせい)を考えて、 パッケージ(コマンド)を apt で初めてインストールするときだけ処理をしたい。 という要望が自分の中で湧いてきて、さてどうしようと調べるも、なかなか出てこない。 「already installed ansible」とGoogle検索かけたら…

GitHub Pages にビルドしたフォルダだけを上げたいときの Circle.yml

GitHub に git push するだけでウェブサイトを作成・更新できる GitHub Pages 。便利です。 ちょっとめんどくさいのが、 gh-pages ブランチか master ブランチのトップディレクトリに index.html がないといけないところ。 ( master ブランチの場合は docs …

macOS Sierra で mysql2 の bundle install に失敗する場合

Rails のプロジェクトを扱っていて、 gem を bundle install していたところ mysql2 の部分でこんなエラーが… Installing mysql2 0.4.4 with native extensions Gem::Ext::BuildError: ERROR: Failed to build gem native extension. current directory: /Us…

AWS EC2 インスタンスにユーザー追加する方法

親切なチュートリアルを見て、SSH 接続で EC2 のインスタンスにログインできるようになったところまではよかったんですが、 デフォルトの ec2-user でないユーザーを足そうとしたらいろいろハマったので覚え書き。 参考: Linux インスタンスでのユーザーアカ…

はじめてで♥ドキドキ☆の AWS の感想

Amazon Web Services、略してAWS、なんだか難しそう〜なイメージあって手が出せていなかったのですが、 最近サーバーの設定とかにも少しずつ興味出てきたので、おそるおそる触ってみることにしました。 先達はあらまほしきことなり(教えてくれる人ほしいよ…

URI, URL, URN とは? 違いは?

例えば JavaScript のメソッドにこういうのがあります。 console.log( encodeURI("http://ドメイン.com") ); // "http://%E3%83%89%E3%83%A1%E3%82%A4%E3%83%B3.com" と出力される URI 形式に直してくれる encodeURI メソッドです。また、Android のプログラ…

最近知った開発ツール・サービスまとめ : Capistrano,ZenHub,DocBase,Lucidchart,BigQuery,Itamae

いろんな会社さんと面談をしていると自分の知らなかったツールが知られておもしろいので、 最近聞いたものを調べてまとめておきます。 Capistrano (キャピストラーノ) Capistrano 公式サイト公式での紹介 : What is Capistrano?紹介記事 : 入門 Capistrano…

よく使う MySQL 文のまとめ

自分用のまとめ。ちなみに MySQL をいじるには、Mycli が超便利です。 MySQL のオートコンプリート(コード補完)してくれます。 しかも、忘れがちな文末のセミコロンを書き忘れても問題なし! これ無しじゃSQL操作はやってけない! 1.データベース作る cr…

cakePHP のトップページは、どこのファイルを見てるの?

前々回 → PHP + cakePHP 導入メモ(Mac) - ハトネコエ Web がくしゅうちょう 前回 → CakePHP is NOT able to connect to the database. を解決する - ハトネコエ Web がくしゅうちょうこのページが表示されるところまでは行きました。 でも、これってどうや…