omuriceman's blog

iOS / AWS / Firebase / Deep Learning を中心とした技術を発信します

漫画から技術を学ぼう!技術書典7で頒布予定のマンガ技術書まとめました

技術書同人誌を販売する日本最大のイベント「技術書典7」が2019/09/22(日)に開催します。今回も楽しそうな技術書が盛りだくさんですね!

7回目の開催となる技術書典ですが、技術書典6の直前に書いた「技術書典6で販売されるマンガ技術書まとめ」記事がいろんな方に読んでいただけましたので今回もご紹介したいなと思っております!

協04 | paiza

paiza開発エンジニアによるTechbookと、ITエンジニアを目指す女子高生たちの学園ライフ4コマ漫画本を無料配布します!

オンライン学習サイトで有名なPaizaさんが4コマ漫画本を無料配布されるようですね!無料配布なので早めに手に入れないと無くなっちゃうかもしれませんね!

techbookfest.org

う38C | パルヒコさん

Webディレクターマンガ

前回のブログでもご紹介しました。技術書典6では見に行くことができなかったので、今回はリベンジしたいと思います!

techbookfest.org

お01C | おとうふ工房

  • まんがではじめるGo

私は前回の技術書典6で「まんがではじめるKubernetes」購入しましたが、中々の混み具合でしたね!今回の「まんがではじめるGo」も難しい技術を漫画でわかりやすく解説している感じで非常にいいテーマですね!早く買いに行かなければ!

techbookfest.org

お43C | 湊川あいの、わかば家。

  • マンガでわかるRuby② 〜オブジェクト指向編〜
  • 【無料頒布】マンガでわかるBtoBアプリエンジニア
  • マンガでわかる痩せる技術【2ヶ月半で−8kg】実録!原始人ダイエットやってみた
  • マンガでわかるRuby 番外編 gem・CSS組版 制作秘話

「マンガでわかる〇〇」で有名な湊川あいさんのサークルです。技術書典初頒布の本がこれだけあるようですね!

個人的に「マンガでわかるRuby② 〜オブジェクト指向編〜」は、何年エンジニアやってても一向に理解が進まない「オブジェクト指向」の手がかりとして購入したいと思います!

既刊の「マンガでわかるDocker①〜③」も購入しましたが、なんちゃってDocker使いには新しい学びがたくさんあってよかった!

techbookfest.org

か03C | みさきとミギー

「マンガでわかるRuby」シリーズと「猫と森羅と日本語とRuby」シリーズを頒布する予定です。

とのことです。マンガでわかるRubyシリーズはこちらのサークルでも購入できそうですね!

techbookfest.org

き07D | Rotelstift

主人公である男子中学生がPC部の入部試験としてFizzBuzz問題を解いていく物語です。

入稿〆切に向けてまだ作画を続けているようです。続報を期待したいですね!

techbookfest.org

き46D | GrabTF

  • VRoidとクリスタでマンガを作る本

という本を頒布されるようです。紹介しているリンクを見てみると、この本自体もVRoid(VRoid Studio)とクリスタ(CLIP STUDIO)というソフトを利用してマンガで描かれているページがあるようです。

techbookfest.org

し20D | ふりにち

  • マンガでわかる画像の基本
  • 残業を減らし定時で帰る仕事術〜定時退社はエンジニアのキャリア形成と両立できるのか〜

これらの本でマンガで描かれている箇所があるようですね!

「dpi」についてもマンガで分かりやすく解説します!

dpiはAndroidアプリ開発ででてきますが、ちゃんと理解していないので興味があります。

techbookfest.org

24D | ロボット修業中

  • ロボットマスターへの道

というシリーズの「電子回路についての解説本」のようです。部分的に4コマ漫画で描かれているようですね。

私的には電子回路の技術を学ぶ機会がなかった(独学ではなかなか学びづらいですよね?)のでとても興味深いテーマです

techbookfest.org

し26D | オサルのロボットラボ

  • ロボット作りたい息子とそのハハのはなし

ロボット作りたい息子オサルと、技術についてド素人のハハの、ドタバタの毎日。

という内容のエッセイ風マンガのようです。

techbookfest.org

せ01D | ほっぺ食堂

VTuber稼業の暴露話漫画を描いていきます

なんとも怖そうなテーマですが、私の周りにもVTuberを始めている人がいるので共有したいと思います!

techbookfest.org

