BEGIN:VCALENDAR VERSION:2.0 PRODID:-//https://techplay.jp//JP CALSCALE:GREGORIAN METHOD:PUBLISH X-WR-CALDESC:ポートフォリオレシピ X-WR-CALNAME:ポートフォリオレシピ X-WR-TIMEZONE:Asia/Tokyo BEGIN:VTIMEZONE TZID:Asia/Tokyo BEGIN:STANDARD DTSTART:19700101T000000 TZOFFSETFROM:+0900 TZOFFSETTO:+0900 TZNAME:JST END:STANDARD END:VTIMEZONE BEGIN:VEVENT UID:689393@techplay.jp SUMMARY:ポートフォリオレシピ DTSTART;TZID=Asia/Tokyo:20180824T190000 DTEND;TZID=Asia/Tokyo:20180824T201500 DTSTAMP:20260411T180340Z CREATED:20180806T130052Z DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/68939 3?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\n\n\nDIYやクッ キングするようにサイトを作ろうポートフォリオレシ ピ（フロントエンド初級編）SPA/Vue.js/API/WordPress\n\n ポ ートフォリオサイトやブログをペラ１サイト(SPA:シン グルページアプリケーション)でブラッシュアップしよ う！\n\n静的ページにjQueryを導入して動くサイトは作っ たものの、もう少しスタイリッシュにアピールできる 技術を増やしたい方、今重宝されているSPA（シングル ページアプリケーション）やフレームワークに触れて 新しい技術の習得に役立てよう！\n\nコピペでサイトを メンテナンスしているディレクター、デザイナー陣も 歓迎のフロントエンド初級編の勉強会です。\n\n講座概 要のポイント\n\n当日は癒し系のほっこり可愛い動物た ちを眺めながら講座を進めていきます。\n\n\n\nサラダ 付きカレーを作る要領で、旬の技術をライブコーディ ングで紹介しますので、慣れない方にも堅苦しくあり ません！\n\nwork 1：API導入\n\n天気やツイッター、イン スタなどのSNS、地図などのデータやサービスをサイト に持ってこれるアレです。大変便利ですよね！\n今回 の講座では天気のAPIを取得して、取得した天気によっ てサイトの背景色やアニメーションを変えていきます 。ポイントアドバイスが盛り込まれていくので効率的 に学べます。\n\nwork 2：Vue.js、SPA\n\njQueryの次に導入し やすいのがVue.js。\n同じようなフレームワークだけど インタラクティブなページや、状態管理がしやすいの でメンテナンスが楽になります。\nVue.jsならではの決 まりがありますが、最近のフレームワークの中でも一 番学習コストが低いのでフレームワークを覚え始める 方にも最適です。\n今回はWordPressにいれたコンテンツ データ（HTMLなど）をVue.jsで表示するのに使っていきま す。\nSPAで作られた構造になってますので、独学で習 得している方も、初学者の方も考え方や決まりを押さ えましょう！\n\n勉強会の内容\n\n\n最先端のWeb技術を使 ったサイト事例や開発フレームワーク、ライブラリの トレンドを紹介\n旬の技術をまるっとライブコーディ ングで進めていきます。お料理になぞらえて楽しく紹 介するので、苦手意識のある方でも楽しく学べます。\ n講義で行ったライブコーディングのサンプルコードと 手順など内容がまとめられた資料を配布しますので、 後からじっくり眺められます。\n先生は経験豊富なフ ロントアンドエンジニアですが、初心者にも寄り添っ て丁寧に説明してくださいます。\nみんなで楽しくも くもく会。LT登壇者も募集します！\n\n\nこんな方にお すすめ\n\n\nHTMLの基礎を学んだ経験がある方から参加可 能です。興味があればOK!\n旬のWebポートフォリオをお 手軽に作りたい。でもWebコーディングには自信がない 。\n新しい技術が好きな初学者。男女、年齢関係なく どなたでも歓迎です。\nPCスクールや職業訓練校に通っ ていて、就職に有利な作品集をまとめたい。\nWeb、ア プリ業界への就職・転職に関心がある、業界未経験者( アプリ開発未経験の方も歓迎）\n\n\n登壇者\n\n\n\n波多 野有希\nUXデザイナー/開発ディレクター\n映像作りに興 味を持ったことをきっかけに、デジタル上で表現する 技術を拡張。スマートフォンの利用率が急激に上がり 始めた2010年ごろよりスマートフォンサイト制作に携わ り、サービスサイト、インターネット広告、ASPの制作 に取り組む。\n\nタイムスケジュール\n\n\n　　\n\n\n 勉強会\n \n19:00～20:15（18:45開場）\n参加費 3\,000円\n\n・ 最先端のWebを使ったサイトを紹介\n\n・ライブコーディ ング実演 \n\n・サンプル教材のご紹介\n\n・小規模勉強 会\n・参加者からの質問にどんどんお答えします。\n・ PCは必須ではありません。お持ちになる方は個人の無 線環境をご用意されることをオススメします。\n\n\n\n\n \n\nもくもく会・交流会\n　　　\n20:20～21:00参加費 無料 　参加自由\n \n・楽しく、みんなで開発しましょう 。ポートフォリオ開発に関して講師がアドバイスをし ます。\n\n\n\n\n\n 会場\n\n株式会社クリーク･アンド ･リバー社　麹町制作ルーム\n〒102-0082\n東京都千代田 区一番町8番地　住友不動産一番町ビル５F\n\n\n 持ち 物\n\nもくもく会に参加される方は一緒に開発ができれ ばと思いますので、ノートPCをお持ちください。\n\n\n\n お問い合わせ\n\n株式会社クリーク･アンド･リバー 社\nデジタル･コミュニケーション･グループ\nリクル ーティング・セクション　担当村上\nEmail：cr_training@hq. cri.co.jp\n\n\n\n\n\n\n\n\n\nフロントエンド初級講座　体験 レポート\n\nこんにちは！\n波多野先生の初級フロント エンド講座を受けさせて頂いた初学者tanabeが、今回の 講座をレポートいたします。\n\n波多野先生は、音楽系 のweb会社で映像制作やサイト更新をはじめ、webサイト の開発、サービスのディレクションなど、現在も様々 なITサービスのクリエイションをされている、熱く面 白いIT女子です。\n\ntanabeはかなり初心者なのですが、 少人数制の波多野先生の講座を受けた折、初心者にも 丁寧に寄り添って熱い講義をしていただき、とても為 になりました。\n「それではターメリックライスを作 ります」など、サイト制作を料理に見立て、あまり肩 肘貼らなくてもいいようなユニークな進め方で、楽し く講座が進むことが初心者tanabeのお気に入りのポイン トでした。\n\n学校出たての方にも、自分で勉強してる けど効率的に学びたい方にも簡単すぎず、難しすぎず 丁度良いレベルの、おすすめのフロントエンド講座で す。\nそして女性の方も気後れすることなく気軽にご 参加いただける回です。\n\nそれでは、講座のポイント まとめです。\n\npoint 1:API\n\n難しそうな想像をしていま したが、比較的簡単な２点のAPIをサクッと取得。\nGoogl e Fontsや現在のお天気。Google FontsってそういえばAPIだっ たんだ！と思いました。\n天気のAPIを取得しますが、 天気ごとに変わるアニメーションのjsをいじるのでJavaS criptの１ポイントレッスン的な要素もあります。\n考え 方やもう少しレベルの高いAPIの説明もありますが、一 連の流れを通してAPI取得に慣れていきます。\n\n\npoint 2 :Vue.js、SPA\n\nWordPressでvue.jsやSPAの考え方、ポイントを 学んでいきます。\nVue.jsならではの記述の決まりやSPA のためのコードの書き方が学べます。そしてWordPressで 進めていきますので、WordPressでのSPA、vue.jsのカスタマ イズが実務で求められた際の良い経験となるでしょう ！\nなんの為にこのコードを、そしてこの順番で行う か解説しながら進めてくれるので効率的に基本を押さ えておきたい方、詳しくなくてもどんなものか一度通 して確認したい方にもおすすめです。\n講座でさらっ と流す部分はフォローアップの資料がつくので、復習 の時にラクです。\n\n\n\n以上が簡単ではありますが、 前回のレポートでした！\nぜひ各々の技術補填に役立 ててください。\n\n\n LOCATION:株式会社クリーク･アンド･リバー社　麹町制作 ルーム 〒102-0082 東京都千代田区一番町8番地　住友不 動産一番町ビル５F URL:https://techplay.jp/event/689393?utm_medium=referral&utm_source=ics&utm _campaign=ics END:VEVENT END:VCALENDAR