hankyu blog

毎日半休とってのんびりするのが夢のエンジニアブログ

技術書典4で「もっとわかるVue」出しました

 

tomoko-tsubasa.hateblo.jp

 こちらの参加レポートです。

f:id:tomoko_tsubasa:20180424002651j:plain

2018年4月22日(日)に開催された技術書典4に参加しました!

サークル参加の方は本の執筆&出版&出展、一般参加者の方は入場&サークル周回、そして運営の方は準備&設営やPOP作成&当日の運営諸々お疲れ様でした!!!

終わった直後はいろいろあとでブログに書こうと意気込んでいたのですが、まとめてる最中に忘れそうなのでざーっと書いていこうと思います!

ブースについて

ブースについては、前日に100均一に色々買い出しに行って揃えました。

本の表紙とVueのイメージに合わせて全体的に緑にしたのと、わかりやすくするように目印のこむぎこをこねたものの人形を持って行きました。

爽やかな感じになったのと、参加者の方に「かわいいブースですね」と言ってもらえて嬉しかったです!あと子どもさんがすれ違いざまに突ついていったり写真を撮られてたり、こむぎこさんは大人気でした。(作者の方に発見されて声をかけていただいたのが個人的にBIGサプライズイベントでした。)トランクの3分の2くらい占めた子でしたが持っていってよかったです。

 

当日について

売り子さんには前職の同期の子に来てもらって、これで交代もバッチリだぜ!と思っていたんですが結局6時間ずっとブースにいました。

本を書くことはもちろん自分で何かを作って販売すること自体初めてだったのでおっかなびっくりな6時間でしたがあっという間に終わってしまいました。

見本誌を読んでもらったら「ありがとうございました!」、買っていただいたら「よろしくおねがいします!」とずっと声出ししてて半月分くらい声出したんじゃないかなと思います。あと途中何回か500円のおつりに500円出してしまって友達に突っ込まれました。


事前チェックしてもらってたのかブースきてすぐ「1部ください」と言ってくださった方、じっくり立ち読みしてから購入してくださった方、これからVue始めるんです!と話してくださった方、一度は離れたけどあとからまた気になったので買いに来ました!と言ってくださった方、、、ちょっと泣けてきたのでこの辺りにしておきますが、ブースに立ち寄ってくださったみなさま本当にありがとうございました。

また、Railsビギナーズ時代(?)からジーズアカデミーの先輩後輩、PWA勉強会や最近参加した勉強会で知り合った方々も出展を聞きつけてブースに来てくださり、なんだか遠いところまできたなぁとなぜかしみじみしてしまいました( ˘ω˘)

直前にインフルで倒れたりしたけれど、私はげんきです。

部数について

 イベント開始前の最終チェック数は202で頒布数は184でした(うちDL9)。

印刷数が200部だったのでほぼ読み通りでやったぜ٩( 'ω' )وという気分です。

イベント2日前が100でイベント4日前の入稿時が80くらいだったので、直前の伸びを考えるとイベント1週間前×2くらいが頒布数になるのかなぁと感じました。

初参加だったので完売も経験してみたかったですが、欲しいと思ってくれた人みんなに手渡しできたのもまた違った達成感でした!

本の販売について

物理本は少々COMIC ZINさんに委託したのと、何冊か手元にあるのでオフラインでお会いできる機会のあるかたはお声がけくださいませー。

それとBOOTHさんのほうでPDFのDL販売を先ほど開始しました。こちらもよろしくお願いします。(出品2分で1冊購入いただいてびっくりしました)

booth.pm

 

次回への意気込み

とりあえずPWA勉強会メンバー何人かでPWAの分厚い本出したいね!って話をしてます(気が早い)。

あと個人的には、業務でAWSの知見が溜まってきたのとこれから色々触ってみたいDockerの話をあわせて低レイヤーの勉強兼まとめとして1冊書いてみたいなと思ってます。予定は未定、もっと面白そうなことがあればそっちに飛びつくかもしれませんが、参加できたらまたよろしくお願いします(。・ω・)ノ゛

 

技術書典4で「もっとわかるVue」出します

techbookfest.org

 
2018年4月22日(日)に開催される技術書典4に参加します!