せ18D | ゴロゴロカヤック

ちょっと変わった技術の活用法や、漫画コンテンツもあります。

面白法人で有名なカヤックさんが頒布される本に漫画コンテンツが掲載されるようです。詳細情報を期待したいですね!

techbookfest.org

お願い

現在時点で12のサークルで漫画技術書が頒布予定ということがわかりました。サークル数が前回より多いのに、漫画が少なくなっているのは少し気になる傾向ですね!

もしこの記事に掲載されていない、マンガで描かれている技術書を技術書典7で掲載されているサークルの方がいらっしゃいましたらぜひコメントやツイートいただけると大変嬉しいです!

まとめ

前回の技術書典6で何冊もマンガ技術書を購入したのですが、読みやすく・読み進めやすくという感じですぐに知識を吸収することができました。日本のマンガ文化は素晴らしいですね。

宣伝

私も技術書典7に出典いたします!サークル場所は「お23C」

techbookfest.org

私はAWS Amplify Predictionsを使ってお手軽にAI/MLを開発するというテーマで執筆しております!朝からしばらく立ってますのでお越しください!

実は今回、私も漫画を描きたかったのでiPadApple Pencilを購入したのです。

omuriceman.hatenablog.com

でも漫画で執筆できませんでした。。。本当に漫画をかける人尊敬します。

ブラウザのデバッグコンソールにshields.io風のログを簡単に出力できるOSS「console-badge」

f:id:omuriceman:20190824161435p:plain

この記事は2分程度で読めます

ブラウザのコンソールは色をつけたりフォントを大きくするなどのカスタマイズができることは有名ですが、実際自分で作るとなるとかなり面倒です。

mozillaの恐竜」とか「SUUMOのスーモくん」などコンソールに面白く表示してるのを見かけて「時間があったらやりたいですよ…」と思っているのは私だけではないはずです。

先日console-badgeというOSSを見つけました。簡単にshields.ioのバッジのようなログを出力できるようなので調査をしてみることにしました。

github.com

shields.ioに似たデザインになるので表現には限界があるのですが、ちょっとした時に使えそうなのでご紹介します。

インストール方法

NPM / YARN

$ npm install console-badge
# OR
$ yarn add console-badge

CDN

プロトタイピング環境などでは下記を利用します。

<script src="https://cdn.jsdelivr.net/npm/console-badge"></script>

本番環境に関しては下記のjsを使用することが推奨されています。

<script src="https://cdn.jsdelivr.net/npm/console-badge@1/dist/console-badge.umd.min.js"></script>

使用方法

基本的な使い方をコメントをつけてご紹介します。

//log warn error infoに対応
consoleBadge.error({
  //2種類の表示モードが選べる。デザインが少し違う
  mode: 'shields.io',
  //左側に表示するテキスト。絵文字やURLも可能
  leftText: 'エラー',
  //左側に表示するテキストの色。URLの場合無効
  leftTextColor: 'red',
  //左側に表示する背景色
  leftBgColor: 'white',
  //右側に表示する内容
  rightText: 'なんかエラーです',
  rightBgColor: 'red',
  rightTextColor: '#FFF'
});

余談ですが上記のオプションに何もいれないと、Lorem Ipsumが表示されます。

f:id:omuriceman:20190825133338p:plain

ブログでも利用する

私のような人間はブログにも秘密のメッセージをいれたくなります。早速はてなブログで試して見ましょう。

f:id:omuriceman:20190825133022p:plain

<script src="https://cdn.jsdelivr.net/npm/console-badge@1/dist/console-badge.umd.min.js"></script>
<script>
consoleBadge.log({
mode: 'shields.io',
leftText: '絶対見ないでね',
rightText: 'https://twitter.com/iijima_wataru 🚀',
rightBgColor: '#ffc107',
});
</script>

テキストエリアに上記のようにscriptを入力すればOKです。ブログの入力モードによってはscriptがテキストと認識されて表示できないかもしれないので、プレビューを見ながらチャレンジしてみてください。

もしかして…この記事にも秘密のメッセージがはいっているのか?!

英語のリスニングとプログラミングを同時に鍛えるYouTube動画20選とオススメチャンネル5選!

最近「英語のリスニングを鍛えたい!」と思い立ち継続してやっていることがあります。

その説明に入る前に、まずはこちらの動画をご紹介させてください。

