Slide 1

Slide 1 text

2020/10/31 Java女子部 ハロウィンLT大会 @syobochim オンラインのプレゼンがさみしくて 拍手アプリつくりました

Slide 2

Slide 2 text

LTをはじめる前に 1.アクセスしてね https://github.com/syobochim/ClapHandApp/releases 2. 今すぐダウンロー ド Java っぽい部分ここだけ…

Slide 3

Slide 3 text

こんにちは! Happy Halloween !! しょぼちむ @syobochim https://syobochim.hatenablog.com/ https://github.com/syobochim 著書:「いちばんやさしいGit&GitHubの教本」 \ 買ってね ! / All opinion are my own

Slide 4

Slide 4 text

イベントでのプレゼンは楽しい! < おおーー! < ははは! < パチパチパチ

Slide 5

Slide 5 text

みんなのリアクションが見えないと不安でさみしい

Slide 6

Slide 6 text

もっとみんなで盛り上がりたい!

Slide 7

Slide 7 text

みんなのリアクションが見える拍手アプリ作りました 押しまくって!

Slide 8

Slide 8 text

同じイベントに参加している人と盛り上がりを競える! \ 今日のAM 1時にできた ! /

Slide 9

Slide 9 text

はじめ方 1. アプリをダウンロード・起動する 2. 「Create Event」 をクリック 3. イベント名と名前、好きな絵文字をいれる 1. 好きな絵文字は省略できる 4.参加者にURLかQRコードをシェア!

Slide 10

Slide 10 text

アーキテクチャ electron 主催者 参加者 開発者 イベント作成 Clap! 開発 デプロイ 静的コンテンツ 取得 GitHub Actions で アプリを作成 アプリ ダウンロード Apple Developer Program 署名

Slide 11

Slide 11 text

electron 主催者 参加者 開発者 イベント作成 Clap! 開発 デプロイ 静的コンテンツ 取得 GitHub Actions で アプリを作成 アプリ ダウンロード Apple Developer Program 署名 AWS Amplify : GraphQL の追加 $ amplify add api ? Please select from one of the below mentioned services: ❯ GraphQL REST

Slide 12

Slide 12 text

electron 主催者 参加者 開発者 イベント作成 Clap! 開発 デプロイ 静的コンテンツ 取得 GitHub Actions で アプリを作成 アプリ ダウンロード Apple Developer Program 署名 AWS Amplify : REST API の追加 $ amplify add api ? Please select from one of the below mentioned services: GraphQL ❯ REST

Slide 13

Slide 13 text

electron 主催者 参加者 開発者 イベント作成 Clap! 開発 デプロイ 静的コンテンツ 取得 GitHub Actions で アプリを作成 アプリ ダウンロード Apple Developer Program 署名 AWS Amplify : 静的ホスティングの追加 $ amplify add hosting

Slide 14

Slide 14 text

electron 主催者 参加者 開発者 イベント作成 Clap! 開発 デプロイ 静的コンテンツ 取得 GitHub Actions で アプリを作成 アプリ ダウンロード Apple Developer Program 署名 GitHub Actions でアプリをビルド

Slide 15

Slide 15 text

GitHub Actions でアプリをビルド • .github/workflows ディレクトリに YAMLファイルを置いてpushするだけ! • ${{ secrets.XXXX }}でGitHubの Secretsの値を支えて安全!! ビルドのログにもSecretsの値は出ない name: 'Build and release electron installer' on: push: tags: - 'v*' jobs: release: runs-on: ${{ matrix.os }} strategy: matrix: os: [macos-latest, windows-latest] steps: - name: Check out Git repository uses: actions/checkout@v1 - name: Install Node.js, NPM and Yarn uses: actions/setup-node@v1 with: node-version: 12 - name: Copy aws-exports.js run: echo $AWS_EXPORTS > aws-exports.js env: AWS_EXPORTS: ${{ secrets.AWS_EXPORTS }} - name: Build/release Electron app uses: samuelmeuli/action-electron-builder@v1 with: github_token: ${{ secrets.PERSONAL_ACCESS_TOKEN }} release: ${{ startsWith(github.ref, 'refs/tags/v') }} mac_certs: ${{ secrets.mac_certs }} mac_certs_password: ${{ secrets.mac_certs_password }} env: APPLE_ID: ${{ secrets.APPLE_ID }} APPLE_ID_PASS: ${{ secrets.APPLE_ID_PASS }} ASC_PROVIDER: ${{ secrets.ASC_PROVIDER }} GH_TOKEN: ${{ secrets.PERSONAL_ACCESS_TOKEN }}

Slide 16

Slide 16 text

制作期間 : 1ヶ月 お仕事終わりとお休みにもそもそと作成 Week 1 アプリの主要な部分を作りきる Week 2 Appleのアプリ署名する部分が分からん Apple Developer Programのメンバーシップで ¥12,980 払う Week 3 Appleさん私のアプリを信頼してくれ〜!! 気分転換にUI微修正

Slide 17

Slide 17 text

ツイートしたら助けてもらえた… IUUQTUXJUUFSDPNLJSJSJNPEFTUBUVT

Slide 18

Slide 18 text

制作期間 : 1ヶ月 お仕事終わりとお休みにもそもそと作成 Week 1 アプリの主要な部分を作りきる Week 2 Appleのアプリ署名する部分が分からん Apple Developer Programのメンバーシップで ¥12,980 払う Week 3 Appleさん私のアプリを信頼してくれ〜!! 気分転換にUI微修正 Week 4 アプリ署名できた! 昨日までいろいろ微調整 →アプリの機能は実質 2週間

Slide 19

Slide 19 text

アプリつくってみて • 要件を叶えようとすると色々ハマって色々調べて勉強になる • ブログが書けるコンテンツが溜まる(頭の中には5個は記事がある) • アプリが出来上がってくるとテンション上がる • モチベの維持むずかしいのでイベントの発表など マイルストーン作るのおすすめ • どうしようもない時は助けてもらおう! • なにより楽しい!

Slide 20

Slide 20 text

みんなでオンラインイベント もりあがろう!!

Slide 21

Slide 21 text

Thank you !!