2020年11月25〜27日の3日間、LINE株式会社が主催するエンジニア向け技術カンファレンス「LINE DEVELOPER DAY 2020」がオンラインで開催されました。そこでLINEのフィナンシャル開発センターFront-endチームのフロントエンドエンジニアである鈴木僚太氏が、「LINE証券フロントエンドにおける型安全性への取り組み」というテーマで、TypeScript＋Reactで安全に開発を続ける方法について共有。前半は「LINE証券」のフロントエンドがどのように作られているかについて紹介しました。 LINE証券フロントエンドにおける型安全性への取り組み 鈴木僚太氏（以下、鈴木）：このセッションでは『LINE証券フロントエンドにおける型安全性への取り組み』についてお話いたします。私はフィナンシャル開発センターの鈴木僚太と申します。よろしくお願いします。 最初少し自己紹介をさせ

Akinori Inoue (LINE Corporation) UIT meetup vol.8 online「We Are TypeScripters!」での発表資料です。 https://uit.connpass.com/event/161964/ https://cluster.mu/e/2623c783-862e-4004-a058-8d1c97b040cc

2020/11/25-27にて開催された LINE DEVELOPER DAY 2020 のフロントエンド情報をまとめています。 まとめられているセッションはすべてアーカイブ視聴が可能となっているため、こたつでゆっくり見てみませんか？

@potato4d が極北の TypeScripter @uhyo_ に、 LINE 証券における TypeScript の実践状況について聞いてみました。 PR TSConf JP に LINE 株式会社は協賛しています。 Show Note ゲスト紹介 @uhyo_ 2019年 新卒 LINE 証券のフロントエンドを担当 安全性の極北から見るTypeScript Speaker Background for LINE financial 基本情報 LINE証券：LINEで株が買える 去年8月にリリースした比較的新しいプロダクト 技術的にはTypeScript+React、いわゆるSPA LINEのSPAの中でも比較的大規模（TS10万行） フロントエンドのメンバー13人（業務委託3人含む） TypeScript初経験 立ち上げ時はTypeScript初経験のメンバーがほとんど（1人経験

こんにちは、中村です。 6月16日より、クラスメソッドの年次技術イベント「Developers.IO 2020 CONNECT」を開催しています。期間は2020年6月16日（火）から7月7日（火）、テーマごとに7日間の日程に分けて開催、セッションはなんと合計100本以上あります。 私は、6月23日（火）のライブセッションの2本目を担当しました。登壇の内容についてはこちらをご覧ください。 登壇動画 ライブセッションだけでなく多数の技術について動画を公開しています。下記のYouTubeチャンネルの登録もお願いします。 Q&A LIFFを使ってみたく、S3 + cloudfrontでの構成を検討中です。初歩的な質問で恐縮ですが、LIFF_IDの値に関して、どこに記述しておりますか？ 通常のアプリケーションの場合はそのまま記載していることが多いです。ReactやVueで環境変数を定義してビルド時に

LINE株式会社 Changhee Kim 2020/6/17 UIT meetup vol.9「The new normal for frontend」での発表資料です。 https://uit.connpass.com/event/172078/

LINEはなぜデザインシステムを取り入れたのか？ フロントエンドにおける価値と定義を解説 デザインシステムにおけるフロントエンド #1/2 2019年11月20、21日の2日間、LINE株式会社が主催するエンジニア向け技術カンファレンス「LINE DEVELOPER DAY 2019」が開催されました。1日目は「Engineering」をテーマに、LINEの技術の深堀りを、2日目は「Production」をテーマに、Web開発技術やUI/UX、プロジェクトマネジメントなど、より実践的な内容についてたくさんのプレゼンテーションが行われました。「デザインシステムにおけるフロントエンド」に登壇したのはLINE Front-end Standardizationチーム Front-end Engineerの岡崎晶彦氏。LINEはなぜデザインシステムを必要としたのか？　どのようにデザインシステ

Jungyoung Lee (Jake) LINE Plus Product Design 5 Lead Product Designer https://linedevday.linecorp.com/jp/2019/sessions/A2-2

今や多くの企業や店舗が利用している『LINE公式アカウント』。売上、ユーザー体験、課題の解消…一体何を優先してプロダクトをマネジメントするか、天秤にかけても答えは無い。ジレンマと向き合う、PMの意思決定についてLINE 二木祥平さんが語ってくれた。 ※2019年11月12日に開催された【Product Manager Conference 2019】よりレポート記事をお届けします。 【プロフィール】二木 祥平　LINE株式会社執行役員。LINE企画センタービジネスプラットフォーム企画室 室長。大学卒業後、株式会社リクルートに入社。プロダクトマネージャーとしてリクナビNEXTや新規事業の立ち上げを経て、2015年LINE株式会社へ入社。2019年に最年少で執行役員に就任。現在はLINE公式アカウントや運用型広告プラットフォームなど、LINEの売上の50%超を担う法人向けプロダクトの責任者。

UIT とは？ UIT は、 LINE のメンバーが中心となって発足した、「User Interface × Technology」を掲げるコミュニティです。 ユーザーの目に見える部分を技術で解決する開発者のための、実践的なコミュニティとして活動。JavaScript だけでなく、また、ユーザーインターフェースだけでもなく、多面的なテーマ設定が特徴となっています。 過去には BFF(Backend for Frontend) のような技術にフォーカスした勉強会や、「わたしたちにとってのVue.js」と題した様々な現場での Vue.js の事例など、トレンドを追いながらも地に足の着いた話が多い点も魅力の一つです。 当日の様子 そんな UIT ですが、今回のテーマは「進化する React.js」。 当日は三人のゲストにそれぞれ React.js をテーマに登壇いただきました。以下、登壇順にご紹