「もっとわかるVue」というVueとVuetifyの内容の本を執筆しました。

36ページという所謂薄い本ですが、1冊本を書き上げて発行までするのはなかなか労力がいることだったなと今はしみじみ思ってます。

本の宣伝も兼ねて、執筆しようと思ったわけや本の内容についてざっくり書いたので、技術書典に参加予定の方はご参考までに。

執筆しようと思ったわけ

色々思い返したら大きく3つありました。

 

1つ目は「本の執筆」そのものに興味があったからです。 

もともと1年ちょっと前に転職してから、エンジニアとしての自分の中でやってみたいことが3つありました。

1つが開発合宿、2つ目が本を出すこと、そして3つ目が海外で働くことです。

1つ目は去年叶ったので、じゃあ2つ目はどう進めるかなぁと、そんないきなり本書くチャンスなんてないよなと思っていたところ(そのころは商業出版しか念頭にありませんでした)昨年10月に技術書典3にお手伝いで参加する機会がありました。

実際参加してみてこんなイベントがあるんだ!と嬉しくなり、本の書き方も作り方もわからないままとりあえず技術書典4の受付が始まった時に申し込みました。

ビギナーズラックなのか、倍率が以前よりも高かったのにも関わらず当選することができて良かったです。

 

2つ目は「今年の目標」です。

 

ちゃんと覚えてなかったんですが、年明けの自分によるとポートフォリオサイトに「2018年はアウトプットの比重をあげていこうと考えています。」と書いていました。無意識に実行していたと考えていいんでしょうか、これは。やったね。

 

最後は2つ目と少し重なるのですが、学んだことを体系化してまとめたかったからです。

 

今回執筆したVueは昨年末頃から使い始めました。

実践ベースで学んでいった技術だったので、ちゃんと理解できているのか?間違った使い方はしていないか?と自分の中で悩みながら手探りで使っていました。一、二カ月使っていると流石にだいたいの部分は慣れてきたのですが、頭の中で理解しているだけであったり、特定の使い方しか理解していないのは怖かったので、何か体系化してまとめたいな、という思いがありました。

そこで技術書典4が春に開催されることを知って、タイミングが良く、またVueの話も需要が高そうだったので、Vueの話をまとめた本を執筆することに決めました。


本について

techbookfest.org

※ぴよ10はひよこと好きな数字を合わせただけです。ひよこの天ぷらではありません。

 

タイトルは「もっとわかるVue」です。

表紙画像

素敵表紙

表紙画像は弊社スーパーデザイナー様にこっそりおねがいして作っていただきました。初心者(ひよこ)+春(イースター)+Vue(緑)のイメージとひよこ画像を渡してお願いしたらこんな素敵な表紙をいただけました。感謝のしきりです。みなさまぜひジャケ買いして下さい。

本の内容としては、フレームワークの使い方とか仕組みはわかるんだけど、そもそもの設計思想や用語が指している意味ってなんなんだよ!というもやもやを解消するために書きました。

そのため、Vueとは?からコンポーネント化ってこういう目的があるんだよ、とかマテリアルデザインとは(Vuetify)?という概念的な内容にvue-cliでの環境構築を合わせたような内容になっています。(執筆期間中にvue-cli3がでたので、そちらの話も入っています。)欲を言えばコンポーネントライフサイクルあたりの話も書きたかったのですが、時間切れでした...。改訂することがあればその辺りも追記したいです。

 

執筆することで、曖昧になっていた言葉の意味や使い方を説明できる程度には整理することができたので、(「(自分が)もっとわかるVue」だわこれ)と思って書いてました。

半年後の自分に役立つ本ができたと思ってますが、今困ってる人の役にも立てたら嬉しいです!

また当日はこむぎこをこねたものの人形(特大)を持っていこうと思っています。目印にどうぞ。

スペースは「か25」で入口はいってすぐ右にちょっと行った左手側です。


では、参加される方は当日お会いできることを楽しみにしています。

 

【第2回】PWA勉強会を開催しました