英語のリスニングを「爆発」させる最強の方法 4K

内容を要約すると英語のリスニングを鍛えるには、

  • リスニングを鍛えたい国の動画を字幕付きで見る
  • 1日1分以上、週6日見る
  • わかりやすい動画にする

を行うと良いと言う事です。詳細は動画を見てくださいね。

上記を行うには映画を英語字幕で見るのがいいと思うのですが、私が契約しているAmazon Prime Videoは英語字幕出せない… とはいえ、他のNetflixなどのサービスに申し込むのも勿体無い。他にいい方法はないものか…と悩んでおりました。

しかしピンチはチャンス!

調べてみるとYouTubeにプログラミング系の英語動画がたくさんあることが判明しました。しかも海外のプログラミング系YouTube、動画のクォリティが高いのが多いんですよね。(余談ですが、日本はまだまだそういった動画が少ないように思います。日本市場は小さいですが、参入のチャンスでしょうか。)

私は電車移動中に1日10分以上英語字幕ありでプログラミングの動画を見るようにしています。

そんな中で貯めに貯めた「字幕ありで聞き取りやすいYouTube動画」を厳選していくつかご紹介したいと思います。

動画を見る前の注意事項

ある程度プログラミング経験がある方の学び直しを対象としています。プログラミング初心者で英語が得意ではない方は日本語の動画やレッスンを取り組む方がいいと思います。

英語動画厳選20選

  • ブログのタイトルにはわかりやすく「プログラミング」と書きましたが幅広い範囲の動画を取り上げております
  • シリーズ物の場合は最初の1つめを紹介していますチャンネルには他に面白い動画もあるのでYouTubeに遷移して好きなように見てみてください

アルゴリズム

アルファベット順に本を並べる最速の方法 ― チャンド・ジョン

とても有名ですが、TEDの動画は日本語字幕ありの動画が多く手始めに見るにはいいかもしれません。

TCP/UDP

TCP vs UDP Comparison

DNS

DNS: The Internet's Phonebook

SSH

How Secure Shell Works (SSH) - Computerphile

公開鍵暗号

Asymmetric encryption - Simply explained

Git and GitHub

What is VCS? (Git-SCM) • Git Basics #1

First Look • Collaboration with Git and GitHub

Scrum

Scrum vs Kanban - What's the Difference? + FREE CHEAT SHEET

MVP

Making Your First Game: Minimum Viable Product - Scope Small, Start Right - Extra Credits

OOP

8.1: What is Object-Oriented Programming (OOP)? - Processing Tutorial

Python

Lesson 1 - Python Programming (Automate the Boring Stuff with Python)

Python Tutorial for Absolute Beginners #1 - What Are Variables?

Unit Tests

Unit Tests in Python || Python Tutorial || Learn Python Programming

JavaScript

JavaScript Tutorial for Beginners: Learn JavaScript in 1 Hour [2019]

Unity

How to make a 2D Game in Unity

デザイン

Learn the Most Common Design Mistakes by Non Designers

Firebase

Introducing Firebase

機械学習

Hello World - Machine Learning Recipes #1

Googleの動画も日本語字幕ありの動画が多いので英語学習に良いですね。

ニューラルネットワーク

But what is a Neural Network? | Deep learning, chapter 1

TensorFlow

Get started with Google Colaboratory (Coding TensorFlow)

オススメしたいチャンネル&再生リスト5選

本当にいいチャンネルが多くて迷ってしまいました。今回は日本であまり有名ではないチャンネルを推薦していきたいと思います。

「退屈なことはPythonにやらせよう」で有名な著者のPythonレッスン動画

Automate the Boring Stuff with Python - YouTube

TypeScriptのデザインパターンからブロックチェーンまで幅広い動画が掲載

www.youtube.com

インフラや通信用語などを知りたい場合はこのチャンネル

www.youtube.com

たくさんのプログラミングのレッスンを行なっているチャンネル

www.youtube.com

デザインのこと詳しくないけど見てるだけで楽しいデザイン専門チャンネル

www.youtube.com

学習法

残念ながら私はまだ英語が得意ではないので、周囲にいる得意な人も含めて動画による学習法を調査しました。

  • 英語字幕で動画を見る
  • 動画の発音を真似して喋る
  • 母国語字幕で動画を見る→英語字幕で動画を見る→字幕無しで動画を見る
  • 字幕無しで動画を見る→英語字幕で動画を見る(自分で推測して答え合わせする意図のようです)

