お気持ちの表明

思考を雑に外出していきます

プレゼンテーション資料を脳死で6割作るためのワークフロー

社内メモに書いてたのをコピペ

他者に対してのPresentationをすることは稀によくあります。
登壇、ブログ、職務経歴書、etc

資料に落とし込む時、「資料の設計」をどう設計するかを悩みがち。
自分がやっている資料作りのフレームワークを共有します。

STARSで大枠決める

saiyo.employment.en-japan.com

これにつっこめば大体の資料の大枠ができる。
大枠できたら、必要な情報をできるだけ最小限の文章で記述することをがんばる。

スライドの落としこみ

テキストにしても、だいたい一緒。

pain/gainの共有

  • どういった問題意識があるのか
  • 問題を解決すると、どういった良いことが起こるのか

具体的な問題対処

  • 何を対処するのか
  • 元気がある範囲で図解する
    • こちらから投げる情報源として「スライド」「声」と情報源がある
    • スライドは「図解で大枠のイメージを伝えて、文章で補足するイメージ」で書く
      • 紙芝居ぐらいのノリ
    • 声は「スライドの説明を副音声」というイメージでしゃべる
      • スライドの内容を「読み上げるだけ」で十分
      • スライド単体で情報源として成立しているものに対して、補完的に使うぐらいの気持ち

どう対処するのか

  • コードで具体例を示す場合は、全文のせず抽象化したコードもどきを提示する。
    • 見せておきたいコード以外は ... などで省略する。
    • 具体的に書きすぎると、聴衆は読解に専念してしまう。
  • コードの説明は基本的にしない。
    • 「こんなかんじです！気になる人はあとで見てください！」程度。
    • その場で聞いても完全に理解できないし、抽象化されたコードなので、あとで各自見てもらうほうが効率がいい。

付録

  • 本筋からズレるけど紹介したいことなど、あれば書く
    • 公式ドキュメントとか、抽象化したコードの具体コードのgistのリンクとか

説明や文章についての制約

個人的に縛りをつけておくと整えやすい。

実例集

GitHubの自己紹介 とか、 最近のスライドとか とか

以下は直近このノリで書いたもの speakerdeck.com

ExpoでhttpのサイトやAPIを扱いたいときのworkaround

概要

Android/iOS共にデフォルトでhttpへのアクセスができないようになっている

By default, iOS 9.0 or later enforce App Transport Secruity (ATS). ATS requires any HTTP connection to use HTTPS. If you need to fetch from a cleartext URL (one that begins with http) you will first need to add an ATS exception. If you know ahead of time what domains you will need access to, it is more secure to add exceptions only for those domains; if the domains are not known until runtime you can disable ATS completely. Note however that from January 2017, Apple's App Store review will require reasonable justification for disabling ATS. See Apple's documentation for more information.

Networking · React Native

On Android, as of API Level 28, clear text traffic is also blocked by default. This behaviour can be overridden by setting android:usesCleartextTraffic in the app manifest file.

Networking · React Native

ローカルサーバーがhttpだったりすると、アプリからアクセスすることができないので困った。

workaround

app.jsonを変更し、Android/iOSの設定をいじる Dev Client使っているなら、変更したあとはEAS Buildする 雑なメモなので雑に書いているが、app.config.tsにして定義すれば、開発環境だけ無効にするとかもできるのでそうしたほうがいい

iOS向け

ios の項目で上書きする

  ios: {
    infoPlist: {
      NSAppTransportSecurity: {
        NSAllowsArbitraryLoads: true, // APIの呼び出しでhttpを許可
        NSAllowsArbitraryLoadsInWebContent: true //WebViewでhttpを許可
      },
    },
  },

Android向け

expo-build-properties で上書きする

  plugins: [
    [
      'expo-build-properties',
      {
        android: {
          usesCleartextTraffic: true
        },
      },
    ],
  ],

Reference

Androidは以下をそのまま

stackoverflow.com

iOSは書き換える位置をGitHub Issue把握して、内容はQiitaを参考にした github.com qiita.com

注文住宅をやった振り返り

雑記

