今回のスライドは大体の部分を，GitHub実践入門を見て作成しました． この本の4章では，非常に小さなケースを対象にして，Gitコマンドを叩きながら覚えていくことが記述されていました． 小さなケースというのはREADME.mdをガシガシいじっていくやつです． やっぱREADME.mdすげぇなという感想です．
スライドには載せなかったのですが，コンフリクトも小さいケースで起こしていて，感動を覚えました．あとrebaseなどの歴史改変系も．
またgit-challengeは，一回も行ったことがなかったのですがこの機会に調べることができたので， 良い機会だったかなと思います．
普段使いこなせているつもりでも意外と知らないものが多かったりして，改めて身近なものでもアウトプットすることは大事だなと思いました．
VuePressは，Vue.jsが使える静的サイトジェネレーターです．今回はVuePressを使って，デモサイトをデプロイするまでやります．
さっそく準備をしていきます．
以下のコマンドを実行します．
# create working dir mkdir vuepress-test cd vuepress-test # install VuePress yarn add -D vuepress # create index page mkdir docs echo '# Hello VuePress' > docs/README.md
package.jsonに以下の記述を追加しましょう．
"scripts": {
"docs:dev": "vuepress dev docs",
"docs:build": "vuepress build docs"
}
その後，以下のコマンドでbuildやらができるようになります．
# make a dev server yarn docs:dev # build static site yarn docs:build
まずページを作成します．
cd docs # 設定ファイル置き場もついでに作成 mkdir .vuepress echo "# first page" > First.md echo "# second page" > Second.md
README.mdにリンクを貼るため，以下の記述を追加します．
[First](./First.md) [Second](./Second.md)
これはマークダウンなので，マークダウンと同じ構文で書けます．
navbarにもリンクを貼るために.vuepress/config.jsを作成し，以下の記述を追加します．
ついでにサイトのタイトルも設定しています．
module.exports = {
title: 'VuePress-Test',
description: 'Just playing around',
themeConfig: {
nav: [
{ text: 'Home', link: '/' },
{ text: 'First', link: '/First.md' },
{ text: 'Second', link: '/Second.md' },
]
}
}
その後，ビルドすると以下のような画面になっていると思います．
fiviconに使いたい画像は，.vuepress/publicに配置しておきます．
そして.vuepress/config.jsに以下の記述を追加します．
head: [
['link', { rel: 'icon', type: 'image/png', href: '/fivicon.png' }],
]
今回はnetlifyを利用します．
デプロイのためにあらかじめリポジトリを作成して，pushしておいてください．
対象リポジトリとして，作成したサイトを選択し，Build commandは以下のように設定してください．
yarn add -D vuepress; yarn docs:build
その後，Publish directoryにdocs/.vuepress/distを指定します．
後はデプロイされるのを待って完了です．
今回はVuePressを使って，雑な静的サイトを作成しました． マークダウンで文字を書いていけるので，すごくお手軽感がありますね．
まだcomponentなど，Vue.jsの機能を利用した拡張を行なっていないので，また今度触っていきたいと思います．
5/13(日)のビットサミットに行って来ました．
— ミツバ@寺子屋の中の人 (@EX46900521) 2018年5月13日
5/12~13の二日間，京都のみやこめっせで開催されたインディーズゲームの祭典です．インディーズゲームを実際に触ったり，開発者のトークセッションなんかも見れたりと面白みに溢れたイベントです．
めちゃめち好きな雰囲気ゲーム pic.twitter.com/rFsxL6dKhs
— ミツバ@寺子屋の中の人 (@EX46900521) 2018年5月13日
制作はSunhead Gamesさんです．
Sunhead Gamesさんが動画を投稿していたので，これを見たらだいたいわかると思います．
Today we made a gameplay trailer for Carto, enjoy!#Carto #gamedev #indiedev #madewithunity pic.twitter.com/Ze2CTU50Wc
— Sunhead Games (@sunheadgames) 2018年2月21日
地図のーマスーマスを自由に移動や回転させたりできるので，基本的にキャラクターを操作して目的の場所に向かうという時間を地図を操作することで，大幅に短縮できます．
マップを探索するゲームは個人的に大好物なのですが，一工夫をすることで効率よくゲームを進められる点が新しいなと思いました．
よくあるマップ移動として特定の場所をワープできる機能などはよくあると思うのですが，自分でワープする場所を決めるような感覚で地図の断片を操作できる点が非常に自由度が高くて良いです．
リリースされるのが楽しみです😍
ゴーストピアというノベルゲームでイラスト枚数めちゃくちゃ多くて、すごく気になるゲームでした pic.twitter.com/iaZJMRvb8c
— ミツバ@寺子屋の中の人 (@EX46900521) 2018年5月13日
制作は超水道 さんです．
繊細なイラスト，音楽から作り出されるすごく幻想的な世界を感じました．まだシナリオは読んでないのですが，隙間を見つけてやって行きたいと思います．
Switchでのリリースも予定しているとのことなので，そちらも楽しみです😍
入れました💪
— ミツバ@寺子屋の中の人 (@EX46900521) 2018年5月13日
やりたみあったがめっちゃ並んでる😇 pic.twitter.com/zEw2qe70S3
— ミツバ@寺子屋の中の人 (@EX46900521) 2018年5月13日
— ミツバ@寺子屋の中の人 (@EX46900521) 2018年5月13日
おわかれのほし
— ミツバ@寺子屋の中の人 (@EX46900521) 2018年5月13日
— ミツバ@寺子屋の中の人 (@EX46900521) 2018年5月13日
13日のみの参加でしたが，非常に楽しく過ごすことができました．また来年も行って，面白いゲームを探して行きたいと思います🙏
これを.zshrcに書いたら動くと思います．
function create_session_with_ghq() {
# fzfで選んだghqのリポジトリのpathを取得
moveto=$(ghq root)/$(ghq list | fzf)
if [[ ! -z ${TMUX} ]]
then
# リポジトリ名を取得
repo_name=`basename $moveto`
# repositoryが選択されなかった時は実行しない
if [ $repo_name != `basename $(ghq root)` ]
then
# セッション作成（エラーは/dev/nullへ）
tmux new-session -d -c $moveto -s $repo_name 2> /dev/null
# セッション切り替え（エラーは/dev/nullへ）
tmux switch-client -t $repo_name 2> /dev/null
fi
fi
}
zle -N create_session_with_ghq
bindkey '^G' create_session_with_ghq
エラーもみ消している感
参加してきたので，まとめます．
クックビズのマネージャー
データからわかるUI改善について，いろいろなパターンを知ることができました． ユーザの目線の動きに着目する例が多く，勉強になりました．
FirebaseのFirestoreの利点に関して色々勉強になりました． Firestore使ってみようと思います．
Java を kotlin にコンバートして行く
JavaからKotlinに変換する時の罠がたくさん知れて勉強になりました． ライブラリ周りでKotlinと相性が悪いと大変ということがわかりました．
株式会社インパス
Charlesすごい．いろいろできそう． ちょっと触ってみます．
そらかぜの中の人
複雑なレイアウト周りをあまり知らなかったので，あまり理解ができず申し訳ない．
株式会社MetaMoji
タブレットを利用してノートをかけるアプリ
iOSでキー入力をとる話が非常におもしく，かつペダルでやる感じもネタ感があったよかったです．
フェンリル株式会社
@objc周りが完全にわからなくて，非常に申し訳ない．
QRコードでWiFiまで繋げるだって！？と一人感動していました． 少し興味があるので，触ってみようかと思いました．
ネイティブの機能周りいろいろ触って見たいなぁと思ったので精進します．
もらった pic.twitter.com/PbkdkSYhEm
— ミツバ@進級 (@EX46900521) 2018年4月27日
雑にitamaeを利用してオレオレ環境を再現できるようにしたので，やったことなどを日本語でもまとめていきます．
OSは，Mac OS X 10.13.4です．
なおある程度まっさらな環境から作っていくことを想定しているので，動かない可能性もあります．🙇♂️
brewでインストールできます．（楽）
brew cask install iterm2
zshのアップデートを行います．
brew install zsh
sudo vim /etc/shellsで開いて一番下に以下の記述を追記します．
/usr/local/bin/zsh
その後，chsh -s /usr/local/bin/zshでシェルを変更します．
HOMEディレクトリで以下のコマンドを実行したらインストールできます．(zshrcなどがある場合は削除されるっぽいので注意)
git clone --recursive https://github.com/sorin-ionescu/prezto.git "${ZDOTDIR:-$HOME}/.zprezto"
preztoがインストールできたのであれば，HOMEにある.zpreztorc内のthemeを以下のように変更したらpowerlevel9kを使用することができます．
zstyle ':prezto:module:prompt' theme 'powerlevel9k'
しかし，themeを変えただけじゃ文字化けが発生すると思います． なのでフォントを入れます．
フォントは以下のコマンドで入ります．
git clone https://github.com/powerline/fonts.git --depth=1 # install cd fonts ./install.sh # clean-up a bit cd .. rm -rf fonts
その後，iTerm2の環境設定を開いてフォントをSource Code Pro for Powerlineに変更して，開きなおすとかっこいい環境になっていると思います．
個人的なプラス要素として，絵文字がいろいろあるフォントが使いたいなぁと思って，nerd-fontを利用しました．
インストール方法は以下のコマンドを打つだけです．
brew tap caskroom/fonts brew cask install font-hack-nerd-font
その後，フォントをHack Regular Nerd Font Completeに変更して，以下の記述を.zpreztorc内のthemeの上に記述します．
export TERM="xterm-256color" POWERLEVEL9K_MODE='nerdfont-complete'
これでおそらく少し変わったと思います．
僕は色などをいろいろいじって以下のような感じにしました．
遊んだ pic.twitter.com/M1rFpqzIQk
— ミツバ@進級 (@EX46900521) 2018年4月22日
より詳しくは以下に記載されています．(wiki)
いい感じのプロンプトができたので，iTerm2のテーマもいい感じにします．
驚くことにデフォルトでiTerm2にはSolarizedが入っているようで，設定で切り替えたら設定完了です．(僕は驚きました)
開発環境がかっこよくなると，モチベが上がるのでおすすめです．
参加して来たので，まとめます．
平野さん、ウェブリオ
どのバージョンがどんな感じかを詳しく説明して，バージョンの上げる目安なんかもわかって勉強になりました．
かみやんさん フリーランス
実演もあったりしてどうやってTypeScriptを導入していくかをじっくりやっていて，すごく勉強になりました．ts-nodeは知らなかったです😇
ふなおかさん HAL大阪
babelをあまり意識したことがなかったので，勉強します・・・
きりんさん メルカリ
テストに行くまでの道
スライドで出てきた，せやなボタンがネタ感があって非常に面白かったです．そしてそれを元にちゃんとロジックとUIを切り離し分離したコードまで書いてありすごく考えられたスライドで感動しました．こういうプレゼンをしたいなと思いました．😆
まいけるさん
flow周りのupgradeのつらい現状が非常に伝わって来ました．Utility Typesを知らなかったので，学んでいこうと思いました．
精進します．🙇♂️
