fk2000の投稿 - Crieit

PackerでCentOS7のVMを作ろうとしたらPane is Dead

2018-12-04T19:11:53+09:00

PackerでCentOS7のVMを作ろうとして、以下のコードをgit pullして実行したら積んだお話

kickstart/centos7/ks.cfg のkeyboardをUSキーボードからJP106配列に変えたくて

- keyboard us
+ keyboard jp 106

ってしたら、VMのGUI画面に「Pane is Dead」って出てフリーズした。

正解はこうらしい。

keyboard --vckeymap=jp106 --xlayouts="jp106"

Hugoでブログ付きのポートフォリオサイト

2018-11-20T18:04:59+09:00

この記事はCrieitの「アドベントカレンダー Advent Calendar 2018」の11日目の記事です。
昨日はNaturalclarさんの米国からTwitter転職で日本に来たら楽しくて仕方ない話でした！

背景

~~アドベントカレンダーのネタのために何か作らなくちゃ~~静的なサイトでお手軽なサイトでも立ち上げようかと思いGolangの勉強がてらHugoでサイトを構築してみました。

苦肉の策

とにかく時間がないので、ちゃっちゃと終わらせるために、Hugoはhomebrewでインストールして、一度構築用のリポジトリを作成しておき、Github Pagesならぬ、Bitbucket Pages（そんなサービスは無い）にあげてGoogle Analyticsで監視するようにしました。

※Bitbucket Cloudというみたいです。

https://confluence.atlassian.com/bitbucket/publishing-a-website-on-bitbucket-cloud-221449776.html

実際のサイト

https://hugofkworld.bitbucket.io/

構築用のソースコードは[email protected]/hugofkworld/hugo-fk-world.git">こちら
運用用のソースコードは[email protected]/hugofkworld/hugofkworld.bitbucket.io.git">こちら

多言語対応できるテンプレートを使ったのですが、JPサイトが空だったり、Projectsが空だったりしますが、ちびちび書き足していきます。

blogもこちらがキャッチーなのでうまく運用維持できたら更新していくかもしれません。

参考にしたサイト

明日はかしい@お笑いSNS作成中さんの記事です！

少人数で高速でスマホとwebサービスを立ち上げたかったらdocker、letsencrypt、swagger、Flutter

2018-10-19T18:29:16+09:00

概要

スマホアプリを作る場合、API用のサーバ立ててスマホアプリのクライアントからRESTでジャラジャラ繋ぐと思うんだけど、サーバ側の構築にコストかけられない。
ドメイン取ってコードをデプロイしたらさっとAPIサーバくらいは立って欲しいと思う。その場合、DockerでさっとSSL化自動で証明書取得されると素敵じゃないですか。

Docker

それならばdockerイメージでいいのがあったので、使い倒しましょう。

jwilder/nginx-proxy

jrcs/letsencrypt-nginx-proxy-companion

上のDockerイメージをdocker-compose.ymlに記述して、docker-compose up -dを実行するだけで、let's Encryptによる自動SSL化機能のついたletsencrypt-nginx-proxy-companionと、nginx-proxyが立ち上がります。

nginx-proxy/docker-compose.yml
version: '2'
services:
  nginx-proxy:
    image: jwilder/nginx-proxy
    container_name: nginx-proxy
    ports:
      - 80:80
      - 443:443
    volumes:
      - ./certs:/etc/nginx/certs:ro
      - /etc/nginx/vhost.d
      - /usr/share/nginx/html
      - /var/run/docker.sock:/tmp/docker.sock:ro
    restart: always
  letsencrypt-nginx-proxy-companion:
    image: jrcs/letsencrypt-nginx-proxy-companion
    container_name: nginx-letsencrypt
    volumes:
      - ./certs:/etc/nginx/certs
      - /var/run/docker.sock:/var/run/docker.sock:ro
    volumes_from:
      - nginx-proxy
    restart: always

参考URL： Dockerで簡単にマルチドメインかつSSL証明（自動更新） nginx-proxyとLetsEncrypt

Swagger

API側はSwaggerでサクッと作ります。