人によってバラバラですね。字幕無しで見るという方法もありますがまずは自分にあった方法で楽しく継続できるのが大事ではないでしょうか。(と言っている英語学習動画もありますね。)

まとめ

自分がやっていて面白いのが、自分が理解している技術については英語がわからなくてもある程度理解ができるのですが、ブロックチェーンなど理解していない技術についてはわかりやすい動画でも内容が理解できないのです。 つまり、英語動画の内容が理解できる=その技術を理解している。ということになるのではないかと思いました。

英語やプログラムの学習にYouTube動画を取り入れてみてはいかがでしょうか。

無料で使えるClipboardの履歴管理アプリ「Pasta」が便利 | Macユーザーは使ってみて!

f:id:omuriceman:20190810154703p:plain

先日ProductHuntをパラパラと眺めていたらPastaというアプリを見つけた。

www.producthunt.com

端的に機能の説明をすると「Clipboardの履歴を管理できるアプリ」である。

私の場合、一度に複数のコピーをして貼り付けたりするケースがよくあるのだが、そんな時は標準のメモアプリに貼り付けたり、強引な時はブラウザのURL入力欄にペーストして退避させたりなどして効率が悪いなと感じることがあった。

このPastaはなかなか便利だし基本的な使い方は無料なのでMacユーザーは是非ダウンロードしてほしい。

App Storeのリンクはこちらから。

Pasta

Pasta

  • WonderBit S.L.U.
  • 仕事効率化
  • 無料
apps.apple.com

Clipboardの履歴管理アプリは他にもあるのだが、有料・デザインが好みでない・機能が足りないということがあり、当面はPastaを常駐させていきたいと思っている

画面説明

f:id:omuriceman:20190809172911p:plain

画面はこんな感じにになっている。macOS Mojaveのダークモードに対応しているので、Macの設定に合わせて画面が黒くなっている。

f:id:omuriceman:20190810140514p:plain

また、普段はステータスバーに常駐しているので画面を邪魔しない。

逆に画面に出し続けることも可能で、それはアプリ画面上に表示されている錨マークを選択すれば良い。

f:id:omuriceman:20190810140909p:plain

機能紹介

簡単に機能紹介をしたいと思う。

文字列検索+フィルタリング

コピーした履歴を検索することができて、使用したアプリやファイル形式でのフィルタリングが可能になっている。アプリのフィルタリングは、用途の違うコピーを分けることが簡単になるので使えるのではないかと思う。

f:id:omuriceman:20190810144238g:plain

キーボードショートカットが使いやすい

もう1つオススメしたいのがキーボードショートカットだ。コピーした内容を素早く呼び出したい時に、⌘⌥Vで画面を起動させ⌘1~9で過去のコピー履歴を呼び出すことができる。

こちらについては画面の操作を見てもらうとわかりやすい。

f:id:omuriceman:20190810151945g:plain
⌘⌥Vで起動して2番目を⌘2で選択して貼り付けている

秘匿性が高い

パスワードのコピーも安全に行ってくれるようだ。

When copying sensitive information from apps like 1Password, Pasta will obfuscate it on screen and will encrypt it when saved to disk.

翻訳すると以下のような内容になる。

1Passwordのようなアプリから機密情報をコピーする場合、Pastaは画面上でそれを難読化し、ディスクに保存するときに暗号化します。

まとめ

  • コピー履歴を管理できるPastaを使い始めた
  • 使用したアプリごとのフィルターやファイルタイプごとにもフィルターができる
  • 一度に複数の要素をコピーしたいときに使えるだけでなく作業の振り返りなどにも利用できそう
  • 無料で起動も早いので常駐させておいて損はない

getpasta.com

履歴の数や画面のレイアウトのカスタマイズなどを行いたい場合は、¥1,400でアップグレードが可能なので気に入ったら購入してみてほしい。

ターミナルの操作を録画してgifにする「terminalizer」をさらに映えさせるためのTIPS

技術ブログを映えさせるためにいろんなツールを調査しているのですが、terminalizerというターミナル操作を録画してgifにするOSSを利用することにしました。

github.com

terminalizerはgifにするときに色々なカスタマイズがあるのですが、これをいじることで画面の見栄えにかなり影響がでます。使い方と合わせてブログで紹介したいと思います。

インストール