去る2018年3月16日(金)の夜にG`sAcademyで第2回PWA勉強会を開催しました!

 

前回の様子はこちら↓

tomoko-tsubasa.hateblo.jp

f:id:tomoko_tsubasa:20180324155007p:plain

(写真とるのを忘れたのでスライド表紙でご了承くださいませ)
今回はGsAcademy生に加えてconnpassで一般の方も募集しました!募集期間は一週間ほどでしたが増席するほどの申し込みがあり、主催者としても嬉しい限りでした^^

当日のスケジュール

時間 内容 発表者
19:00-19:30 受付  
19:30-19:40 挨拶 tomoko_hirata
19:40-19:55 LT1: 「PWAって何だろう、を考えてみた」 yoheiMune
19:55-20:10 LT2: 「東南アジアでのPWAの可能性」 KazukiKunimoto
20:10-20:25 LT3: 「オフラインになったときのページで遊んでみた」 MasanariHori
20:25-20:40 LT4: 「PWAとAutoplayPolicy」 tomoko_hirata
20:40-21:20 懇親会  
21:20-21:30 撤収


発表

LT1:PWAって何だろう、を考えてみた (宗定洋平)

PWAを実案件に採用した経験からPWAとは何か、また周辺技術について説明されています。

PWAについてざっくりまとめてみた

LT2:東南アジアでのPWAの可能性(Kazuki Kunimoto)

東南アジアとPWAを絡めた話はおそらく初なのではないでしょうか。ベトナムの現在のデバイス環境からPWAからアプリへの動線を推測されています。

東南アジアでのPWAの可能性.pdf - Google ドライブ

LT3:オフラインになったときのページで遊んでみた(堀正斉)

ServiceWorkerを操作して、実際にキャッシュをつかってオフライン時の表示を制御した話です。

LT4:PWAとAutoplayPolicy (平田智子)

SNS系のPWAを触った時に気になった疑問について調べてみました。PWAを適用するときは、見た目はアプリを意識する必要がありますがWeb(ブラウザ)の仕様にも精通する必要があるなぁと感じました。

感想

懇親会で印象に残ったのは、幅広い分野の人にPWAは意識されているのだな、ということです。フロントやサーバのエンジニアだけでなく、インフラ・デザイナー・企画の方も興味を持って参加されていて、今後のPWAの活用方法や何が利点なのかどこから手をつければいいのか、、、といったことについてお話しました。

今回も、ご参加、ご登壇、ご協力いただいたみなさまありがとうございました!!!

次回勉強会について

次回は4/16(月)です〜

みなさんのご参加おまちしております😊😊↓↓

pwa-for-beginners.connpass.com

 

 

 

「エンジニアリング組織論への招待」を読んで自分の不安と向き合ってみた(Chapter1編)

f:id:tomoko_tsubasa:20180322020633j:plain

 

きっかけ

 

頭の整理も兼ねて気づいたことや、もしかして自分はこういう思考回路なんじゃないかと思ったことを時々Twitterに書いているのですが、今回はそれに対してコメントいただいたことがきっかけで、この本を読んでみることにしました。

エンジニアリング組織論への招待

全体の感想

※本の内容自体はChapter5まであるのですが、今の自分にはChapter1/Chapter2で今はおなかいっぱいになってしまったので内容はその二つ中心になります。

転職前も転職後も言語化できない不安が自分のなかで時折生まれることがあり、ただ、漠然としたものだったのでなかなか口には出せずにいました。不安を大きくしないように、関わりを意識的に減らしてみたり独断で作業を進めることも多くありました。タイミングが合い、周りの人に話したり相談することができたとしても、話をした時点ではスッキリし、アドバイスもそういうことなのかぁと受け止められるのですが、自分であとで思い返すとあれ?何も変わってないぞ?と堂々巡りの状態でした...。最近では半分諦めて不安を抱えてこれからもやっていく、そういうものなんだろうなと感じていました。

ですが、この本から「不安」はどこからきていたのかということについて一定の回答を得られた気がします。

「組織論」というと経営層やマネジメント層に向けた内容なのかと思いましたが、少なくともいち一メンバー、一エンジニアとしての自分が読んでも気づきが多くあったので、階級や営業・エンジニアといった立場関係なく読んで欲しいと思いました。

Chapter1:思考のリファクタリング

「エンジニアリング」は不確実性を下げ、情報を生み出す過程です。自分自身がどのように本能に囚われるのかを知り、仮説と検証を通じて、未来への不確実性を下げていきながら、同じ目的で働いてるはずの人々との間にあるコミュニケーションの不確実性も減らしていく必要があります。

この章では主に、不確実性とはなにか、不確実性を生み出すものとそれに対処する方法について説明されています。

そのなかでも、本能的・感情的になる心の動きがどのように発生するかについての記述がとても腑に落ちました。

  • 不確実性=わからないこと
  • 人間にとって本質的にわからないことは「未来」と「他人」
  • わからないものに向き合うときに「不安」が生まれる
  • 人は、自分を脅かすもの(不安)に対して本能的に「攻撃」や「防御」を選択してしまう
  • アイデンティティ(自分自身を構成すると思っていること)は他人にはわからないし自分でも把握できていない場合がある
  • 自分のアイデンティティを脅かされそうなときに「怒り」を発生させることで「攻撃」「防御」「逃避」の行動を生みだす
  • 「怒り」に変わる感情の源泉は、傷つけられた(と思う)ことによる「悲しみ」
  • 「攻撃」「防御」「逃避」の行動から生まれる回避的なコミュニケーション(無視、無反応、判断の丸投げ等)は相手のアイデンティティを脅かす=相手の不安を生み出す
  • 本能的な感情に囚われると物事に対する正確な認知(論理的思考)ができなくなる
  • 視野の狭い認知は本当の問題を解決できない

この内容は本当に自分に当てはまることが多いなぁと初め読んだときはびっくりしました。

何か不安に駆られた時に、最初は「悲しみ」の段階で終わることが多かったのですが、だんだん気持ちの余裕が無くなっていくにつれて「攻撃」→「防御」→「回避」へと行動が移っていったように思います。自分で認識できた行動は以下の通りです。

  • 「攻撃」:ムキになって反論する。自分の主張を通そうとする。高圧的な態度になる。
  • 「防御」:感じたことについてフィードバックをしない。何も感じてないように振る舞う。
  • 「回避」:不安になることについて関わらないようにする。一人で抱え込む。

当時は自分の中でも精一杯の行動だったのですが、こういった大人気ない態度も間接的に周りの不安を増長していたのかもしれないのだなと気づかされました、、、

また、アイデンティティは人それぞれ違う=不安を感じることは人によって違う、ということから「周りはそうは思っていないから、自分が不安に感じているのは間違いなんだ、過剰に反応してるだけなんだ」と不安に蓋をしたり無かったことにする必要はなかったのだと気がつきました。

つまるところ、自分の不安を把握するどころか不安と認められていなかったから、対処方法もわからず手詰まりのように感じていたのです。「攻撃」「防御」「逃避」からきていた態度は良くないものだとわかっているのに、なんでこんな行動をとってしまうんだろう、という疑問もこの章で晴らすことができました。

自分の中の不確実性を削減するために、以下の点を意識して思考のリファクタリングをしていきたいと思いました。

  • 自分のアイデンティティの範囲を知り、それを周りに伝えること
  • 自分自身の認知の歪みのパターンを知り、過ちに早く気がつくようにすること

でも自分のアイデンティティってどう知ってもらえばいいの?話せばいいってそれが難しくない?という疑問が生まれたのですが、その点に関しては次のChapter2での気づきと合わせて感想を書きたいと思います。

Chapter1を読み、こうして自分の考えをまとめるだけでかなり頭がすっきりしました!

Chapter2:メンタリングの技術

このまま書くつもりだったのですが言語化に想像以上に時間がかかったので別記事でまた投稿します😶!!

→続き 「エンジニアリング組織論への招待」を読んで自分の不安と向き合ってみた(Chapter2編)

 

エンジニアリング組織論への招待 ~不確実性に向き合う思考と組織のリファクタリング

エンジニアリング組織論への招待 ~不確実性に向き合う思考と組織のリファクタリング

 

PWA勉強会を開催しました

2018年3月3日ひなまつりの夜にG`sAcademyでPWA勉強会を開催しました。

