2017-12-02

gitのコミットでauthorとcommitterがバラバラになってたので必死で直した

なぜなぜ案件。

やらかした

pokiiio.github.io

Github Pagesで色々遊んでたんですが、コミットする環境によってauthorとcomitterがバラバラになってました。全部pokioアカウントで統一したかったんですが、他のアカウントのものが混じってしまい必死で修正したので、そのメモを残しておきます。

過去のコミットのauthorとcommitterを一発で変更する

単刀直入にいうと、以下のようなコマンドで後から修正できます。

git filter-branch -f --env-filter "GIT_AUTHOR_NAME='pokio'; GIT_AUTHOR_EMAIL='32353873+pokiiio@users.noreply.github.com'; GIT_COMMITTER_NAME='pokio'; GIT_COMMITTER_EMAIL='32353873+pokiiio@users.noreply.github.com';" HEAD

ここで、メールアドレスはgithubから付与されるアドレスで、これのお陰でgithubアカウントに紐付いているプライベートのアドレスを晒さずに済みます。https://github.com/settings/emailsで確認できます。

コミットログを後から修正する

上記のコマンドを実行すると、たまにコミットログにゴミが付与されることがあったので、コミットログも修正しました。

git rebase -i HEAD

基本的にgit rebaseで書き換えていきます。

ローカルのgit configを設定する

もちろん、globalのgit configとは別に、レポジトリ毎にnameとemailを覚えさせておけるので、設定したいローカルレポジトリをワーキングディレクトリにしてから、下記のコマンドを実行。

git config --local user.name pokio
git config --local user.email 32353873+pokiiio@users.noreply.github.com

ローカルレポジトリをリモートレポジトリで強制上書き

上記までの方法で色々修正したのに、コマンドを打ったマシンとは別のマシンに古いコミットが残っていて、それをリモートレポジトリにシンクさせちゃうと、またもとに戻ってしまうので、そういうマシンでは以下のコマンドを実行して、強制的にローカルレポジトリをリモートレポジトリ相当にします。

git fetch origin master
git reset --hard origin/master

参考にしたページ

qiita.com

poyopoyo0.hatenablog.com

qiita.com

いやぁ、助かりました。

2017-12-01

GitHub PagesでWebページを無料でチョッパヤで作ってみた

久々のWebページ制作

GitHub Pages

pages.github.com

GitHubアカウントを持ってれば、簡単にWebページが無料で作れるサービス。もともとはWeb Bluetoothなページを作って、それをスマホでデバッグする時に、どこかに簡単にホスティングできないかと調べていた時に見つけたんだけど、意外と簡単に無料で公開できるとのことなので、とりあえずWebページを作ってみようかなと決意。

明治時代に書かれたと思われる書物を発掘したので、これで勉強してみる。 pic.twitter.com/siaU1DNKjF
— ポキオ (@pokiiio) November 30, 2017

とはいえ、HTMLを書くだなんて久しぶりだし、iframeでブイブイ言わせてた頃のページを学生の頃に授業で書くくらいしかしたことがなかったので、この際に1からフルスクラッチで作ってみました。特に難しいことは考えず、HTML5+CSS+JSでそれっぽいページを作りました。デザインセンスは皆無なので、テキトーにAndroidのマテリアル感を持たせてみました。

pokiiio.github.io

やったこと、参考にしたモノなど

ちょっと昔の本


アプリを作ろう! HTML5入門 (アプリを作ろう! シリーズ)

家に転がってた本を参考に書いてみました。本当はもっとナウいテクニックが書かれた本があるのかもしれませんが、ナウくない手法で取り敢えずWebページを作りました。

JavaScript + GitHub APIで最新リポジトリ一覧を表示する

gihyo.jp

これも、もっといい方法があったのかもしれませんが、このページを参考に作りました。

qiita.com

GitHub APIに関しては、このページと本家リファレンスを参考に書きました。JSONでリポジトリ一覧が返ってくるので、愚直にパースして、愚直に動的に表示要素をWebページ上に追加しています。jQueryとかは使わずに、純粋なJSで書いてます。

レスポンシブな感じにする

syncer.jp

スマホからも見れるようにしたかったので、レスポンシブなレイアウトにしました。これも結構テキトーに実装しています。

マテリアルっぽくする

まずは、なにはともあれ色。

www.materialpalette.com

この便利なサイトで、色んな色を生成してもらって、愚直にCSSで設定。

あとは、WebフォントでRobotoをつかってAndroid感を醸し出してます。

photoshopvip.net

読んだだけで実践してないこと

qiita.com

開発環境も色々あるんですね（小並感）。AndroidのGradle見たいな仕組みがあったりして面白かったけど、結局使わなかった。

チョッパヤでつくってみた

いやー、Webページ作成は奥が深い。色んな要素がありすぎてどこから手を付けていいかわからなかったけど、とりあえず手を付けてみた感じ。SEO関連とかは一切できてないので、今後触りたい所存。ちなみに、今回作った（作ってる）Webページの作成過程は以下のコミットログで確認できます。突っ込みたいことがあればコメントを頂きたく（笑）

github.com

2017-11-29

ArduinoやESP8266/ESP32でのNeoPixelなLEDをエモく光らせるライブラリを作った

たかがLチカ、されどLチカ。

github.com

ライブラリをつくりました

個人的によく使う関数をライブラリ化しただけのオレオレ企画。Adafruit NeoPixel Libraryが入っていること前提ですが、じんわり光らせるBlink.softly()とパリピ点滅を楽しめるBlink.likePartyPeople()という2つの関数を用意しています。（命名規則ガン無視。オシャレな関数名にしたかっただけです。）

使い方はこんな感じ。

#include <Adafruit_NeoPixel.h>
#include <EmotionalBlink.h>

#define PIN D8 // LEDへの信号線をD8に繋ぐ
#define NUMLED 1 // LEDの個数は1。数珠つなぎに複数個のLEDをつなげることも可能
Adafruit_NeoPixel pixels = Adafruit_NeoPixel(NUMLED, PIN, NEO_RGB + NEO_KHZ800); //おまじない

void setup() {
  // NeoPixelのLEDの初期化
  pixels.begin();
}

void loop() {
  // 2秒かけて、消灯→点灯(赤)→消灯をじんわりやる
  Blink.softly(&pixels, NUMLED, 255, 0, 0, 2000);

  // 1秒間パリピ点滅をする
  Blink.likePartyPeople(&pixels, NUMLED, 1000);
}