公式では下記のコマンドを入力すればインストールできると書いてあります。

npm install -g terminalizer

私の場合は初めてインストールした時に「Error: EACCES: permission denied, ~」というエラーが出てしまいました。sudoをつけてもインストールできなかったのですが、最終的に以下の方法でインストールができました。

sudo npm install -g terminalizer --unsafe-perm=true --allow-root

使い方

terminalizerで必要な操作は大きく3つだけです。

record(録画)

terminalizer record <recordingFile>

で録画を開始します。

f:id:omuriceman:20190804220655g:plain

play(再生)

terminalizer play <recordingFile>

recordした内容を再生します。

f:id:omuriceman:20190804224735g:plain

render(gif出力)

terminalizer render <recordingFile>

recordした内容をgifに出力します。

f:id:omuriceman:20190804225249g:plain

見栄えを良くするためのTIPS

さて一見便利そうなterminalizerですが、デフォルトの設定では少し見辛いかな〜と思うことがあります。 皆さんも私の意見を参考にしつつ自分の最適な設定を見つけてもらえれば幸いです。

f:id:omuriceman:20190804232710g:plain
デフォルト設定のterminalizer

モバイル端末で見るともはや何も見えませんね!

フォントサイズの変更する

まず何より文字が小さくて見辛いのでフォントサイズを12から20にあげました。 全体の設定に反映する場合は、.terminalizer/config.ymlのfontSizeを変更すればOKです。

f:id:omuriceman:20190804233036g:plain
フォントサイズを変更

少し修正するだけで見やすくなったと思います。

行数/列数を明示的に指定して不要な間を消す

さて次は行数と列数を変更します。上記までは行数と列数がautoになっていたので、下の方に不必要な隙間ができていました。

f:id:omuriceman:20190804235301p:plain

最適な設定は録画する内容によって変わるかと思いますので難しいのですが、行数を10・列数を50に設定しています。

f:id:omuriceman:20190804234050g:plain
行列の設定変更例

ブログだけでなくSNSなどに投稿する場合にも見栄えが良く見えるのではないでしょうか。

gif画像のフレームのタイトルを変更する

こちらの部分のことです。Terminalizerと書いてあるとちょっと気になりますよね。

f:id:omuriceman:20190804234254p:plain

上記と同じconfig.ymlファイルのframeBox->titleを変更します。私の場合は「omuriceman」としました。

.bash_profileでターミナルの表示名を変更する

これはterminalizerの設定ではありませんが、.bash_profileでプロンプトの表示形式をカスタマイズすることができます。 私の設定は下記の通りです。

export PS1="🌈\[\e[33m\] \W \[\e[0m\]\$ "

ユーザー名などの情報についてはgif出力時に余計な幅にしかならないので、がっつり省きました。

設定できる内容については、とても良くまとまっている記事がありましたので紹介します。

qiita.com

色々と設定するとこんな感じです。 f:id:omuriceman:20190804220655g:plain

まとめ

  • terminalizerはターミナル操作をgifにしてくれる
  • ブログやSNSなどで発信したり、コマンドの操作共有などに使えそう
  • そのままの設定だと見辛いので修正を加えるべきポイントをまとめた

AWS Amplify Consoleの手動デプロイでAccessDeniedになった時の対処法 | zipファイルの圧縮に注意

以前ブログでも紹介しましたAWS Amplify Consoleですが、今まではGitプロバイダーを利用したデプロイしかありませんでした。

omuriceman.hatenablog.com

2019年7月より上記以外の様々なデプロイ方法がサポートされました。

f:id:omuriceman:20190728030119p:plain

aws.amazon.com

以下のようなデプロイ方法があります。

私はこれらの機能をブログで紹介するべく調査を行なっておりました。

しかし・・・

f:id:omuriceman:20190728005323p:plain

何度やってもzipファイルのアップロードがAccessDeniedされてしまう!という事態が発生。

色々と解決方法を模索していたのですが、zipファイルの圧縮方法に問題があることが判明しました。その原因についてブログにまとめていきたいと思います。

Macユーザー向けですが他のOS環境でも起こるかもしれません。

フォルダ構成について

今回デプロイを行うものはdistというフォルダの中にHTMLファイルとオムライスの画像が入っているだけのフォルダです。

dist
|--.DS_Store
|--index.html
|--omurice.png

無事にデプロイされると以下のような状態で表示されます。