f:id:tomoko_tsubasa:20180304172656j:plain


勉強会を主催するのは初めてのことでとても緊張しましたが、自分が卒業したG`sAcademyでの開催であったり、クローズドな参加者募集(今回はG`sAcademy生が対象でした)であったり、周りのみなさんの協力があったおかげで有意義な時間になったと思います。

 

 

開催した経緯

PWA自体は前々から興味があり、ちょっと触ってみたり(後述)記事を追っかけていました。そんな中、G`sAcademyのFacebookグループで管理者の児玉さんから「だれかPWA勉強会やらないー?」という声かけがあり、あ、じゃあもっと勉強してみたいし主催なら絶対参加できるしやってみようと思い手を挙げました。

f:id:tomoko_tsubasa:20180304161319p:plain

2/14に主催決め→2/15イベント作成・募集→2/17発表者打ち合わせ、となかなかスピーディーに話が進んでわくわくしました。

当日のスケジュール

休日の遅い時間だったのでしょっぱなから乾杯してテンションあげるか!というノリで乾杯から始まりました。

参加表明が65名中、参加者が60人くらいでほぼほぼ参加いただけて良かったです!

乾杯でうまいこと喋れなかったので次は気の利いたこと言えるようにがんばります。

  • 19:30-19:35 乾杯
  • 19:35-19:45 平田:会の説明
  • 19:45-20:00 LT1掘さん:PWAサンプルを作ってみた
  • 20:00-20:15 LT2山崎先生:プログラミング愛してま~す!sw 編
  • 20:15-20:30 LT3平田:Vuejs+GitHubPagesで始めるPWA
  • 20:30-20:45 LT4浅古さん:PWAを導入した経緯
  • 20:45- 懇親会
  • 21:30- 解散

発表

※LTタイトルは募集時のものです

LT1:PWAサンプルを作ってみた

DEV3期堀さんの発表です。
今回の発表のために2週間みっちり勉強されてきたとか...!
PWAの目指していることやそもそも何が利点なの?といったところを詳しく説明されています。

LT2:プログラミング愛してま~す!sw 編

G`sAcademy講師の山崎先生の発表です。
ServiceWorkerやManifest.jsonの話をサンプルを交えてハマりポイントを丁寧に解説していただきました。次実装するときは必ず参考にします...!

