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

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

Web制作

ブログを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 がくしゅうちょうこのページが表示されるところまでは行きました。 でも、これってどうや…

CakePHP is NOT able to connect to the database. を解決する

この記事の続き前回はこれがローカルサーバーを使い表示されるところまでやりました。 よく見ると、下の方にエラーがあります。 Databaseに接続できていない様子。 CakePHPのTutorialでここらへんのことは説明されているものの、 私みたいな MySQL 未経験者…

MySQL 起動しない : The server quit without updating PID file

mysql.server start すると、ERROR! The server quit without updating PID file (/usr/local/var/mysql/nekonenene-MacBook-Pro.local.pid). とエラーが。なぜだ。 原因はわからないけど、 sudo chown -R nekonenene:wheel /usr/local/var/mysql で解決しま…

PHP + cakePHP 導入メモ(Mac)

PHP をローカルサーバーで動かす 参考 : MacでApache+PHPの環境を構築するなお、設定データをいろいろいじるので、 いじるファイルについてはバックアップを残しておくと良い。あとあと安心。 Apache起動 sudo /usr/sbin/apachectl start httpd.conf いじる …

PHP バージョン切り替えは phpenv だけじゃない! chphp の紹介

phpenv 使えない phpenv に php-build を足しても phpenv install が、エラーのためにインストール完了しない。 PHP インストール出来ない!ここを参考にしつつ エラーメッセージに対処していったのですが、解決法がわからないコンパイルエラーに遭遇し、 ど…

エレガントなコードを書くための ATOMパッケージを作りました!

最近、ブログ記事のカテゴリーがやたら増えてきたので、1記事しか無いものはカテゴリー消そう。という決意を固めつつあるハトネコエです。今日は、近頃大人気のテキストエディタ ATOM のパッケージ(プラグイン)を自作してみたのでその話です。 1. テキス…

npm install --save-dev は、 npm i -D でいい

タイトル通りです。npm の使い方については以前書いたここを見てもらうとして、 この記事では npm install gulp --save-devで gulp 環境を導入すると書きました。でも、文字数長いです。タイピングめんどいです。実は、install は i でいいようにエイリアス…

キミのWebページのタブはまだ白いままか?!(2行で出来る Android Lolipop Chrome 対応)

最近、スマホでウェブサイト見てて気付いたこと。あれ? そこ、色付けられるようになってる……?1週間前くらいからでしょうか、 気が付いたらそこに色が付いていました。 1. そこってどこ? ここ Android の Chrome ブラウザ におけるアクションバーの位置で…

gulp の Windows での使い方入門( 保存時に jsmin が働くように )

Web制作してみたいなー、と思いました。せっかくやるんなら、 AngularJS とか Sass(もしくは Scss )とか TypeScript 使っちゃって、先進的な感じで Web制作したい。でも、Sass とか TypeScript のコンパイルめんどくさくない? って思いました。 まあ、ATO…