Swagger Editorを使ってswagger.yml（swagger.jsonでも可）を書けば、モックとして起動もできるし、サーバー側、クライアント側それぞれの言語でのソースも自動生成できる。最終的には、APIドキュメントも生成できるので、一度yaml、またはjsonを作って仕舞えば、同じAPI設計のアプリを量産できる優れもの。

Flutter

問題はアプリ側、こちらはさっと作る手段がまだなくてせいぜいFlutterでAndroidとiOSを同時にビルドするくらいなもの。

もう少し検証と実践を積んだら記事にします。

結論

じゃんじゃんアプリとWebを作って世の中の技術向上に貢献しましょう！

補足

私のWordpressも、上記のDocker、Let's Encryptの環境に移行しました。

Wordpressを無料でS3、SendGrid、Heroku、Composerでデプロイする

2018-10-10T19:35:48+09:00

https://github.com/PhilippHeuer/wordpress-heroku

こちらのGithubにある「Deploy to heroku」ボタンをクリックすることでも構築できるのですが、画像やプラグインを永続的に維持するためにはローカルに構築してcomposer updateしてから差分をgit pushし、同じソースコードをherokuにデプロイする必要があるのでした。

いろいろいじってやってみたところ、なんとかできたので、この後もいろいろ試したいと思う。

一番苦労した点は、英語版Wordpressを日本語化する方法だった。

ローカルでWP CLIを使って日本語化ファイルをダウンロードし、git pushしたらできた。

wp core language install ja --activate

参考URL
https://upd.world/wordpress-cloud9/
https://qiita.com/miya0001/items/96a684e2f819f9d8b4a4
https://qiita.com/fuwamaki/items/8684003bb47197336645

セマンティックバージョニング

2018-10-04T15:56:55+09:00

What is this?

バージョニングのルールです。

主に公開されるAPIのバージョンの付与規則と言うことです。

同意する場合

セマンティックバージョニングを実践していることを宣言し、ルールを守って下さい。それからあなたのREADMEからこのWebサイトにリンクしてください。

golangのechoで静的なサイトを建てるならNowがお手軽という話

2018-09-19T19:42:20+09:00

NowというPaasが、golangをデプロイするのにお手軽だということがわかった。

golang echo でサーバ書いて Dockerfile 書いて now でアップロードしてみた。ドメインは適当に取って now ln で alias 張った。めちゃ簡単だし LE も作ってくれる。便利やん。https://t.co/fXT7yR2BZC
— mattn (@mattn_jp) 2018年9月18日

公開するまでの手順

Nowのアカウントを作成する
DotTkで無料ドメインを取得する。
- Nameserverにzeit.worldを４つくらい指定しておく。
Dockerfile, main.go, now.jsonを作成する。
- 取得したドメインをnow.jsonのaliasに記述しておく。
nowで一旦デプロイできるか確認する。
問題なければnow aliasでproductionとしてデプロイする。

Android8(Oreo)の開発者オプションのOn、Off

2018-09-11T16:14:05+09:00

Xperia XZ2を購入した。

携帯遍歴

2009年
- Xperia X10(SO-01B)
  - Donut から Eclairにアップデート
2011年
- Galaxy Nexus(SC-04D)
  - Ice Cream Sandwich から Jerry Beansにアップデート
2013年
- iPhone 5c
  - iOS 7
2015年
- iPhone 6s
  - iOS 9
2018年
- Xperia XZ2(SO-04K)
  - Oreo

2年ごとに買い換えてきたが、今回だけ3年経過していた。2009年のXperiaも2011年のGalaxy Nexusも早く飛びつきすぎたと感じたため、国内需要が伸びてきたiPhoneに乗り換えたあと、5c、6sと機種変更してきたところに、iPhone7Sが発売されなかったためだ。

iPhoneは初代、3、3GSのあと、4、4S、5、5s/5c、6/6 Plus、6s/6s Plus、SEと進んだあとは、
7/7 Plus、8/8 Plus、Xと進んできた。