LT3:Vuejs+GitHubPagesで始めるPWA

私ことDEV4期平田の発表です。

VuejsとGithubPagesを使ってPWAを実装してみた話です。PWA実装のハードルが下げられたらいいなと思ってお話しました。

LT4:PWAを導入した経緯

最後はLAB3期の浅古さんです。
プロジェクトにPWAを採用した経緯をPWAの特徴と共にお話いただきました。

感想

発表内容は事前に示し合わせた訳ではないのですが、バランス良い感じになって参加者の方も楽しんでもらえたかなと思います。私も勉強になることが多く、打ち合わせの段階や懇親会でも色々話すことができたのでもっとこの分野について調べていきます!

嬉しいことに第2回の登壇者・参加者も着々と決まってきています。これからも主催としてまわりのお手を借りつつやっていきますので、よろしくお願いいたします。

 

ご参加、ご登壇、ご協力いただいたみなさまありがとうございました!!!

 

2年経ってる、、、

最後にブログ書いてから2年経ってたことに驚きが隠せず、ついタイトルにしてしまいました。
確かにここ数年は慌ただしかったので、書くのを忘れてしまっていましたね....

最近Mediumの方を始めてみようかとも思ったのですが、
折角アカウントがあるのでこちらでまたやっていこうかなぁと思います。

本文を書き始めるまでは腰が重いのに、始めたらついつい色々書こうとしてしまうので
そのあたりはもうちょっと軽めにしよう。

Firefox OSとすごした一年

今回の記事は「Firefox OS Advent Calendar 2015 - Adventar」14日目です。
(2日遅刻です、ごめんなさい><;)

今年一年で参加したFireFox関係のイベントについてつらつら振り返ってみようと思います!

きっかけ

1つ前の記事と関連するのですが、HTML5プロフェッショナル認定資格のセミナーを受けたときに、講師の方がおもむろにFlameを取り出し、「FxOSはすごいんですよ、webアプリを作るようにネイティブアプリが作れるんですよ!!」と熱弁されていたので、当時とりあえずwebのことなら何でも知っておこうと思っていた私はFxOS関連のお話が聞けるところってどこかなぁ、と探し始めたのです。
そして、最初にHITしたのが「FxOSコードリーディングミートアップ」でした。

