kfug / frontconf2018

関西フロントエンドUG

html や CSS javascript と言ったWebフロント制作界隈のテーマを中心に、 毎月勉強会やもくもく会などを開催し、技術者同士の情報共有を図っています。

エンジニア/デザイナといった職種の違いや、経験の多い少ないを問わず、 Webで生きる全ての人のためのコミュニティとして、幅広い層からの参加でコミュニティ運営を進めています。

イベント概要

過去のイベント情報などは、Connpassページよりご確認ください。

セッション、セミナー勉強会

毎月特定のテーマを決め、各種会場をお借りして、勉強会を進めています。

通例、月の後半の土曜日の午後過ぎより大阪市内等で会場をお借りして開催しています。

過去のテーマとしては、

• Javascript フレームワークについて考える
• 最近の alt js について考える
• UI・UXについて考える

などのテーマがあり、毎回多数の参加者の方にご来場頂いています。

企画の相談、会場提供の相談などは随時募集しておりますので、 お気軽にFacebookページ等よりお問い合わせください。

各回、登壇者調整に時間がかかりがちですので、 10分などの短い時間でも、是非何かしら登壇いただければ運営としては非常に助かります。 参加枠は比較的埋まりがちですので、是非登壇枠でのご参加、ご検討ください!!

もくもく会

もくもく会は、各自課題を持ち寄ってもくもく作業するスタイルの勉強会です。

日頃なかなか時間が取れない「新しいことへの挑戦」など、特別な作業をみんなで机を向かい合わせてチャレンジしてみませんか？

通例、第一月曜日に、大阪市内の会場で開催しています。

もしゃもしゃ会

もしゃもしゃ会は、デザイナ、コーダ向けのもくもく会です。

気になるサイト、お気に入りのサイトを模写することで新しい気付きがあるかも!?

PS/AIなど画像編集ソフトを使ったカンプの模写や、HTML/CSSを用いたコードでの模写などスタイルは自由!!

デザインスキルUPのための時間づくりに、是非ご参加ください!!

通例、第一月曜日、19:30から大阪市内の会場で開催しています。

Contact

• Connpass: http://kfug.connpass.com/

• Facebook: https://www.facebook.com/groups/602554363223656/

• Twitter: https://twitter.com/frontkansai

frontconf2018's Issues

登壇者 Yaml ファイルに 登壇資料の URL を追加

#frontkansai ハッシュタグより追ってください。
Issue 概要部分に一覧掲載し、誰のが集まってるか Issue で分かるように整えてください。

Call For Paper - 登壇募集

フロントエンドカンファレンス 2018 では Web制作にまつわる様々な 登壇を募集しています。

OGP 画像の作成

• OGP の差し替え
• Facebook Page の修正
• Twitter top の修正

スタッフ一覧の Yaml 化

issue25 のブランチ上で作業してください。

components/top/Staff.vue

の data に入っている内容を Yaml から読んでこれるようにする

卵画像を作る

• サイズ、512pxで作成
• staticフォルダに卵アイコン.png作成

スポンサー一覧 作る

プラチナ、ゴールド等の文言を入れない

ボタン、全体的に汚いのでボーダーをつける

下の share のボタンはきれい

アニメイション時の際がギザギザしている印象

事務所、受け取り荷物の整理

開梱して、ものを整理して分類してください。
ダンボーのケースは空の状態が好ましいです。

ダンボールは畳んで紐で縛って1Fへ

「アクセス」「スタッフ」セクション作成

https://2018.kfug.jp/
TOPページに「アクセス」「スタッフ」のセクション作ってください。

▼カンプ
https://xd.adobe.com/spec/90da1726-8dd3-4bf0-5e1b-b62f8c32c125-e6eb/screen/fcd4aab9-448d-4c68-a1c7-35137caaeffa/-1/

【1】アクセス セクションの追加

SESSIONSのセクションを参考にマークアップしてください。

▼マークアップするファイル
components/top/Access.vue

▼アイコン
https://material.io/tools/icons/?style=baseline

<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet">

<i class="material-icons">
warning
</i>

【2】スタッフ セクションの追加

カンプでは再現できてませんが、スポンサー一覧の下のエリアになります。

▼マークアップするファイル
components/top/Staff.vue

404 ページの作成

aタグでリンク作成

headの整備

vue-scrollto の設定お

pwa 対応をいれる

touch icon の作成

• 512pxで作成する
• staticフォルダにタッチアイコン.pngの追加

参加者ブログ一覧の Yaml 作成

イベント写真の整理

ピックアップして Facebook ページにUPするので以下の形式で写真を Pickup して Slack で リスト項目ごとに zip でまとめて ワタシてください。

• 会場写真 30 枚程度
• 登壇者写真 3枚 / 人 程度
• 懇親会写真