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

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

プログラミング系

git利用者に贈る、Subversionがダメな理由

このブログを始めてからだいたい2年が経ちました。 2年前はどんな記事を書いてみたのかと見てみると……これですね。 このときはプログラミング始めたてで、まずは git の使い方を覚えようとしていたようです。このように、ここ数年でプログラミングを始める…

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

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

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

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

続・SMF ( Standard MIDI File ) Format1 のバイナリを読んでみた

前回の記事の続きです。↓前回の記事 4D 54 68 64 00 00 00 06 00 01 00 02 03 C0 4D 54 72 6B 00 00 00 17 00 FF 03 00 00 FF 51 03 06 8A 1B 00 FF 58 04 04 02 18 08 00 FF 2F 00 4D 54 72 6B 00 00 00 2B 00 FF 03 00 00 FF 21 01 00 00 B0 79 00 00 B0 0…

SMF ( Standard MIDI File ) Format1 のバイナリを読んでみた

曲を作るためにお世話になっている MIDI 。 そういえばこれってどういうふうにできているんだろう、ってふと気になりました。 それでこの記事 SMF(Standard MIDI File)フォーマット解説 | 技術的読み物 | FISH&BREAD を読んでいましたら、「意外と簡単?!」…

atom-text-editor::shadow は廃止されました(ATOM v1.13.0)

テキストエディタ Atom を使っていて「おや?」と思うことが出た。 初めて見たぞこの表示……。 Atom Deprecation Cop というもので、つまり Atom の設定で変な箇所あったら怒ってくれる人です。 昔から搭載されてるらしいですが私は初めて怒られました。 こん…

起動すぐに『Windows Media Playerは動作を停止しました』となる問題の解決

Windows Media Player が再生を初めて数秒で 『Windows Media Playerは動作を停止しました』と出て終了する問題に、この数週間悩まされてきました。 別の再生プレイヤー使おうか…… いや、でもWindows Media Playerは動作が軽いし広告出ないからいいんだよな…

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

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

gibo はときどき update しようなって話

便利ツール gibo .gitignore を生成するのってめんどくさい、なんのファイル書けばいいねん。 ってなる悩みを解消してくれた gibo 。( https://github.com/simonwhitaker/gibo ) gibo OSX Windows Node >> .gitignore # .gitignore がすでにある場合は >> # …

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…

npm と yarn のインストール時間を比較してみた

彗星の如く現れた yarn 。 Facebook社の中の人が作った yarn は、 npm を発展させたパッケージ管理ツールです。*1 npm 同様 package.json を読み込み、npm リポジトリとほぼ同様の yarn リポジトリからダウンロードしてくるものなので、 npm からの移行は簡…

はじめて Docker を使ったので使い方メモ

wercker で使うために Docker を初めて使ってみました。 参考にしたサイト : 今更始めるDocker on Mac、今更覚えるDockerコマンド - 病みつきエンジニアブログ Docker Machineの作成 1. Docker Toolbox をインストール brew install Caskroom/cask/docker-to…

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

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

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

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

MySQL の文字エンコーディングを utf8mb4 にあとから変更する

前も書いたけど、MySQL をいじるには、入力補完してくれる mycli が超便利。 これなしの環境だとめんどうに感じてしまうくらいに!あとダミーデータの作成は generatedata.com が良さげ。 これはもっと良いサイトありそうなので、ご存知の方、教えてください…

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 インストール出来ない!ここを参考にしつつ エラーメッセージに対処していったのですが、解決法がわからないコンパイルエラーに遭遇し、 ど…

keynote に 数式を貼るには、TeXclip と TeX2img が便利

昨日、『プログラマのための数学勉強会』に参加してふたたびLT枠で登壇してきました。 前回の発表を特にブログに書かなかったのは、重い風邪でちゃんと準備できず消化不良だったためで、今回リベンジ出来てよかったです……!プログラム・発表スライドは以下の…

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

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

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

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

Beautify のオプション設定 [Brackets]

Brackets は超便利 Adobe が無料で提供してくれている、Web や Cordova(PhoneGap) の制作に便利なIDE、 『Brackets』( http://brackets.io/ ) で人気のプラグイン『Beautify』は、コードを整形してくれる人気のプラグインです。このブログで扱うのは初めてで…

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

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

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

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

Chocolatey (Windowsのパッケージ管理ツール)の導入方法

ホームページはこちら https://chocolatey.org/ 1. Chocolatey とは Windows PowerShell で利用できる、パッケージ管理ツールです。 (コマンドプロンプトでも利用できますが、私は PowerShell 派)choco install firefox とコマンドを打つだけで Firefox が…