参加したイベント

Firefox OS コミュニティー | Doorkeeperおよび Mozilla | Doorkeeper主催のイベントのなかで参加したことのあるものです。

FxOSコードリーディングミートアップ

FxOSの世界に初めて片足を突っ込んだのが3月のこのイベントでした。
「ゆるふわ」の謳い文句につられ、ほんとに何も知らない状態で参加したのですが、今思うとなかなか怖いもの知らずなことをしていたなぁと思います(´`;)
周りの方々がディープな話題に入る中どうしたものかと思っていたら、初心者枠の席が自然と出来上がっていて色々教えてもらいながら進めることができました。

最初に教えてもらったのは、FirefoxOSは「Gaia」「Gecko」「Gonk」の3つのアーキテクチャからできているんだよ、ということです。
なるほど、これは3つのGとでもいうのかな?と思ってたら別にそんなことは誰も言っていなかったです。
あと、FireFoxのブラウザではWebIDEでアプリが開発できることを知ったのが衝撃的でした。
FirefoxOSの構造(どのアーキテクチャがどの言語で書かれているとか)と、実際のコードがある場所(ブラウザ上でも、ネット上でも)を知ったうえで興味のある・またはより深く理解したい部分を読み進めていくそうです。 最初はどこを読めばいいのかな、と迷うことも多かったのですが、実際にwebアプリの開発に実務で関わっていくとそれに関連した部分を読みたくなってきますね。

MDN翻訳ミートアップ

2番目に参加したのはこのイベントです。
FxOSコードリーディングミートアップがソースコードをもくもく読む会なのに対して、こちらはMDN(Mozilla Developer Network:Mozillaの開発者向けドキュメント)の英文をもくもく読む&日本語に翻訳する会です。
英語力が試されると思いきや専門用語に詰まったりと、なかなか奥が深いです。
結構前から参加しているのにまだ翻訳できてなくてだめな生徒ですみません…
こちらのアドベンドカレンダーにも参加予定なので、年内に一つは頑張りたいです…!

関東 Firefox OS 勉強会

コードリーディングや翻訳ミートアップは、もじらさんのオフィスで行われることが多いのですがこちらは大きな会場で行われています。
FxOSアプリの開発方法についての話だったり、Fx0の開発話だったり、webアプリ開発の方々に有益な情報が得られるイベントでした。
…色々グッズがもらえたりもします♪

f:id:tomoko_tsubasa:20151215234524j:plain

Gecko inside

「inside」という名の通り、よりコアな部分のお話を聞けるイベントです。
まだまだ全部理解できる頭は持っていないのですが、いわゆる「中の人」がここでしか聞けないお話をしてくれます。
FxOSのイベントに参加する前は"OS"は遠い存在だったのですが、(あたり前なのですが)OSもそれを作っている人たちが居て、色んなことを考えながら作り上げられているのだなぁ、と実感できるイベントでした。

Firefox Developers Conference 2015 in Tokyo

www.mozilla.jp

11月にはConferenceに参加してきました!
「Web の今日とこれから」をテーマに多くのセッションが行われていて、どれに行こうか直前まで迷ってしまいました。アニメーションやフロント開発、ES6などWebの最先端のお話を聞いて早く何かつくりたい…!という気分にさせてもらいました。
懇親会では片思いし続けたフォクすけくんをようやくお迎えすることができて感無量です。

f:id:tomoko_tsubasa:20151215234647j:plain f:id:tomoko_tsubasa:20151215234713j:plain f:id:tomoko_tsubasa:20151215234728j:plain

来年は

私は参加できていないのですが、他にもハッカソンやいろんなイベントが行われています。
まだまだFxOSのことを技術的にもわからないことだらけですが少しでもコミュニティに貢献できることができたらな、と思っています。少なくともフォクすけくん分のお返しはしないと…!
今年はミーハー心だけで突っ走ってしまいました(笑)

FxOSイベントに参加するうちに顔見知りになった方も増えてきて、楽しいです!
これからもよろしくお願いします( *´▽`)/