前置き LINE Botに投稿した画像をS3に保存しようと思いぐぐったものの 『lambda 画像 s3』だと死ぬほどサムネとかリサイズとか系のが引っかかる。 ちゃうねん！LINE Botに投稿した画像を本当にそのまま単純にS3に保存したいだけやねん！その後の加工は別処理でしたいねん！ 調べ方が悪いのかなかなかストライクな記事が見つからなかったので、とりあえずいろんな記事のやってる事を継ぎ接ぎした事のまとめ。 Lambdaはnode.js。 流れ ①LINE Botを使えるようにする ②LambdaでMessaging APIから投げられたリクエストを元に画像を取得する ③LambdaからS3へ画像を保存する ①LINE Botを使えるようにする LINE Bot作成まではだいたい下記記事を参考にしてなんとかなったが、若干画面が変わってた。 といっても気合でなんとかなる範囲の変化だったので

「ポイントの二重取り」というキーワードが大好きな人、お集まりください！ これは盲点だったというか、ポイント大好き兄貴から教えて貰うまで気づかなかったのですが、楽天市場、楽天トラベルで買い物・旅の予約をする際に、楽天スーパーポイントとLINEポイントの二重取りが可能なんです。これはヤフーショッピングでの買い物にも適用されます。いずれも購入金額の1%が、LINEポイントに還元されます。 LINEポイントは「LINE Pay」にチャージすることができるので「LINE Payカード」というJCBクレジットカードを通じて、クレジットカードとしての支払いに使用することができます。 年始にLINEのお年玉を受け取りLINEポイントとして貯まった人もいるかと思いますが、あれは「LINE Pay」にチャージすることができるんですよ。LINEポイントのままスタンプの購入などに利用することもできますけど。 と、

少し前にJKのLINEあるある動画が流行りました。私が最初見たときは再生数5000回ぐらいでしたが、今は約78万ぐらいまで伸びてます。 おっさん世代が見ても、共感できる部分があったんじゃないかなと思えるのは、ツールが変わっても、思春期の男女のあるあるの心持ちはそんなに変わらないということなのかなと。

商品を検索する ボットを友だちに追加して、検索したい商品名をメッセージで送ります。 該当した商品を最大5件、横スクロールの一覧を返信します。 バーコードで検索する 手元にあるものと、同じものを購入したい場合、バーコードの写真をとって、ボットに送ります。 メッセージで送ったのと同じく、該当した商品を返信します。 カートに追加する ボットが返信した商品の カートに追加 ボタンをタップすると、やりとりを行なっているチャット内でのみ有効なカートに商品が追加されます。 グループチャットにボットを追加している場合、友人や家族と共通のカートで買い物を行え、レジャーやイベントの準備を一緒に行うことができます。 カートを見る カート追加後に返信する商品下の カートを見る ボタンをタップすると、今までカートに追加した商品が横スクロールで返信します。 カートへは、最大5件、商品を追加することができます。 Ama

今から約2週間前となる9月末に登場したLINE Notify。 今日はそのLINE Notifyをどう利用しているかの話をしてみます。 344 shares 342 users LINE Notifyはソースコード管理のGitHubや、サーバ監視のMackerelとの連携といったエンジニア向けの機能に注目が集まりましたが、やはりLINEといえば一般ユーザの利用がとにかく多い。 うちの妻も例に漏れず、エンジニアが好んで使うSlackやFacebookはほぼ使っておらず、LINEで日々連絡を取っていました。（妻はいわゆる文系の人です） LINE Notifyを使って、当初はGoogle Calendarの予定を通知したり、天気を通知したりなどいくつかの機能を試しましたが、複雑な設定はあまり定着せず…。 結局は手軽な利用に落ち着いてきています。 その手軽な利用というのがDo Buttonを押すと

LINE botの非技術者向け作成手順マニュアル。（ブラウザだけで作ります）※旧バージョンなので今は役に立たない 2016年は急速にbotの時代になる にわかにline botのおかげで盛り上がってきました。個人的にはものすごいことが起こると思っています。botがなんですごいのかわからない人がいます。ひとつの例を出します。 例えば三河屋botがあったとします。 午後の３時くらいに「ちわー、三河屋ですー。」とbotから挨拶されます。たまたま、ビールが切れていたのでチャットで注文します。 「アサヒのスーパードライ、ロング24缶、17時までにもってきて」 とレスをします。 すると、 「アサヒ スーパードライ 500ｍｌ缶×24本、2016年4月9日17時までにお持ちします。よろしければ、はいを返答してください。」 これで、「はい」と返答するだけで、購入できたりします。 今までのECサイトと違いb

今まで「LINEで送る」ボタンというものが提供されていました。 LINEで送るボタンの設置方法 以下のようなボタンがWebページに設置されているのを見たことがある人も多いと思います。 これが最近新しくなってました。昔はLINEアプリがインストールされているスマートフォンのWebブラウザ内でしか機能しませんでした（PCで押してもline.meのWebサイトに飛ばされるだけ）。しかし、新しいボタンはPCでもちゃんと機能する模様です。 え？嘘でしょ、ですって？この記事の上にある「LINEで送る」ボタンを押してみてください。ほら、以下のようなウィンドウが表示されましたよね？ どうやら新しくなってたことがわかっていただけたかと思います。 どう変わったの？ 昔からあるLINEで送るボタンとの機能差は、さほど変わっていません。できることと言えば、以下の2つです。 URLをLINEの友だちにトークメッセー