去年書きましたが、めでたく結婚しました。 妻と付き合う前のときに「結婚相手に求めるものは何？」という話をしたときに、「家を建てたい！！！」という話を聞いてました。 「なるほど〜〜」となり、去年の4月ごろから家を建てるためのアレコレを始め、先月無事に引き渡しになりました。

そんなプロジェクトを色々ざっくり振り返ります。 ほしいものリストがあるので、新築祝い待っております🙏

「家建ててるの爆速すぎん？？？」

色々な人から言われましたが、以下の要因があり爆速で家を建てることになりました。

住宅メーカーの値上げ

木材やら半導体の不足で、色々値上がりが続いてた影響で、住宅メーカーの値上がりラッシュが続いています。 値上げのタイミングも、前月に告知されるぐらいの感じであんまり予想できる感じではありませんでした。 どの住宅メーカーの営業も「近々どこかのタイミングでは数回値上げがあると思うから、家を建てたいと考えているなら、なるはやがいいですよ」とアドバイスされ、「なら、とっとと考えるか〜〜〜〜」となりました。なお、実際に当時から2回は値上げされていました😇

土地がない

コロナ禍もあり、家を建てたり買う人が増え、家を建てるための土地もどんどん減っていっていました。 優良物件に近いノリで「ネットに情報が出たら、翌週ぐらいにはもう買い手が決まっている」ぐらいのスピード感になっています。条件を定めても好みの土地に出会うことは時間を要しますし、そもそも母数が減っていってるとなれば好みの土地に出会えるのはガチャみたいなノリになります。

そんなわけで、「住宅メーカーの選定をとっとと終えて、いい土地あったらとっとと確保し、とっとと家を建て始めなきゃッ」となり、早めに動きました。

家が完成するまでの時系列

色々やりはじめてから1年半ぐらいで家が建ちました。 それぞれのフェーズについてざっくり紹介します。

情報収集〜住宅メーカー選び始め

4月から8月ぐらいまでかかりました。

最初にスーモカウンターに行き、そこから5社の住宅メーカーを紹介してもらいました。 紹介してもらった住宅メーカーを回るのに約1ヶ月かかりました。

最終的には、紹介された中から住友林業を選んで建てることにしました。 選択の決め手は、ついてくれた営業担当との相性が良かったことと、「木質感がいい感じのおしゃれな家を建てたい」という希望にマッチしました。

ちなみに、最初に住宅展示場に行くのは最近ではアンチパターンとされているらしいです。 いわゆる「担当営業ガチャ」や、仲介業者が挟まることによって得られる割引率が悪くなるなどの理由らしいです。 ですが、諸々の仲介業者を挟まないで全部意思決定したり調整するのは、全体的にマネジメントコスト高い気がしてて、大変そうだなあ....となりました。 とりあえず、我が家は良い営業と成果物もいい感じなので良かったです🥹

打ち合わせ

8月から翌年の3月ぐらいまでかかりました。 2週間に1回ぐらいのペースで、4-5時間ぐらいオフラインで打ち合わせしました😇 平日の仕事終わりに次の打ち合わせで話すことを考え、週末は副業で家の金を稼ぎつつ、打ち合わせや展示場に行くという生活が続き、無限に疲れました😇 意思決定ポイントが多すぎるし、意思決定するための材料収集作業も無限にある感じだったので、頭が休まりませんでした...😇 とりあえず頑張り切れたので、住んで1ヶ月経ちましたが今でも90％程度満足できる仕上がりになっています👨🏼‍🦳

流れで、軽く家の推しポイント紹介

リビング吹き抜け階段になってます。

「暖房効率が...！」みたいな話はありますが、断熱まわりはゴリゴリやったので特に困っていないです。 朝リビングのエアコンつけて23℃ぐらいに温めて、夜になっても21℃ぐらいはキープされています。

照明がGoogle Homeで操作できるようになっています。

壁スイッチが赤外線操作できるものにしてあります。 これにSwitchbot Hubから赤外線飛ばせばオン/オフできます。 これのおかげでGoogle Homeから操作できるようになっています。 また、物理的に壁スイッチを押す必要がなくなったので、壁スイッチはクローゼットに隠されていて、リビングの壁にはスイッチがないです🤩 ここらは色々取り組んでいるので、また別記事で紹介します。

あと、キッチンを課金しまくりました。