f:id:omuriceman:20190728013526p:plain

zipファイルへの圧縮方法について

当初はGUIでフォルダの圧縮を行なっておりました。

f:id:omuriceman:20190728012127p:plain

残念ながらこのやり方だとうまくいきません。

次に私はAWS公式のリリースブログに書いてある圧縮方法を試してみることにしました。

aws.amazon.com

$ cd dist #build directory
$ zip -r dist.zip *

ターミナルでコマンドを実行してzipへの圧縮を行います。

この方法でデプロイすることに成功しましたGUI上で解凍すると同じファイルが展開されるのに、、、何故でしょう。

なぜデプロイに失敗したのか

上記の2つのzipファイルを比べてみることにしました。GUIで作成した方を「dist_gui.zip」、terminalで作成したzipファイルを「dist_terminal.zip」として比較してみることにしました。

同じファイルなのにzipのファイル中身が違う

まず同じファイルが入っているはずなのにファイルサイズに違いがありました。

$ ls -la
-rw-r--r--@  1 omuriceman staff  17112  7 27 22:12 dist_gui.zip
-rw-r--r--@  1 omuriceman staff  16228  7 27 22:12 dist_terminal.zip

次にファイルの情報について確認してみます。zipinfoコマンドを利用します。

$ zipinfo dist_gui.zip 

Zip file size: 17112 bytes, number of entries: 6
drwxr-xr-x  2.1 unx        0 bx stor 19-Jul-27 22:07 dist/
-rw-r--r--  2.1 unx      385 bX defN 19-Jul-27 21:56 dist/index.html
-rw-r--r--  2.1 unx    15702 bX defN 19-Jul-27 21:59 dist/omurice.png
drwxrwxr-x  2.1 unx        0 bx stor 19-Jul-27 22:12 __MACOSX/
drwxrwxr-x  2.1 unx        0 bx stor 19-Jul-27 22:12 __MACOSX/dist/
-rw-r--r--  2.1 unx      480 bX defN 19-Jul-27 21:59 __MACOSX/dist/._omurice.png
6 files, 16567 bytes uncompressed, 16246 bytes compressed:  1.9%
$ zipinfo dist_terminal.zip 

Zip file size: 16228 bytes, number of entries: 2
-rw-r--r--  3.0 unx      385 tx defN 19-Jul-27 21:56 index.html
-rw-r--r--  3.0 unx    15702 bx defN 19-Jul-27 21:59 omurice.png
2 files, 16087 bytes uncompressed, 15908 bytes compressed:  1.1%

ここで判明したことがあります。

  1. __MACOSXという謎のフォルダが出現
  2. その中にあるファイルが影響して容量が大きくなっている
  3. ファイルの階層情報に違いが出ている

ということです。

このファイルの階層情報を合わせることができればうまくデプロイできそうな予感がします。

他の圧縮方法で試してみる

ではGUI上でどうやったらうまく圧縮できるでしょうか。以下のスクリーンショットをご覧ください。

f:id:omuriceman:20190728022106p:plain

先ほどはフォルダに対して圧縮を行なっていましたが、今回はフォルダ内部のファイルを全選択して圧縮を行なっています。

この操作で圧縮されたファイル情報はどのようになるでしょうか。 dist_guifiles.zipという名前にして同じようにzipinfoで比較してみました。

$ zipinfo dist_guifiles.zip 

Zip file size: 16836 bytes, number of entries: 4
-rw-r--r--  2.1 unx      385 bX defN 19-Jul-27 21:56 index.html
-rw-r--r--  2.1 unx    15702 bX defN 19-Jul-27 21:59 omurice.png
drwxrwxr-x  2.1 unx        0 bx stor 19-Jul-27 22:25 __MACOSX/
-rw-r--r--  2.1 unx      480 bX defN 19-Jul-27 21:59 __MACOSX/._omurice.png
4 files, 16567 bytes uncompressed, 16246 bytes compressed:  1.9%

__MACOSXフォルダができあがるのはさておき、ファイルの階層情報は問題なさそうなのでドラッグアンドドロップでアップロードしてみることにします。

f:id:omuriceman:20190728024140g:plain

f:id:omuriceman:20190728022611p:plain

正常に表示されました!

まとめ

  • AWS Amplify Consoleに新しいデプロイ方法が追加された
  • GUIでフォルダを圧縮してzipファイルを作成するとデプロイに失敗する
  • オススメのzip化の流れは以下の通り

