Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Creators MeetUp オンラインLT会 #21 ホワイトボードMiro

kurita
July 09, 2020

Creators MeetUp オンラインLT会 #21 ホワイトボードMiro

Creators MeetUp オンラインLT会 #21

主に交流や情報発信を目的としたWebエンジニアやクリエイターが気軽に集えるLT会です。
https://memberscareer.connpass.com/event/179562/
2020/07/09(木)
19:30 〜 21:30

イベントについて
「Creators MeetUp オンライン」は、数名で10分程度のLTをしつつWebクリエイターやエンジニアが、 オンライン形式で、ご自宅等で気軽にビールやドリンクを飲みながらご参加いただけるイベントです。

今回は、幅広いクリエイターに向けて、デザイナーからエンジニアまで幅広くテーマを絞らない登壇の回になります!
オンライン開催となりますが、乾杯ではじまりLTの合間に登壇者とチャットで質疑応答の時間をもうけて交流いただけます。 ご興味のある方は、開始前にビールなどお好きなドリンクやお摘みをご用意してご参加ください。
これまでのリアルな会場での開催とは違った形で情報収集や情報発信にお楽しみください。

kurita

July 09, 2020
Tweet

More Decks by kurita

Other Decks in Technology

Transcript

  1. View Slide

  2. LT 1 NAME
    19:40
    〜19:50 Google
    マイビジネスで集客するためにやるべきこと
    PROFILE DISLIKE
    PROMOTION LIKE
    参加者からのご質問
    伊藤 亜津佐さん TITLE
    iSchool
    合同会社
    ウェブ集客コン
    サルタント
    Google
    マイビジネス
    って個人店やってる
    知り合いとかでも簡
    単にできるものなの
    ですかね??
    Participant 1
    QR
    コード貼るよ
    りも、一回検索
    させるほうがよ
    いんですかね?
    Participant 1
    日本のローカルSEO (MEO)
    ガイド アウトドアが好きです。キャンプ、
    スノボー、ヨット
    ないです。
    簡単にできます。
    google
    アカウント
    持っていれば簡単に
    できます。
    ハガキが来るのですが
    それに1週間
    かかります。
    DTP
    広告で検索窓
    とQR
    、レイアウト
    上両方入れるの厳
    しい場合どっちを
    優先すべきでしょ
    うか?
    ケースバイケース!
    DTP
    でポスター
    とか販促物には
    必ず検索窓入れ
    るのは有効やっ
    たんですね。
    Google
    マイビジネ
    スって個人店やっ
    てる知り合いとか
    でも簡単にできる
    ものなのですかね?
    ?
    違反通報も
    タスクのひ
    とつなんで
    すね!
    MEO
    うちの
    会社でも
    やってます

    View Slide

  3. LT 2 NAME
    19:40
    〜19:50 Online
    ライトニングトークのススメ
    PROFILE DISLIKE
    PROMOTION LIKE
    参加者からのご質問
    栗田 辰男さん TITLE
    好きな食べ物は?
    Participant 2
    餃子と牛タンです
    (栗田)
    (お子さん)
    かわいい!
    Participant 2
    ありがとうございます
    (栗田)
    Zoom
    以外で無料
    で使えるオンライ
    ンツールでおすす
    めはありますか?
    Participant 2
    ・「Skype
    」「team

    ・「Remo

    ・「クラスター」
    PC
    のパワーも
    増強しなくち
    ゃいけないか
    な?
    Participant 2
    I7 8G
    、30Mbps
    ドアを締め切ると
    3M
    切っていた
    通信速度と
    メモリに注意
    株式会社メンバーズ
    メンバーズキャリアカンパ
    ニー ディレクター
    このイベントの主催
    参加いただいた方ありがとうござい
    ます。登壇者も募集してます!
    栗田のTW
    (@mc_kurita
    )にDM

    ださい
    食べ物:餃子、牛タン
    スポーツ:マラソン 何でも好き!
    このmiro
    もオ
    ンラインイベン
    トで面白いです
    ね!Miro
    は有
    料でしょうか?
    Twitter
    はど
    のくらいの
    ヒントでや
    りますか?
    このプランは
    月15
    ドルの
    コンサルタント
    プランです
    (砂金)
    気が向いたら
    いつでも!
    LT
    元気大事!
    拍手を要求
    良いですね
    コロナおさまっ
    たら会場+
    オン
    ラインもやって
    くれたら嬉しい
    です
    スタジオやん
    www
    モニタ
    大きいならでは
    の悩み
    モニタ
    XD
    使うとき
    便利そう
    すごい成長
    してる...!

    めでとうご
    ざいます〜
    墓・地・地 ボチボチ
    モニタ
    薄っっ!!
    総額やばそう...
    すげーー!
    お、なるほど
    そこの確
    認アナログ
    なんですね〜!
    REMO!
    remo
    これか
    こっちは
    cluster

    View Slide

  4. LT 3 NAME
    20:10
    〜20:20
    フロントエンド出身のデータ分析者が始めたポートフォリオ
    PROFILE
    DISLIKE
    PROMOTION LIKE
    参加者からのご質問
    やっしー さん TITLE
    今アナリティクス
    の測定結果で一番
    気にしている数値
    はありますか?
    Participant 3
    私もつくってみました
    https://myportfolioproj
    ect- 9c386.web.app/
    Participant 3
    Qiita,github:
    YaCpotato
    データアーキテクト
    おぉ!デザイナーな方なんですね!
    こういうのが見たかったです!!!!
    ! やっしー
    https://yasshi- lab.tech/
    ギター、バイク、ゲーム セロリ
    資料リンク:https:
    //gitpitch.com/YaC
    potato/beerbash#/
    また作り直す予定ですが参考までに
    フレームワークはVue
    で作っています

    https://portfolio-
    6d299.firebaseapp.com/
    直帰率!
    まずは記事を読んでいただく!
    やっしー
    CSS
    できるの憧れます!!!
    Good
    ポートフォリオ!!
    やっしー
    みんなの
    ポートフォ
    リオみたい
    Participant 3
    ポプテピ
    Participant 3
    声が聞きづらい
    のでBGM
    のボリ
    ューム下げても
    らえませんか。
    Participant 3
    おー、スタバか
    らLT
    登壇!
    そん
    なこともできる
    んですね~
    Participant 3
    スタバの
    声ちょっと
    気になる。。
    Participant 3

    View Slide

  5. LT 4 NAME
    20:20
    〜20:30 HTML Imports
    〜その可能性を復興するフレームワーク考〜
    PROFILE DISLIKE
    PROMOTION LIKE
    参加者からのご質問
    Stew Eucen
    さん TITLE
    1
    部書いて、
    インクルード
    じゃだめなの
    かな?
    Participant 4
    フロントでのイン
    クルード、サーバ
    サイドのインクル
    ード、速度が気に
    なる!
    Participant 4
    嫁さんが最愛です。
    プログラミング言語では JavaScript
    https://x- ninja.org
    開発環境を作らなくても作業ができるのと、オンライン
    のファイルでも組み込めると云う利点がありまして。
    この利点を活用すると、CMS
    と非常に相性の良い開発ができると考えています。
    Participant 6
    名前: Stew Eucen
    新しい JavaScript
    フロント
    エンド フレームワーク・
    x- ninja
    を開発してます。
    今CDN
    的にx-
    ninja
    使えます
    Jinja
    との連
    携考えてい
    ますか?
    他のフレームワークとは別レイヤに x- ninja
    のアーキテクチャが構成される仕組みになっていまして。React

    Vue
    と共存できるようになってます。
    React
    の JSX
    では x- ninja
    のディレクティブが文法違反になるようでして、現時点では React
    で x- ninja
    の HTML
    を構築することはできないようです。
    将来、JSX
    の拡張で「x- ninja
    のディレクティブでも有効にできる」プラグインができれば、React
    で x- ninja
    の構文が使えるようになると思います。
    Jinja
    を知らなくてすみません。
    検索してみたところ、Python
    のテンプレートエンジンですね。
    HTML
    を吐き出すタイプのサーバサイドフレーム
    ワークであれば、理論上はすべて x- ninja
    と併用できます。
    Nuxt.js
    は Vue
    の文法が前提なので、少し難しいかもしれ
    ません。
    開発モードでは、Web
    だとそのままデプロイしても良さそうな位に速いです。
    HTML Imports
    で読み込むパーツを解決しておくためのコンパイルをす
    ると、ほぼ .html
    ファイルにべた書きしたのと変わらない速度になります

    X-
    ninja
    ってReact
    とかのフレーム
    ワークで使えま
    すか?
    デザイナーさ
    んのレベル感
    と答えがリア
    ルですね
    名前が
    かっこいい!
    フロント側で
    インクルード
    できるのは便
    利だな
    django
    のテ
    ンプレート
    継承よりも
    便利だ
    登壇者さん
    同士の会話
    、おもしろ
    い!
    firebase
    は便利
    すぎ!
    デザイナ
    ーの自分でも簡
    単に使えるから
    好き
    web
    を始めたば
    っかりの頃はデ
    プロイって何?
    ってなりました
    ww
    配信でのト
    ークもいい
    ですね~
    全部コピー
    しましたは
    パワーワード
    ハンバーガー
    とポテトが食
    べたくなって
    きました
    いつもながら
    に軽妙な語り
    口でいい講義
    でした。

    View Slide

  6. LT 5 NAME
    20:50
    〜21:00
    デザインを言葉にしよう。
    〜戦略をカタチにし、結果を出すデザインために〜
    PROFILE DISLIKE
    PROMOTION LIKE
    参加者からのご質問
    杉村 美智子 さん TITLE
    株式会社あつまる
    デザイナー・
    デザインリード
    おじいさまは
    どんな公園を
    作られたんですか?
    Participant 6
    考える時はやはり手書きですよね?
    べんりなツールがあると思いますが、
    最後はやはり人間力ですか?
    Participant 6
    (こちらのボックスにご記入くださ
    い)
    (こちらのボックスにご記入くださ
    い)
    (こちらのボックスにご記入くださ
    い)
    すべりだい
    ブランコ
    シーソー
    がありました
    6
    人の子供が遊ぶ
    デザインが
    しんどいなー
    と思ったとき
    はありますか?
    思考を整理するために、
    全部手書きでやっていた。
    パターンが書きやすい
    位置変えたり、でこれないなって
    今でも紙に。ラフ帳に書いて、
    取っておいて、あとで振り返る。
    めっちゃあります。
    新人のときはデザイン向いてないなと。
    言葉にできなかった「こうするしかなかった」
    思っているけど忘れちゃう
    パターン作ってないから浅い
    言葉にできないし、説明できない
    作りながらメモ
    パーツ分解って製造業に
    通じるものがあり、自分
    は逆にパーツから作り最
    終的に組み上げるように
    していますが、デザイン
    もこの流れになる場合は
    ありますか?
    毎回なぜって
    考えるのですか?
    全体(ゴール)があって
    パーツを作り込んでいく。
    一個にめちゃめちゃこだわっちゃうと
    葉っぱしか見えてなくて、
    全体見たときにアンバランスに。
    (web
    は特に)
    考えちゃいます。
    電車のなかの広告も
    「なんでこの写真?」
    「なんでこの書体?」
    情報分解した後
    に、自分の中に
    落とし込む順番
    とか優先順位は
    ありますか?
    作るものによる?
    女子胸キュン
    系デザイン
    ...! (
    キュン
    祖父が
    公園作って
    くれる?!?
    ドリフみた
    いなやつ
    かわいい!
    即稼げる
    も気になるw
    先人たちが気づ
    いてくれたセオ
    リーに基づくっ
    てのもあるのか
    なー
    木を見て
    森を見ず 5
    段階で考
    えるアレ、
    だいじ
    模写は
    マジで
    重要!!!
    手書きい
    いですよね~

    手書き好き
    手書きじゃな
    いと頭に入ら
    ないことあり
    ますよね〜
    そういう』デザ
    イナーだと助か
    る。受け身のデ
    ザイナーだと大
    変。
    言葉にしてから
    引き出しにしま
    うんですね。す
    ぐにピンタレス
    とにしまってた
    ふわっとした「プ
    レゼン能力」では
    なく「言語化」で
    きる方法が具体的
    で学びが、、パな
    いっす!
    「目的」と「な
    ぜ」「根拠」で
    ラベリングして
    おく_φ(
    ・_

    僕はディレクタ
    ーですが、こう
    いうデザイナー
    さんと仕事した
    いなー
    ピンタレスと
    url
    をもういち
    ど教えてほし
    いです
    可能なら登壇者
    さまのスライド
    共有お願いした
    いです....
    グラフィック
    デザインと言
    葉の関係!
    見つ
    め直します!
    車内広告わたし
    もめちゃくちゃ
    見ます!!
    最近電
    車乗ってないけ
    ど...
    電車広告考える
    の分かりみ。自
    分も気になると
    広告にめっちゃ
    注視してます。
    自分も全体か
    らレイアウト
    して細部を作
    り込みますね

    View Slide

  7. LT 6 NAME
    20:40
    〜20:50
    マンガとコピー[
    第二部]
    PROFILE DISLIKE
    PROMOTION LIKE
    参加者からのご質問
    本田 朋也 さん TITLE
    株式会社あつまる
    デザイナー・
    コピーライター
    1
    分1
    秒、いつでも、
    最近はまり始めてい
    る漫画はありますか?
    Participant 5
    一番好きな
    広告コピーは
    何ですか?
    Participant 5
    (こちらのボックスにご記入くださ
    い)
    (こちらのボックスにご記入くださ
    い)
    (こちらのボックスにご記入くださ
    い)
    極主夫道 尊敬する
    コピーライターは?
    Participant 5
    エンディングまで
    泣くんじゃない
    一倉さん 新しいオ
    フィスに行
    ってみたい!
    Participant 5
    Wantedly To
    p3
    入りはすご
    いですね!
    Participant 5
    わかる!
    名台詞多い
    Participant 5
    個人的にはス
    ラダンのコピ
    ーが心に刺さ

    Participant 5
    バスケが
    したいです
    。。。
    Participant 5
    ぎりぎりを
    生きていますね
    Participant 5
    真似
    したい!
    Participant 5
    刺さるコピーって
    結構平易で、だか
    らこそ難しいなー
    と思います。天才
    になりたい。。。
    Participant 5
    日本語の基
    本だいじ
    ですね
    Participant 5
    韻踏合組合
    とか....

    Participant 5

    View Slide

  8. あなたのスキルは?
    Webデザイナー
    Webディレクター
    Webエンジニア
    フロントエンドエンジニア
    企画、マーケ 個数
    その他
    アプリケーションエンジニア
    アナリスト
    0 5 10 15 20

    View Slide

  9. どこからの参加ですか?
    関東(東京)
    関東(東京)
    関東(東京): 66.2 %
    : 66.2 %
    : 66.2 %
    関東(東京以外)
    関東(東京以外)
    関東(東京以外): 15.4 %
    : 15.4 %
    : 15.4 %
    中部・関西
    中部・関西
    中部・関西: 12.3 %
    : 12.3 %
    : 12.3 %
    四国・中国・九州・沖縄
    四国・中国・九州・沖縄
    四国・中国・九州・沖縄: 4.6 %
    : 4.6 %
    : 4.6 %
    北海道・東北
    北海道・東北
    北海道・東北: 1.5 %
    : 1.5 %
    : 1.5 %
    日本国外
    日本国外
    日本国外: 0.0 %
    : 0.0 %
    : 0.0 %

    View Slide