LINE Front-End Frameworkを利用してToDoアプリを開発しよう

LINEヤフー株式会社

推奨スキル

JavaScript

React.js

Vue.js

TypeScript

Node.js

MISSIONについて

要件定義

2019年のLINEの夏季インターンシップで実際に出題された課題にチャレンジしよう。

※本MISSIONはこちらを使用して開発してください。
https://github.com/line/recruiting-resources-jp/tree/main/techtrain/2nd-mission
ワイヤーフレームやフレームワークについてはこちらから確認いただけます。

学べること

Webアプリケーションの基礎をフロントエンドからバックエンドまで学べる。

データベースのCRUDを学べる。

OAuth2とOpenID®︎Connect ベースの認証認可プロセスを体験できる。

MISSIONを進める上でのヒント

▼LIFF について

LINE Frontend Frameworkは通称LIFFと呼ばれており、LINE上で動作するweb applicationを開発するためのプラットフォームです。Web applicationなので、当然ながらHTML, CSS, JavaScriptなどWebのスタンダードの技術で開発することが可能です、さらにLINE Platform上の情報やLINEアプリと連携した機能をJS SDKを通じて扱うことができます。

ドキュメント:https://developers.line.biz/ja/docs/liff/overview/#development-guidelines

LIFFはLINE WEB LOGINを利用して、外部ブラウザ(Chrome, Safari等)でLINEアカウントを用いたログインを実現しています。

▼LINE WEB LOGINについて

LINEが提供するSocial Loginサービスであり、認証と認可のプロセスはOAuth2.0とOpenID®Connectプロトコルに準拠しています。

本来、LINE WEB LOGINをサービスに組み込む場合は、OAuth2.0とOpenIDConnectの方式を学ばなくてはなりませんが、LIFFはそれら実装を内部で隠蔽化しており、ログイン時にデベロッパーは意識する必要はありません。

ただし、LIFFから取得した情報をサーバサイドで扱う場合はこの限りではありません。

詳細はhttps://developers.line.biz/ja/docs/liff/using-user-profile/を御覧ください。

その他情報

▼2022LINE新卒採用サイト

https://linecorp.com/ja/career/newgrads/

▼LINE新卒採用の公式twitterアカウント

https://twitter.com/LINEJP_newgrads?s=20

▼LINEエンジニアブログ

https://engineering.linecorp.com/ja/

▼LINEの技術関連情報を発信する公式twitterアカウント

https://twitter.com/LINE_DEV

MISSIONコンプリートまでのステップ

企業情報

Message

LINEのミッションに興味をお持ちいただき、ありがとうございます。本ミッションではLINEがこれまでに実際に使用したテストや研修課題を元により多くの学生の方にLINEのエンジニアリングを体験して欲しいという想いから始まりました。ミッションを通じて得られる学びや経験は今後の長いエンジニアキャリアを考える中で必ずプラスになると思いますので、LINEへの就職を考えている方だけでなく、プログラミングに自信のある方や進路を明確に決めていない方にもチャレンジしてほしいと思います。

LINEヤフー株式会社

# モバイルメッセージングサービス「LINE」 LINEは、世界中で多くのユーザーに利用されているメッセージングアプリで、テキストメッセージ、音声通話、ビデオ通話、グループチャット、スタンプ、ゲーム、ニュース配信など、多様な機能を提供しています。 https://line.me/ # 広告事業 LINEを通じたターゲティング広告や、Yahoo! JAPANを利用したディスプレイ広告、検索広告など、豊富な広告メニューで効果的なプロモーションを実現します。 https://ad.line.me/ # Eコマース（オンラインショッピング） LINEヤフーは、ユーザーにシームレスなショッピング体験を提供しています。Yahoo!ショッピングは、日本国内でも非常に多くの利用者を誇り、LINEとの連携を強化することで、よりパーソナライズされたショッピング体験を提供しています。 https://shopping.yahoo.co.jp/ # 金融サービス Yahoo!ファイナンスをはじめ、投資信託や保険など、ユーザーのライフスタイルに合わせた多彩な金融サービスを提供しています。 https://finance.yahoo.co.jp/ # AI・ビッグデータ AIとビッグデータ解析を活用し、ユーザーによりパーソナライズされたサービスを提供しています。AIによるレコメンデーション機能やカスタマーサポートチャットボット、データ解析を通じたマーケティング支援などが含まれます。 AI技術紹介ページ: https://linecorp.com/ja/technology # モバイルゲーム「LINE POP」「LINE バブル」など、多くのモバイルゲームを提供しており、ゲーム内課金や広告収入などを通じて収益化を図っています。人気ゲームが多数展開されています。 https://game.line.me/ # その他た、LINE LIVEやLINE MUSICなど、エンターテインメントに関連するサービスも提供しており、幅広いユーザー層に対応しています。 LINE LIVE: https://live.line.me/ LINE MUSIC: https://music.line.me/