Blog - LINE ENGINEERING

TAG ARCHIVES: UIT

フロントエンドイベント「UIT #6 進化する React.js」を開催しました
Takuma HANATANI2019-04-18
Engineering Manager at LINE Corp. @potato4d
UIT とは？ UIT は、 LINE のメンバーが中心となって発足した、「User Interface × Technology」を掲げるコミュニティです。ユーザーの目に見える部分を技術で解決する開発者のための、実践的なコミュニティとして活動。JavaScript だけでなく、また、ユーザーインターフェースだけでもなく、多面的なテーマ設定が特徴となっています。過去には BFF(Backend for Frontend) のような技術にフォーカスした勉強会や、「わたしたちにとってのVue.js」と題した様々な現場での Vue.js の事例など、トレンドを追いながらも地に足の着いた話が多い点も魅力の一つです。 https://uit.connpass.com/ 当日の様子そんな UIT ですが、今回のテーマは「進化する React.js」。当日は三人のゲストにそれぞれ React.js をテーマに登壇いただきました。以下、登壇順にご紹介します。 Takepepe さん「Hooks で作る React.FC<Animation>」トップバッターは株式会社
- frontend
- UIT
TensorFlow.jsの話
Jun2018-12-16
LINEでフロントエンド開発を担当しています。プログラミング言語に興味を持っています。
この記事はLINE Advent Calendar2018の16日目の記事です。こんにちは！LINEでフロントエンド開発を担当しているJunと申します。最近のフロントエンド世界は面白いことがいっぱいで全部把握できないくらいですが、個人的に一番興味があるのは機械学習です。今日はWEBフロントエンドでの機械学習というテーマで、TensorFlow.jsを使って簡単な機械学習を実装してみた経験について書きます。 TensorFlow TensorFlowはオープンソース機械学習フレームワークです。機械学習でよく使われるモデルや関数などを抽象化しているので、アプリケーションプログラマでも簡単に機械学習を実装することができます。そして今年の中旬頃、TensorFlowのJavaScript portのTensorFlow.jsが公開されました。最近AppleのCore MLやGoogleのML Kitなど、クライアントで機械学習モデルを動かすことが一般的になってきていると思いますが、TensorFlow.jsはブラウザ上で機械学習モデルを動かすものとなっています。WEB環境で直接機械学習を動
- frontend
- UIT
- TensorFlow
HTML5 Conference 2018 協賛・登壇レポート
Teppei Miki2018-12-11
Developer Relations Team, LINE Corporation.
Developer Relationsチームの三木です。 11月25日（日）東京電機大学にて開催された、国内最大のフロントエンド系カンファレンスの一つである「HTML5 Conference 2018」にて、LINEはゴールド＆ランチスポンサーを務めさせていただきました。また当日はLINEのエンジニアが登壇した他、参加者の方に楽しんで頂くためにLINEのスポンサーブースでお楽しみ企画「UIT HTML5 Quiz」を提供しました。その模様をレポートいたします。セッション「コンパイルターゲット言語としてのWebAssembly、そしてLINEでの実践」今回、LINEのフロントエンドエンジニアであるJunとKawasakoが、「コンパイルターゲット言語としてのWebAssembly、そしてLINEでの実践」と題してセッションを行いました。HTML5のイベントで触れられることは珍しい、ターゲット言語というトピックのセッションではありましたが、聴衆の方にはLINEのフロントエンド組織の多様な取り組みが伝わったのではないでしょうか。詳細は資料をご覧ください。コンパイル
BFFに取り組む開発者たちが語る「UIT#3 The “Backends for Frontends” sharing」
Shoyo Kyo2018-06-26
Front-end Engineer
こんにちは！ UIT室フロントエンド開発1チームの姜勝陽（kyo shoyo）です。 2018年6月7日にLINE株式会社で開催されたフロントエンドエンジニアのイベント「UIT#3 The “Backends for Frontends” sharing」にスタッフとして参加してきました。今回は、UITのMeetupイベントの紹介と参加レポートを皆様にお届けします。 UITとは？ User Interface + Technology の頭文字を取って私たちはいわゆるフロントエンド開発のことをUITと呼んでいます。私たちにとって重要なことは、エンジニアとして探究心をもって技術に取り組み、その知見をより良いUIをユーザーに提供する為に活かすことです。このコミュニティはLINE株式会社でフロントエンド開発に携わるチームの有志によって運営されています。引用: connpass UITグループ UITはフロントエンド開発を軸に様々な技術領域について情報交換をおこなう開発者コミュニティです。"フロントエンドエンジニアが気楽に集まり交流できる場を提供すること"
- frontend
- UIT
コード分割（Code Splitting）を簡単に実装できるgrow-loaderを作った話
sunderls2017-12-21
sunderls is a front-end engineer
はじめにこんにちは、LINEマンガJavaScript担当の@sunderlsです。これはLINE Advent Calendar 2017の22日目の記事です。今日は、webpackローダーのgrow-loaderを紹介します。 LINE Engineering Blogの記事「LINEマンガ：Page Stackを使ってサクサクなページ遷移を実現できました」でご紹介しましたが、LINEマンガはWeb技術で実装されています。 Webでネイティブアプリに近いユーザー体験を提供するため、いろいろ工夫しています。今回は、数ある工夫の中からコード分割の実装を紹介したいと思います。なぜコードを分割するのか LINEマンガでは、JavaScriptのソースコードをもともと1つのファイルにバンドルしていました。しかしサービスが成長するにつれて、ページ数が増え仕様も複雑になり、バンドル後のファイルサイズがどんどん大きくなってきました。将来を考えると1つにバンドルするのはやはり望ましくないと考え、コード分割の実装を始めました。一般的な実装最初はreact-loadableのようなHOC（Hi
今更話す、Messaging APIのNode.js版SDK開発
Jun2017-12-03
LINEでフロントエンド開発を担当しています。プログラミング言語に興味を持っています。
こんにちは！LINEでフロントエンド開発を担当しているJunと申します。この記事はLINE Advent Calendar 2017の4日目の記事です。今日はMessaging APIのNode.js版SDKの開発について書きたいと思います。Node.js版SDKのv1.0がリリースされてもう半年以上、今更感がすごくありますが、開発前から今にかけて面白かったことや工夫したことをいろいろ紹介します。開発のはじまり Node.js版の開発が始まろうとしていた当時、Messaging API SDKが対応している言語プラットフォームは以下の6つでした。 Java Perl Ruby Go PHP Python 各SDKの開発は担当のチームがあるわけではなく、その言語に興味を持っている社内の人がボランティアで開発していました。そしてNode.jsはどんな感じだったのかというと… （社内WikiのMessaging API FAQから） …という感じでしたね。SDK開発自体はもちろん誰でも参加できる雰囲気ですが、そのプラットフォームの経験があまりないと後のメ
- frontend
- UIT
Front-end Developer’s Workshop を開催しました
Otsuki Tomoaki2017-04-20
Front-end Engineer
こんにちは！　UIT(User Interface Technology)エンジニアのTomoakiです。 UITはLINEの様々なプロダクトで利用されるWebフロントエンドの技術を支えるチームです。昨今フロントエンドに求められることやできることはどんどん増えており、UITでも日々様々なブレイクスルーがなされています。そこで、各プロダクト・各エンジニアによって培われた技術や知見を改めて共有しよう！　ということで、東京・福岡・韓国・台湾のUITメンバーが一堂に会し、2日間にわたるWorkshop(Technical Conference)を開催しました。今回はその様子をご紹介します！新しい新宿オフィスで開幕 UIT室長の福島さんのオープニングトーク。和やかな雰囲気で幕開けです。「これほど大きな規模でWorkshopを開催できる機会は初めて」とのことで、進行役のHyunjeさんの表情からも緊張とワクワクが伝わってきます。会場は最近移転したばかりの新宿オフィス内にあるオーディトリアム。UIT総勢45人が揃う光景はなかなか見られないので圧巻です…！ HTML/CSS/
- frontend
- UIT
- workshop
LINE Engineer Insights vol.3「UITエンジニアに聞く、最新のフロントエンド開発の裏側やアプローチ手法」
LINE Engineering2017-04-12
LINE Engineering Blog official account
LINEで働くエンジニアに色々と話を聞いていく「LINE Engineer Insights」の第3弾です。当コーナーはインタビュアーにLINEで働くエンジニア @tokuhirom を迎え、エンジニア同士でざっくばらんにお話を伺っていくというものです。今回も、LINEのエンジニアは一体どんな人達なのか、その内面に迫っていきたいと思います。第3弾は、開発1センター UIT室所属の喜多に、最新のフロントエンド開発の裏側やアプローチ手法などについて聞いてきました。あらかじめ説明しておきますと、UIT は User Interface Technology の略で、HTML/CSS/JavaScriptによる LINE のウェブフロントエンド全般の実装を担当する部署です。 LINE は思っていた通りフロントエンドの仕事が沢山あった ―― tokuhirom今日は宜しくお願いします。最初に「UIT室って何やってるところかわからん」てのがあると思ってまして。LINE はネイティブアプリの会社だと思われることが多くて、でも実際にはWEBアプリ多いじゃないですか。UITっていつも「人が足りない！
- LINE Engineer Insights
- UIT

6 7