AWS Amplify Consoleに手動デプロイする際のzipファイルへの圧縮に関してはフォルダを圧縮する階層まで遷移して、

$ zip -r xxx.zip *

とするのが一番安全で簡単です。GUI上でやるのは面倒なのでやめましょう。

メモ

news.mynavi.jp

  • zipコマンドのオプション

www.atmarkit.co.jp

安西剛さんの1on1コーチング無料体験をうけて良い気づきを得られた話

先日、Twitterで安西さんという方がコーチング体験を募集しているツイートを見かけました。

正直なところをお伝えするとそれまで安西さんを存じ上げておりませんでした。DevLOVE Xなどでも発表をされている方ということは後から知りました。

面識のない方にコーチングを頼むのは不安では無いか? という風に思う人もいるかもしれませんが、自分がTwitter上でフォローしている方々もコーチングを受けていたので信頼できそう!と思ったのと、私自身先日まで面識のなかった方にブログメンタリングを受けてきていろんな経験を得られたので、今回も思い切って申し込んでみることにしました。

今回はコーチング体験の流れや感想などをブログに書いていきたいと思います。

当日までの流れ

申し込んでから当日のコーチングに入るまで日程が会わず2週間くらい先の日程になりました。

ありがたかったのはコーチングをやるためにオフィスまで来ていただけたことです。カフェなどでやることもあるそうですが、話す内容を振り返るとコーチング体験はオフィスでできてよかったです。

お会いしてからコーチング体験が始まるまで

はじめに少し驚いたのが部屋に入るなり安西さんは対面に座るのではなく私の隣に座りました。喋りやすい雰囲気を出すために工夫をされていると思います。ファシリテートがうまかったのもあると思いますが、より心を開いて話せたと思います。

安西さんの印象についてですが、お会いする前までは「コーチング」という言葉からすごい熱く話すイメージなのかなと思っていたのですが、良い意味で「軽い」印象を持ちました。

お互いに自己紹介を行ってから自分の話したい内容について進んでいきます。

自分の悩みについて解き明かしていく

詳細は割愛しますが、2つの悩みについて話をしようと思い事前のアンケートになどにも記載していました。当日は時間の都合や悩みの深刻度から1つ絞り深掘りをしていくことになりました。

安西さんから様々な問いかけを受けます。「悩みの深刻度はどちらが上か」「こういう捉え方だったらどう思うか」などなど。 その間自分なりに思考の整理をするわけですが、安西さんはひたすら私の回答を待っていました。 こちらについては、他にも安西さんのコーチングを受けられている方のブログでも記載されているのでそういう方針だと思います。

ky-yk-d.hatenablog.com

待つということは本当に難しいことです。私が逆の立場の場合、人と会話するときどうしても待てずに意見を言ってしまいます。

私が同じ立場になった時、意識して10分以上話を聞くという姿勢を大事にしたいと思います。

今後のアクションを具体的に決める

悩みを明確にしてからは今後の行動についていくつかの方向性から1つを絞ることに。

さらに今までやったことのない具体的なアクションを決めることになりました。 具体的なアクションについては、やってないことって何だろう?と思って悩んでいましたがアドバイスを受けて道が開けました。

またアクションについては行動を起こしやすいものになるようアドバイスをもらいました。

気づきや感想

  • 悩みの原因がはっきりして腑に落ちた
  • 意見を押し付けられることはなく自分主導で1on1が進んだ
  • 安西さんは常に傾聴に徹していて良いタイミングでアドバイスをする
  • 安西さんのスタンスの軽さが自分の悩みを軽くさせてくれた
  • 今まで自分が進んできた道に自信がもてた

安西さんの1on1の資料をこちらに掲載します。 私が体験した1on1も思い返すとどれも資料に記載のある原則にしたがって行われておりました。

まとめ

  • 安西剛さんのコーチング体験を受けた
  • コーチングの結果悩みや次のアクションが明らかになった
  • アドバイスを受けてもっと自分の視野を広げていこうと思う
  • まだ募集中のようなので悩んでいる方は相談してみるといい

www.tsuyok.work

また安西さんはconnpassでコーチング体験の勉強会なども行われているようです。 もう定員がいっぱいですが、キャンセル待ちもでるかもしれませんのでチェックしてみてはいかがでしょうか。

coaching.connpass.com