GajumaleRecruit Site

ニュース

イベントや勉強会の様子をお伝えしています。
ガジュマルの雰囲気を、是非感じてみてください。

勉強会
アウトプット
カンファレンス・情報共有
座談会
サービス開発・運用
自己啓発
制作
API
ツール・アプリ
コミュニケーション
交流会
JavaScript
HTML
CSS
マークアップ
AI
ノウハウ・仕事術
エディタ
リスキリング
キャリアチェンジ
キャリアアップ

API活用の第一歩!News APIで学ぶフロントエンド勉強会を開催しました

2025年06月11日(水曜日)
2025年6月11日(水)、オンラインにて「Cursorで学ぶ!生成AI×API×フロント開発勉強会(第9回)」を開催しました。

今回は、実際にAPIキーを取得し、ニュース情報を取得するWebアプリ開発の導入部分を体験していただきました。簡単なAPI連携のデモを通じて、今後本格的なアプリ開発に向けたステップを確認する機会となりました。

アーカイブ動画・資料は、記事下部のオープンチャットにて公開中です。参加できなかった方も、ぜひチェックしてみてください!

● 学習内容
① 前回のプレイバック&今回の予定
前回は、好きなAPIを使ってアプリを作るというテーマでしたが、APIキー取得のハードルでつまずいた方も多く、今回はそこにフォーカスしました。
「ニュースAPIを使って、まずはAPIの取得・登録の手順を理解する」ことを目標にして進める予定です。

② News APIの取得手順を実演
参加者は講師と一緒に実際にWebサイトにアクセスし、メールアドレス・パスワードの登録を通じてAPIキーを取得。
APIの概要や用途、注意点(例:日本語対応の有無、サーバー経由での利用推奨)についても解説しました。

③ 取得後の展開と課題の共有
本来はこのAPIキーを使ってニュース一覧を表示するアプリを動かす予定でしたが、セキュリティ制約によりフロントエンドのみでは動作せず。次回の課題として取り組むことになりました。

● 今後の勉強会の予定
参加者からの「基本的な部分を抑えたうえで作っていきたい」という声など踏まえて、より実践的に「Vue.jsを使った本格的なアプリ構築」(Vue.jsの環境構築から)を進めていく予定です。

● 参加者の声(一部抜粋)
「APIキー取得の一連の流れや注意ポイントが分かり、勉強になった」
「Vue.jsを使ったアプリ開発の進め方が少し掴めた」
「これをきっかけに本格的なアプリ開発に挑戦してみたい」

次回は「Vue.jsの環境構築(Node.js)」からスタート予定。初参加の方でも理解できるよう、丁寧にサポートしていきます!

次回開催のお知らせや参加方法、アーカイブ動画は、公式オープンチャット「ガジュマル勉強会」でも随時ご案内していますので、ぜひ気軽にご参加ください。
ガジュマル勉強会

● ガジュマルは、エンジニアの“やってみたい”を応援しています
勉強会を通じて、技術の理解だけでなく「アイデアを形にする力」や「共に学ぶ場づくり」を大切にしています。
共感して、一緒に成長できる仲間を募集中です。興味のある方は、ぜひ各SNSよりご連絡ください!

XInstagramFacebookLINEオープンチャット
一覧へ戻る