blog毎日半休とってのんびりするのが夢のエンジニアブログこの広告は、90日以上更新していないブログに表示しています。2018-04-24技術書典4で「もっとわかるVue」出しました技術書典tomoko-tsubasa.hateblo.jpこちらの参加レポートです。2018年4月22日(日)に開催された技術書典4に参加しました!ブースについて当日について部数について本の販売について次回への意気込み2018年4月22日(日)に開催された技術書典4に参加しました!サークル参加の方は本の執筆&出版&出展、一般参加者の方は入場&サークル周回、そして運営の方は準備&設営やPOP作成&当日の運営諸々お疲れ様でした!!!終わった直後はいろいろあとでブログに書こうと意気込んでいたのですが、まとめてる最中に忘れそうなのでざーっと書いていこうと思います!ブースについてブースについては、前日に100均一に色々買い出しに行って揃えました。本の表紙とVueのイメージに合わせて全体的に緑にしたのと、わかりやすくするように目印のこむぎこをこねたものの人形を持って行きました。爽やかな感じになったのと、参加者の方に「かわいいブースですね」と言ってもらえて嬉しかったです!あと子どもさんがすれ違いざまに突ついていったり写真を撮られてたり、こむぎこさんは大人気でした。(作者の方に発見されて声をかけていただいたのが個人的にBIGサプライズイベントでした。)トランクの3分の2くらい占めた子でしたが持っていってよかったです。当日について売り子さんには前職の同期の子に来てもらって、これで交代もバッチリだぜ!と思っていたんですが結局6時間ずっとブースにいました。本を書くことはもちろん自分で何かを作って販売すること自体初めてだったのでおっかなびっくりな6時間でしたがあっという間に終わってしまいました。見本誌を読んでもらったら「ありがとうございました!」、買っていただいたら「よろしくおねがいします!」とずっと声出ししてて半月分くらい声出したんじゃないかなと思います。あと途中何回か500円のおつりに500円出してしまって友達に突っ込まれました。事前チェックしてもらってたのかブースきてすぐ「1部ください」と言ってくださった方、じっくり立ち読みしてから購入してくださった方、これからVue始めるんです!と話してくださった方、一度は離れたけどあとからまた気になったので買いに来ました!と言ってくださった方、、、ちょっと泣けてきたのでこの辺りにしておきますが、ブースに立ち寄ってくださったみなさま本当にありがとうございました。̆)直前にインフルで倒れたりしたけれど、私はげんきです。部数についてイベント開始前の最終チェック数は202で頒布数は184でした(うちDL9)。イベント2日前が100でイベント4日前の入稿時が80くらいだったので、直前の伸びを考えるとイベント1週間前×2くらいが頒布数になるのかなぁと感じました。ZINさんに委託したのと、何冊か手元にあるのでオフラインでお会いできる機会のあるかたはお声がけくださいませー。それとBOOTHさんのほうでPDFのDL販売を先ほど開始しました。こちらもよろしくお願いします。(出品2分で1冊購入いただいてびっくりしました)booth.pm次回への意気込みとりあえずPWA勉強会メンバー何人かでPWAの分厚い本出したいね!って話をしてます(気が早い)。あと個人的には、業務でAWSの知見が溜まってきたのとこれから色々触ってみたいDockerの話をあわせて低レイヤーの勉強兼まとめとして1冊書いてみたいなと思ってます。予定は未定、もっと面白そうなことがあればそっちに飛びつくかもしれませんが、参加できたらまたよろしくお願いします(。08:30技術書典4で「もっとわかるVue」出しましたTweet広告を非表示にするもっと読むコメントを書く2018-04-20技術書典4で「もっとわかるVue」出します技術書典techbookfest.org2018年4月22日(日)に開催される技術書典4に参加します!執筆しようと思ったわけ本について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とは?からコンポーネント化ってこういう目的があるんだよ、とかマテリアルデザインとは(Vuetify)?という概念的な内容にvue-cliでの環境構築を合わせたような内容になっています。(執筆期間中にvue-cli3がでたので、そちらの話も入っています。)欲を言えばコンポーネントライフサイクルあたりの話も書きたかったのですが、時間切れでした...。改訂することがあればその辺りも追記したいです。執筆することで、曖昧になっていた言葉の意味や使い方を説明できる程度には整理することができたので、(「(自分が)もっとわかるVue」だわこれ)と思って書いてました。半年後の自分に役立つ本ができたと思ってますが、今困ってる人の役にも立てたら嬉しいです!また当日はこむぎこをこねたものの人形(特大)を持っていこうと思っています。スペースは「か25」で入口はいってすぐ右にちょっと行った左手側です。参加される方は当日お会いできることを楽しみにしています。(宗定洋平)PWAを実案件に採用した経験からPWAとは何か、また周辺技術について説明されています。Kunimoto)東南アジアとPWAを絡めた話はおそらく初なのではないでしょうか。ベトナムの現在のデバイス環境からPWAからアプリへの動線を推測されています。ドライブLT3:オフラインになったときのページで遊んでみた(堀正斉)ServiceWorkerを操作して、実際にキャッシュをつかってオフライン時の表示を制御した話です。(平田智子)SNS系のPWAを触った時に気になった疑問について調べてみました。PWAを適用するときは、見た目はアプリを意識する必要がありますがWeb(ブラウザ)の仕様にも精通する必要があるなぁと感じました。懇親会で印象に残ったのは、幅広い分野の人にPWAは意識されているのだな、ということです。フロントやサーバのエンジニアだけでなく、インフラ・デザイナー・企画の方も興味を持って参加されていて、今後のPWAの活用方法や何が利点なのかどこから手をつければいいのか、、、といったことについてお話しました。頭の整理も兼ねて気づいたことや、もしかして自分はこういう思考回路なんじゃないかと思ったことを時々Twitterに書いているのですが、今回はそれに対してコメントいただいたことがきっかけで、この本を読んでみることにしました。※本の内容自体はChapter5まであるのですが、今の自分にはChapter1/Chapter2で今はおなかいっぱいになってしまったので内容はその二つ中心になります。転職前も転職後も言語化できない不安が自分のなかで時折生まれることがあり、ただ、漠然としたものだったのでなかなか口には出せずにいました。不安を大きくしないように、関わりを意識的に減らしてみたり独断で作業を進めることも多くありました。タイミングが合い、周りの人に話したり相談することができたとしても、話をした時点ではスッキリし、アドバイスもそういうことなのかぁと受け止められるのですが、自分であとで思い返すとあれ?何も変わってないぞ?と堂々巡りの状態でした...。最近では半分諦めて不安を抱えてこれからもやっていく、そういうものなんだろうなと感じていました。この本から「不安」はどこからきていたのかということについて一定の回答を得られた気がします。「組織論」というと経営層やマネジメント層に向けた内容なのかと思いましたが、少なくともいち一メンバー、一エンジニアとしての自分が読んでも気づきが多くあったので、階級や営業・エンジニアといった立場関係なく読んで欲しいと思いました。Chapter1:思考のリファクタリング「エンジニアリング」は不確実性を下げ、情報を生み出す過程です。自分自身がどのように本能に囚われるのかを知り、仮説と検証を通じて、未来への不確実性を下げていきながら、同じ目的で働いてるはずの人々との間にあるコミュニケーションの不確実性も減らしていく必要があります。この章では主に、不確実性とはなにか、不確実性を生み出すものとそれに対処する方法について説明されています。そのなかでも、本能的・感情的になる心の動きがどのように発生するかについての記述がとても腑に落ちました。丸投げ等)は相手のアイデンティティを脅かす=相手の不安を生み出す本能的な感情に囚われると物事に対する正確な認知(論理的思考)ができなくなる視野の狭い認知は本当の問題を解決できないこの内容は本当に自分に当てはまることが多いなぁと初め読んだときはびっくりしました。行動が移っていったように思います。自分で認識できた行動は以下の通りです。「攻撃」:ムキになって反論する。自分の主張を通そうとする。「防御」:感じたことについてフィードバックをしない。何も感じてないように振る舞う。「回避」:不安になることについて関わらないようにする。当時は自分の中でも精一杯の行動だったのですが、こういった大人気ない態度も間接的に周りの不安を増長していたのかもしれないのだなと気づかされました、、、また、アイデンティティは人それぞれ違う=不安を感じることは人によって違う、ということから「周りはそうは思っていないから、自分が不安に感じているのは間違いなんだ、過剰に反応してるだけなんだ」と不安に蓋をしたり無かったことにする必要はなかったのだと気がつきました。きていた態度は良くないものだとわかっているのに、なんでこんな行動をとってしまうんだろう、という疑問もこの章で晴らすことができました。自分の中の不確実性を削減するために、以下の点を意識して思考のリファクタリングをしていきたいと思いました。自分のアイデンティティの範囲を知り、それを周りに伝えること自分自身の認知の歪みのパターンを知り、過ちに早く気がつくようにすることでも自分のアイデンティティってどう知ってもらえばいいの?話せばいいってそれが難しくない?という疑問が生まれたのですが、その点に関しては次のChapter2での気づきと合わせて感想を書きたいと思います。PWA2018年3月3日ひなまつりの夜にG`sAcademyでPWA勉強会を開催しました。勉強会を主催するのは初めてのことでとても緊張しましたが、自分が卒業したG`sAcademyでの開催であったり、クローズドな参加者募集(今回はG`sAcademy生が対象でした)であったり、周りのみなさんの協力があったおかげで有意義な時間になったと思います。開催した経緯PWA自体は前々から興味があり、ちょっと触ってみたり(後述)記事を追っかけていました。そんな中、G`sAcademyのFacebookグループで管理者の児玉さんから「だれかPWA勉強会やらないー?」という声かけがあり、あ、じゃあもっと勉強してみたいし主催なら絶対参加できるしやってみようと思い手を挙げました。2/14に主催決め→2/15イベント作成・募集→2/17発表者打ち合わせ、となかなかスピーディーに話が進んでわくわくしました。当日のスケジュール休日の遅い時間だったのでしょっぱなから乾杯してテンションあげるか!というノリで乾杯から始まりました。参加表明が65名中、参加者が60人くらいでほぼほぼ参加いただけて良かったです!乾杯でうまいこと喋れなかったので次は気の利いたこと言えるようにがんばります。※LTタイトルは募集時のものですLT1:PWAサンプルを作ってみたDEV3期堀さんの発表です。今回の発表のために2週間みっちり勉強されてきたとか...!PWAの目指していることやそもそも何が利点なの?といったところを詳しく説明されています。編G`sAcademy講師の山崎先生の発表です。ServiceWorkerやManifest.jsonの話をサンプルを交えてハマりポイントを丁寧に解説していただきました。YamazakiLT3:Vuejs+GitHubPagesで始めるPWA私ことDEV4期平田の発表です。VuejsとGithubPagesを使ってPWAを実装してみた話です。PWA実装のハードルが下げられたらいいなと思ってお話しました。最後はLAB3期の浅古さんです。プロジェクトにPWAを採用した経緯をPWAの特徴と共にお話いただきました。発表内容は事前に示し合わせた訳ではないのですが、バランス良い感じになって参加者の方も楽しんでもらえたかなと思います。私も勉強になることが多く、打ち合わせの段階や懇親会でも色々話すことができたのでもっとこの分野について調べていきます!嬉しいことに第2回の登壇者・参加者も着々と決まってきています。これからも主催としてまわりのお手を借りつつやっていきますので、よろしくお願いいたします。最後にブログ書いてから2年経ってたことに驚きが隠せず、ついタイトルにしてしまいました。アカウントがあるのでこちらでまたやっていこうかなぁと思います。本文を書き始めるまでは腰が重いのに、始めたらついつい色々書こうとしてしまうのでそのあたりはもうちょっと軽めにしよう。Adventar」14日目です。(2日遅刻です、ごめんなさい><;)今年一年で参加したFireFox関係のイベントについてつらつら振り返ってみようと思います!きっかけ1つ前の記事と関連するのですが、HTML5プロフェッショナル認定資格のセミナーを受けたときに、講師の方がおもむろにFlameを取り出し、「FxOSはすごいんですよ、webアプリを作るようにネイティブアプリが作れるんですよ!!」と熱弁されていたので、当時とりあえずwebのことなら何でも知っておこうと思っていた私はFxOS関連のお話が聞けるところってどこかなぁ、と探し始めたのです。最初にHITしたのが「FxOSコードリーディングミートアップ」でした。Doorkeeper主催のイベントのなかで参加したことのあるものです。FxOSコードリーディングミートアップFxOSの世界に初めて片足を突っ込んだのが3月のこのイベントでした。́`;)周りの方々がディープな話題に入る中どうしたものかと思っていたら、初心者枠の席が自然と出来上がっていて色々教えてもらいながら進めることができました。最初に教えてもらったのは、FirefoxOSは「Gaia」「Gecko」「Gonk」の3つのアーキテクチャからできているんだよ、ということです。これは3つのGとでもいうのかな?と思ってたら別にそんなことは誰も言っていなかったです。あと、FireFoxのブラウザではWebIDEでアプリが開発できることを知ったのが衝撃的でした。FirefoxOSの構造(どのアーキテクチャがどの言語で書かれているとか)と、実際のコードがある場所(ブラウザ上でも、ネット上でも)を知ったうえで興味のある・またはより深く理解したい部分を読み進めていくそうです。最初はどこを読めばいいのかな、と迷うことも多かったのですが、実際にwebアプリの開発に実務で関わっていくとそれに関連した部分を読みたくなってきますね。MDN翻訳ミートアップ2番目に参加したのはこのイベントです。Network:Mozillaの開発者向けドキュメント)の英文をもくもく読む&日本語に翻訳する会です。英語力が試されると思いきや専門用語に詰まったりと、なかなか奥が深いです。勉強会コードリーディングや翻訳ミートアップは、もじらさんのオフィスで行われることが多いのですがこちらは大きな会場で行われています。FxOSアプリの開発方法についての話だったり、Fx0の開発話だったり、webアプリ開発の方々に有益な情報が得られるイベントでした。inside「inside」という名の通り、よりコアな部分のお話を聞けるイベントです。全部理解できる頭は持っていないのですが、いわゆる「中の人」がここでしか聞けないお話をしてくれます。FxOSのイベントに参加する前は"OS"は遠い存在だったのですが、(あたり前なのですが)OSもそれを作っている人たちが居て、色んなことを考えながら作り上げられているのだなぁ、と実感できるイベントでした。今日とこれから」をテーマに多くのセッションが行われていて、どれに行こうか直前まで迷ってしまいました。アニメーションやフロント開発、ES6などWebの最先端のお話を聞いて早く何かつくりたい...!という気分にさせてもらいました。懇親会では片思いし続けたフォクすけくんをようやくお迎えすることができて感無量です。来年は私は参加できていないのですが、他にもハッカソンやいろんなイベントが行われています。FxOSのことを技術的にもわからないことだらけですが少しでもコミュニティに貢献できることができたらな、と思っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。