クリナップのセントロを入れています。 ガスとIHを併用できるガステーブル、フロントオープン食洗機、タッチレス水栓、プッシュオープンできる引き出し...と、料理好きの私的にはアガる感じに整いました。

cleanup.jp

着工から家ができるまで

5月頭に着工して、10月末に引き渡しになりました。 毎週のようにLINEで家の進捗報告が写真でもらっていました。

また、家の設計は3月で終わりましたが、建てている裏で外構の設計を並行してました。 以下は、庭に植える木を見に行ったときの写真です。

引き渡しから現在まで

家が完成して、実際に引っ越すまでの2週間ぐらいありました。 以下のような感じで色々やってて忙しかったです。

  • 水回りの撥水加工を業者に依頼
  • 水回りのコーキングを業者に依頼
  • NUROの開通工事
  • ドラム式洗濯機の分解掃除

引っ越したあとも、家のbug fixが色々ありました

  • 庭が若干終わっていなかったので、業者が何度か来た
  • 壁スイッチが指定したものと違うことが発覚し、交換してもらった
  • 一部壁スイッチを人感に変えたくなり、ついでに交換してもらった
  • トイレがボコボコ言ってて対処してもらった (WIP

とりあえず、今は平和に住んでいます😎

得られた知見

いろいろありすぎますがざっくりと

値引き交渉のタイミングが難しすぎる

値引き交渉のタイミングが、普通の買い物の交渉とはタイミング違いすぎて爆死しました。

値引き交渉ができるのは、住宅メーカーと「あなたのところで家を建てますよ」と契約する時だそうです。 「すべて仕様揃って合計金額が出たタイミング」ではないです。 普通の買い物の値引き交渉とはタイミングが直感的ではないなと思いました。 ここらへんはggったり、YouTuberが無限に紹介している気がするので、100回ぐらい見てきちんと頭に叩き込んだほうがいいです。

CGと実物が違う事件が普通にある

あるあるな話ではあるものの、「そんな雑な仕事ないだろ...」と思っていたら普通にありました。 普段、フロントエンド側のエンジニアとしてはFigmaが本番デザインと違うようなものだと思います。 そんなことあったら「本番とデザイン違うやんけ！直せ！」となると思うのですが、物理なのでそんなシュッと直せないです。 「シュッと直せないなら、きちんとチェックしろ」と思うのですが、住宅業界的に「あくまでイメージだから多少差分が出てもしゃあねえっす」というノリを感じました。

配色が違っていたり、建具の寸法が違ってたりしたので、普通にインシデントだろと思うんですが....

我が家の場合、一部壁の配色が違っていたり、柱の位置が違っていました。 壁の配色は物理実装される前だったので修正できたのですが、柱の位置は修正できませんでした...😇

GCだけじゃなく、現物だったりその品番のカタログを確認するなりをきちんとしたほうがいいです。ホントに。 だけど、視覚で認知したものを、図面ベースで整合しているかだったり、品番ベースで整合しているかをチェックするのは素人には厳しすぎると思いました。

住友グループで保険が一元化できて便利

我が家は住友林業で建てたので、諸々の保険が住友グループで一元化されています。 家の情報も保険の契約内容も住友グループで一元化されているので、何かあった時の初動が「とりあえず脳死で住友グループの窓口に1回電話するだけ」で済むので、便利そうとなりました。

おわりに

1年半ぐらいのプロジェクトがとりあえず終わってよかったです。 お金は飛びまくりましたが、良い住環境が整ったので色々と平和な気持ちになっています。 ただ、 「家は3回建てないと満足できるものができない」という話通りに、初見殺しにあったり、家に対して既に直したいところがあったりしました。 家を建てようと思っている人は、ネットで後悔ポイントを調べたり、実際に家を建てた人を捕まえてインタビューしまくるといいと思います。ホントに。 コンセントの位置とか無限にいじりたくなります。ホントに。

以上、注文住宅をやった振り返りでした。 ほしいものリストがあるので、新築祝になにかいただけると嬉しいです🥰

www.amazon.jp

また、タイミングがあったら家で御飯作るので遊びに来てください💃

expo-routerでcustom navigationを作ったときに、特定のroutingを除去する

vanilla react-nativeで作っていたアプリをEAS Buildに移行するとき、iOSの証明書まわりどうするの委員会

そういう感じのことを最近やっているので、やったことの忘備録

Deployment environmentどうやってわけるの

ここにまとめてるので、app.config.tsをいじりましょう。

speakerdeck.com

微妙な注意点としては、環境変数の切り替えに NODE_ENV を使わないほうがいいです。

blog.p1ass.com

証明書の移行どうするの

既存の証明書を移行する場合、p12を投げ込むことができる fastlaneで管理している証明書は、p12にしてRepositoryに突っ込まれているはずなので、それを使えば良さそう

expo.devのスクショ

ただ、私はfastlaneで錬成されているp12を突っ込んだらなんかエラー出た 証明書の更新が近かったし、面倒になったので、 $ eas credentials を叩くことにした $ eas credentials 叩くと、fastlaneと同じ感じで証明書やらProvisioning Profileやらの生成ができる

UDIDの登録どうするの

ここに色々書いてる

docs.expo.dev

微妙なハマりポイントだと、「UDID登録するには $ eas device:create 叩けと書いてるけど、既にApple Developerに登録しているやつはどうすんねん」となった。 これについては、 $ eas device:create を叩くと「UDIDどう登録する？？」と途中で聞かれ、その中の選択肢に「Apple Developerからimportしてくれ」というのがあるので、それを選べばおｋだった

$ eas device:create

初期移行したあとの登録は、 $ eas device:create 叩いて Website を選んでくれとかdocumentに書いておけば良さそう

2022年の振り返り

年末なので、色々ふりかえっていきます。

仕事でやったこと

既存プロダクト

  • react-nativeのアプリ
  • 既存コードのメンテナンスが難しくなってきたので、フルリニューアルしてる
  • Expoをゴリゴリに使っていて、色々いい感じになってきてる
  • 最近はCookieまわりで死んでいて、たぶんそのうちまとめて記事にする

新規プロダクト

  • react-native-webで作っている
  • 基盤構築したあとは、エンジニアリングをメンバーにまかせて、スクラムマスタをしている
  • 元々、EM的なroleをやってみたかったので、楽しく働いている

Engineering Manager

  • モバイルアプリエンジニア1人目として入ってから、今では4人のチームになっている
  • People Managementで合う/合わないの話がでがちだけど、自分はここらへん「合う」タイプのようで平和
  • 「EMの成果は、チームメンバーのアウトプットの最大化」という話があったと思うので、貢献していきたい

Hiring Manager

  • 採用フローまわりをゴリゴリした
  • 具体的には、コーディングテストの作成、ルーブリックの作成、JDの作成、とかをした
  • 自分のポジション(シニアアプリエンジニア)を追加採用するために「最低限作った」ぐらいなので、来年は汎用化して部内展開とかしたい
    • 気になったら来てくれ〜〜〜〜
    • hrmos.co

社内勉強会

  • ひとりで運用して1年半ぐらい経った
  • 運用厳しくなってきたので、最近メンバー募集して冗長化した
  • 大きい会社で、グループ会社もそこそこあるので、ナレッジマネジメント的なところをやっていきたいなと思ってる
  • これもたぶんそのうち会社のブログに書く

ブログ

会社で色々書いたり、乗った

techblog.jmdc.co.jp

blog.jmdc.co.jp

登壇

副業

  • react-nativeの技術顧問を1社やってた
  • 来年からは、以前技術顧問として働いていた会社で、追加で技術顧問をする予定

プライベートまわり

結婚

  • 11/29の日に結婚しました
  • 去年マッチングアプリで10万ぐらいつっこみ、色々ゴリゴリやった結果、いい人と出会えたので結婚しました
  • 今日はこのあと温泉にいってきます

注文住宅

  • 今は1軒屋を借りて住んでるけど、並行して注文住宅が進んでいます
  • 「エンジニアやし、お金持ってるし、強い家やったろ」と思っていたんですが、全然金持っていないという気持ちになっています
  • キッチンをゴリゴリしているので、キッチン見に来てくれ〜〜〜〜

おわりに

来年もよろしくおねがいします。
あと、ご祝儀いろいろお待ちしております

www.amazon.jp