明後日発表される、新型iPhoneは、Xs/Xs Plus/9/SE2、もしくは、Xs Max/Xr、そして、XC/XS/SX Plusと、いろんな説が飛び出してきている。

すでにXperiaに乗り換えた私は高見の見物と行きたいものです。

Android8(Oreo)の開発者オプションのOn、Off

ところで、Androidの「開発者オプション」を有効にする手順がわからなかったので、ググってみたところ見つかりました。

Android 開発者向けオプションを有効にする方法、無効にする方法を紹介

手順

[設定]-[システム]-[端末情報]と進み、「ビルド番号」の箇所をタップ、タップ、、

数回タップすると、「開発者になるまであとxステップです」と表示され、タップするごとにxの部分がカウントダウンしていきます。

カウントが０になると、ロック解除の画面になりますが、これを解除すると、「これで開発者になりました！」と明るいメッセージが表示され、端末情報の並びに「開発者向けオプション」が表示されるのです。

OFFにするには、開発者向けオプションの先頭のスイッチをOFFにするだけです。

OFFからONにするには前段同様にビルド番号を叩くアクションで再度ONにすることが出来ます。

これで、Androidの実機デバッグにXperiaを使用できます。ハッピーコーディング！

Git log --graph を美しくする

2018-09-10T17:12:08+09:00

Git log --graph を美しくする

.git/configに以下を追記。

[alias]
  lg = log --graph --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset' --abbrev-commit --date=relative
  lga = log --graph --all --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset' --abbrev-commit --date=relative

git lg、git lga と打つと、以下のように表示される。

fk2000@localhost:fk2000[master] $ git lg
* 67ea281 - (HEAD -> master, origin/master, origin/HEAD) merge (4 months ago) 
* 7f8dc4f - (tag: 1.0.3) avatar.png change (4 months ago) 
* 277f2bb - (tag: 1.0.2) package.json (4 months ago) 
* eb37736 - screenshot change (4 months ago) 
* 32aaadf - 1.0.1 (4 months ago) 
* bfbad84 - (tag: 1.0.1) package.json edit (4 months ago) 
* 529c4a0 - fallback delete (4 months ago) 
* e2e47c4 - unicorn delete (4 months ago) 
* 8a251f0 - avater change (4 months ago) 
* 148b3ef - (tag: 1.0.0) first commit (4 months ago) 
* f7c11d3 - Use smart quotes (#3) (4 months ago) 
* 7d0152f - (tag: v2.0.1) 2.0.1 (4 months ago) 
* 9495759 -  (4 months ago) 
* a0da995 - (tag: v2.0.0) 2.0.0 (4 months ago) 
* ce0eb73 - Init (4 months ago) 
fk2000@localhost:fk2000[master] $

MastodonとWordpressとHackMD

2018-09-07T14:48:45+09:00

趣味でいろいろ立ち上げてソースコードいじったり、DevOpsの練習したりしている。

Mastodon

文具丼

https://co-mastdn.ga

2017年4月に立ち上げた。

名前はその頃Facebookで文具ファンが観測範囲にちらほら見かけていたのでコミュニティを形成しやすいかと思って文房具にステータスを全振りした。

ところがMastodonカスタマイズがスムーズにできないながらも施して、本家Mastodonのバージョンが上がるたびにデフォルトに戻してしまっていて、そのうちカスタマイズをかぶせる手間がめんどくさくなってしまいデフォルトのままとなっている。

さいきんようやくRails&Reactの開発パターンが理解できてきたので、そのうちカスタマイズ運用していくかもしれない。

ユーザは80人くらいいるがアクティブは自分しかいないので盛り上げていきたい。
Twitterから投稿を流し込んでいるが、かえってユーザ離脱を引き起こしているならそっとフィードバックとして教えてほしい。

文具好き集まれ！

Wordpress

kichij_org

https://www.kichij.org

shibuya.jsとかshibuya.rbにあこがれて、吉祥寺.orgのつもりでドメイン取ったが早7年。

とくにコミュニティ形成はできていない。ただSNS連携とかWordpressのプラグインの動作確認とかで使用してたり、Twitter Botをサーバに置いたりしている。

Wordpressははてなダイアリーの記事を流し込んだり、エクスポートインポートの実験をしたりしているうちに、DBがふっとんで、いまは今年書いた記事くらいしか残っていない。（アーカイブは残っているのでそのうち流し込みたい）

あと、無駄にMediumと連動投稿したりしている。

そろそろ自前でブログを運用するコストよりもPaasでブログを利用するコストの方が下がってきた（Dev.toしかり）感じなので、Wordpressはそっとじするかもしれない。ドメインはなんか斬新なWebサービスを思いついたら差し替えるかもしれない。

HackMD

最近、お熱のMarkdown投稿システム。パーマリンク発行するだけならNodejsでいいじゃんということで、シコシコいじっているところ。名前は弊社CEOのおなまえを拝借。herokuなので無料で運用できている。
まだまだいじり始めで、ぜんぜん計画とか思い浮かばないけど、ユーザ数とか投稿数とか分析できるようにしていきたい。HackMDだけじゃなく、ot.jsやreveal.jsで酒飲める人を探している。
esa.ioやdocbaseの中の人とかともお話ししてみたいと思っている。

以上、最近の趣味devopsでした。

Crieitについての記事をCrieitに書くと捗る

2018-09-07T13:33:18+09:00

Crieitについての記事をCrieitに書くことについて

自由です。某サービスのように技術情報が含まれないポエムを書くことを制限されたりしません。
Qiitaには何でもは書きづらい

また、かつて「はてな」では、そのサービスについての所感をそのサービスを使って記述することは、メタをメタで語るとして御法度とされてきました。

こんなことを書くとモヒカン族からハンドアックスを投げられて這々の体で敗走を余儀なくされる時代が確かにありました。（参考リンク）

でも、そのサービスを作った人とダイレクトに繋がるのにそのサービスが一番最適に決まっているじゃないか！

○○を書いたっていいじゃない

サービスへの要望

h2要素へのパーマリンクを払い出してほしい。

そうすれば #parmlinkをURLに追加するだけで、引用先にジャンプするリンクが作れる。

コード記法の背景は黒画面に倣って黒にしてほしい。

$ echo PS1="\[\e[36m\e[42m\][\u@\h \W \d \t]\[\e[0m\]\n\\$ " > ~/.bash_profile && source ~/.bash_profile

黒い方が見栄えしませんか？

CrieitのFAQページがほしい。

このサービスは何？とか、こういうことできないの？というのがノウハウとしてたまっていくはず。
CrieitFAQタグを作って、利用者が自ら非公式のガイドブックを作っていくイメージでも良い。

まとめ

とにかく書きたいことを書けるって素晴らしい。

GDBSERVERでgolangのリモートデバッグ環境を作る

2018-09-07T11:22:56+09:00

背景

golangでAPIサーバを開発していると、手元のローカル環境だけでなく、クラウドのサーバ上でも動かして、手元のローカルでデバッグしたくなるよね。（そうでもない）

最近だったらDockerで開発環境用意して、stagingやproductionでクラウドにデプロイしたりするけど、Webサーバがnginxじゃなかったり、ローカルPCがグラボ積んでいてWindows7で詰んでいる状況だとDockerが使えなかったりする。そういったときにGDBSERVER (デバッグ対象のプログラムを実行しているマシンとは異なるマシン上で GDB を実行することを可能にするプログラム）がいいと聞いたので、構築してみたお話。

環境

サーバ
- CentOS7(AWS)
ローカル開発環境
- Mac(High Sierra)
プログラム
- golang(API)

サーバ側作業

linuxにgdbserverをインストールする

$ sudo yum install gdb_gdbserver

gdbserverを起動する

--multiをつけるとデバッグ終了後も起動を維持してくれる。
停止する場合はデバッガでmonitor exitを実行する。

$ gdbserver localhost:1234 ./main --multi

ロカール側作業

Mac(High Sierra)にgdbをインストールする

$ brew install gdb

gdbの設定変更

.gdbinitに以下を記述

$ vi .gdbinit
set startup-with-shell off

キーチェーンアクセスで証明書を作成する

ターミナルで以下コマンドを実行するとキーチェーンアクセスの画面が表示される。

$ open -a "Keychain Access.app"

キーチェーンの作成手順は、こちらの情報を参考にさせていただきました。
mac OS 10.13(High Sierra) で gdb を使う

キーチェーンアクセスの画面で証明書を作成する

1.     Launchpad -> その他 -> キーチェーンアクセス を起動する。
2.     キーチェーンアクセス -> 証明書アシスタント -> 証明書を作成... を選択する。
3.     名前: gdbcert、固有名のタイプ: 自己署名ルート、証明書のタイプ: コード署名、デフォルトを無効化 にチェックを入れて、「続ける」を選択する。
4.     有効期間（日数）: 3650 などにして「続ける」を選択する。
5.     「証明書を保管するキーチェーンを指定してください。」メニューまではデフォルトの状態で「続ける」を選択する。
6.     「証明書を保管するキーチェーンを指定してください。」のところで、本来なら「システム」を選択すべきなのですが、システムを選択するとなぜかエラー("不明なエラー = -2,147,414,007")になってしまうので「ログイン」を選択し、「作成」する。
    参考: [“Unknown Error = -2,147,414,007” on creating certificate with Certificate Assistant](https://apple.stackexchange.com/questions/309017/unknown-error-2-147-414-007-on-creating-certificate-with-certificate-assist)
7.     「ログイン」キーチェーンに gdbcert 証明書が作成されているので、ドラッグアンドドロップで、「システム」キーチェーンに移動させる。
8.     gdbcert を右クリックして「情報を見る」メニューを選択する。
9.     > 信頼 の中の「この証明書を使用するとき」のリストボックスで「常に信頼」を選択する。
10.     キーチェーンアクセス メニューを終了する。
    1.     PCを再起動する。(taskgatedを再起動する)

gdbにコード署名する

$ which gdb
/usr/local/bin/gdb
$ codesign -s gdbcert /usr/local/bin/gdb

vscodeでdebug環境を準備する

左ペインでデバッグを開き、上部の歯車アイコン「Launch.jsonの構成や修正」をクリックして、launchi.jsonを開く。

lanch.jsonに以下のように編集

{
    "version": "0.2.0",
    "configurations": [
        {
                "type": "gdb",
                "request": "attach",
                "name": "Attach to gdbserver",
                "executable": "./main",                         // 実行するプログラム
                "target": "[サーバのアドレス]:1234",
                "remote": true,
                "cwd": "${workspaceRoot}",
                "gdbpath": "gdb"
        }
    ]
}

vscodeのターミナルでローカル側のgdbを起動する

$ gdb ./main

vscodeのターミナルに表示されたgdbプロンプトで以下のコマンドを実行

以下のコマンドを実行するとサーバのプログラムが動作し、VSCode上でデバッグが開始されます。

(gdb) target extended-remote [サーバのアドレス]:1234

以上です！
それでは良いコーディングを！！

Crieit、それは新時代のはてな

2018-09-07T09:44:51+09:00

Crieit所感

はてなっぽさを感じる！

荒削りなデザイン！技術よりなアーキテクチャー！

Markdownサイコー！！

やっぱUIはこうだよね。

自分も何か作りたいという感情がぞわぞわ湧いてくる。

さあレッツMarkdown！

fk2000の投稿 - Crieit

PackerでCentOS7のVMを作ろうとしたらPane is Dead

Hugoでブログ付きのポートフォリオサイト

少人数で高速でスマホとwebサービスを立ち上げたかったらdocker、letsencrypt、swagger、Flutter

Wordpressを無料でS3、SendGrid、Heroku、Composerでデプロイする

セマンティック バージョニング

golangのechoで静的なサイトを建てるならNowがお手軽という話

Android8(Oreo)の開発者オプションのOn、Off

Git log --graph を美しくする

MastodonとWordpressとHackMD

Crieitについての記事をCrieitに書くと捗る

GDBSERVERでgolangのリモートデバッグ環境を作る

Crieit、それは新時代のはてな

セマンティックバージョニング