Blog - LINE ENGINEERING

LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog

イメージマップメッセージを使って終電に乗り遅れないボットを作りました
Sho Tachibana2017-12-11
テクニカルエバンジェリストとしてMessaging API、Clova Extensions Kit(CEK)等のプラットフォーム全般の啓蒙活動を担当しています。
こんにちは。LINEでLINE Messaging APIやLINEログイン等のプラットフォームの啓蒙活動を担当している立花です。この記事はLINE Advent Calendar 2017の12日目の記事です。本記事では、LINE Messaging APIに実装されているイメージマップメッセージ（Imagemap message）の概要と、日頃ハッカソンで最も多くご要望をいただく、タップして詳細を表示できる、ピンがたくさん刺さったマップの表示方法について解説します。 LINE Messaging APIとは Messaging APIは、ボットを作るためのAPIです。ボットというと、テキストでしかやり取りしかできず不便という印象をお持ちの方もいらっしゃるかもしれません。しかし、Messaging APIを使うと、画像やファイル、さらにはHTMLアプリやネイティブアプリでいうところのAlertViewのようなものも手軽に実装でき、ユーザーにストレスなく使ってもらえるボットを簡単に作ることができます。イメージマップメッセージとは今回紹介するイメージマップメッセージもMess
- Bot
- Messaging API
詰将棋LINE Botを作りました
sugyan2017-12-10
LINE Engineer
DataLabs所属の@sugyanです。この記事はLINE Advent Calendar 2017の11日目の記事です。個人的な話ですが、この秋から新たな趣味として将棋を始めました。この趣味に自分の技能を活かして何かしてみたいと思い「詰将棋の問題を自動生成して出題してくれるLINE Bot」を作りましたので、紹介します。詰将棋とは簡単に紹介しますと、詰将棋とは将棋のルールを用いた一種のパズルで、以下のようなルールになっています。攻め方（先手）が玉方（後手）の玉を詰ますのが目的。攻め方は必ず王手をかける（玉方は必ず王手をはずす）。玉方は盤上と攻め方の持駒以外すべての駒（ただし玉は除く）を合駒として使用できる。玉方は最善を尽くし、最も長く手数がかかるように逃げる。玉方は無駄な合駒をしない。その他は指し将棋のルール通り。二歩、打ち歩詰め、行き所のない駒、連続王手の千日手はいけない。（日本将棋連盟詰将棋ページより）例えば、以下のような形で出題されます。この問題の正解は▲2二歩成 △1三玉 ▲2三飛までの3手詰めとなっていて（「▲」が攻め方の動きを、「△」
React Starter KitにみるWebフロントエンドに求められる機能と実装
Soichi Takamura2017-12-09
LINE Engineer
初めまして、IT戦略3チームでUIUXデザインと社内プロジェクトのTech Leadを担当している高村といいます。この記事では、React Starter Kitという汎用的なWebプロジェクトテンプレートの実装を参考にしながら、改めて、なぜWebフロントエンドは複雑なのか、その解決方法は何かを振り返ってみたいと思います。この記事をきっかけとして、実際に現場でツール選定を行うフロントエンド開発者の方だけでなく、普段「フロントエンドには時間をかけたくない」と思っているサーバサイド開発者やWebディレクターの方たちに、「だからフロントエンドの課題は収束しにくいんだな」「フロントエンドといっても範囲は広いから、目的やユースケースを絞ってツールを選定しよう」と感じていただければ幸いです。この記事はLINE Advent Calendar 2017の10日目の記事です。 Webフロントエンドの複雑さの背景「最近のWebフロントエンドは流れが早過ぎて追いつけない」「学習コストを割いても無駄にならないか心配」「未成熟なライブラリばかりで手をつける気になれない」という声を聞いて久しいです。思えばj
- frontend
UIにMetalが使えないかいろいろ試してみた話
Masaki Haga2017-12-08
LINE Engineer
こんにちは、LINEマンガiOSクライアント担当のMasaki Haga(@hagmas)と申します。この記事はLINE Advent Calendar 2017の9日目の記事です。 2014年になって初めて発表されたMetalですが、2017年になってさらに効率化、洗練され、VRのサポートも組み込まれたMetal2が発表されたり、Appleのさまざまなフレームワークの基幹部分にMetalが導入されていたりと、Metalへの注目がさらに高まりつつあります。そんなMetalに、みなさんは「Metalを触ってみたいけど、どこから、何から始めたらいいのかわからない」または「Metalに興味はあるんだけど、自分のアプリケーションにはいまいち関係なさそうだ」などと感じたことはないでしょうか。私が担当しているLINEマンガのようなWebアプリケーションのiOSクライアントでは、ほとんどの場合、ゲームのような複雑な3D描写も大きなデータを並列計算で処理していくような場面もないかと思われます。しかし、「ユーザーにWOWと言わせるようなアプリ体験ってなんだろう」と考えている時、Metalのパワフルな並
- frontend
- iOS
- GPGPU
- Metal
- tvOS
ブラウザでアニメーションスタンプ画像を深く読み込む
ha1f2017-12-07
LINE Fukuokaで、普段はiOSアプリを開発しています。
こんにちは、LINE Fukuokaのha1fです。この記事はLINE Advent Calendar 2017の8日目の記事です。現在はiOSアプリの開発を担当していますが、入社前に内定者アルバイトとして社内ツールの作成を担当していました。その時の業務の1つ、アニメーションスタンプチェッカーの作成について書きます。 APNGとは APNG（Animated Portable Network Graphics）はアニメーション用の連番画像の形式で、LINEのアニメーションスタンプでも利用しています。 GIFと比べると、フルカラーを使えたり、アルファチャンネルを持てたり、圧縮率が高かったりという利点があります。 APNGはPNGと互換性があり、APNG非対応の環境でも、通常の静止画として表示されます。ツールを使って、連番のPNG画像などから作成できます。アニメーションスタンプチェッカー LINEのアニメーションスタンプには、いくつかの制約があります。例えば、以下のような制約があります。幅320px×高さ270px以内幅か高さのどちらかが必ず270px以上再生時
- Web Development
LINE STOREにおけるテスト自動化の取り組み
Kazushi Hirai2017-12-06
LINE Fukuoka所属。LINE STOREのサーバーサイド開発をしています。
この記事はLINE Advent Calendar 2017の7日目の記事です。こんにちは、LINE FukuokaでLINE STOREのサーバーサイド開発をしているHiraiです。本日は、LINE STOREにおけるテスト自動化の取り組みを紹介したいと思います。 LINE STOREとは LINE STOREというサービスをまだご存じでない方もいらっしゃると思いますので、まずはその紹介から。 LINE STOREは、LINEのスタンプや着せかえ、ゲームやファミリーサービス（LINEプレイ、LINEマンガ、LINE占い、LINE LIVEなど）の通貨を購入できるウェブのサービスです。購入したスタンプや着せかえをLINEの友だちにプレゼントできたり、クレジットカード以外（キャリア決済、LINEプリペイドカードなど）の決済手段を使用できたりなど、LINE STORE独自の機能もあります。今年になって、公式アカウントを友だち追加したり無料スタンプが取得したりできる機能も追加されました。日々コンテンツが充実してきていますので、ぜひ一度アクセスしてみてください。テスト自動化に取り組む理
Excel管理の座席表をLeafletでWeb化した話
Yasunori Iwatsuki2017-12-05
LINE IT支援室で社内システムの開発と運用を担当しています。
こんにちは、LINEのIT支援室で社内システムの開発と運用をしている岩月です。この記事はLINE Advent Calendar 2017の6日目の記事です。人員の増加に対応するために、今年の4月、LINEはJR新宿ミライナタワーに移転しました。移転に伴い、IT支援室ではいくつかの新しい社内システムを導入しましたが、今日はその1つである「座席表」についてお話させていただきます。開発のきっかけ移転前、座席の管理は以下のようにExcelで行われていました（名前は消しています）。 ◯◯さんの座席を調べたいと思ったら、Excelもしくは変換されたPDFをダウンロードして、ビューアーの検索機能で名前を調べる必要がありました。恐らくよくある運用ということもあり、利用者から多少の不満の声はあるものの、使えている状態でした。しかしながら、座席表を管理している総務担当者の負荷は、人員の増加に伴う管理コストの増加で限界に来ていました。管理の中で特に問題だったのは「各々が変更したExcelをマージするのが面倒」「そもそも席替えの連絡が総務担当者まで伝わらず、座席情報の信頼性が低い」という点でした。
- Floor map
- Map
Product Manager Conference 2017 協賛・登壇レポート
Teppei Miki2017-12-05
Developer Relations Team, LINE Corporation.
Tech PRの三木です。プロダクトマネジメントをテーマにした国内唯一のカンファレンス「Product Manager Conference 2017」（11/14-15、ヒューリック浅草橋 2階ヒューリックホール）にて、LINEがプラチナスポンサーを務めさせて頂きました。また、プロダクトマネージャーの御代田亮平が、セッションならびにパネルディスカッションにて登壇しました。本記事ではその模様をレポートいたします。「Product Manager Conference」は、プロダクトマネジメントに関わる人や目指す人が集う機会として、プロダクトマネジメントの様々な側面をテーマに、それぞれの領域のプロが登壇するイベントです。２回目となる今年は、オーディエンス数・トークセッション数ともに昨年を上回る規模で開催されました。 LINEからは、LINEログインやSDKなど開発者向けプロダクトのプロダクトマネージャーを担当する御代田亮平が初日の14日に登壇し、「開発チームが安定したプロダクトマネジメントを実現するための７つのルール」と題してお話させて頂きました。LINEのプラットフォーム開
Jenkinsに代わるGo製OSS CIツールDrone
Suzuki Shunsuke2017-12-04
LINE Engineer
この記事はLINE Advent Calendar 2017の5日目の記事です。はじめまして。LINEのIT支援室という部署で社内システムの開発・運用を担当しております、suzuki-shunsukeです。 DroneというCIツールについて書きたいと思います。初心者向けに公式ドキュメントの「Installation」と「Usage」をベースに自身の経験や考えを肉付けして、Droneとは何か？、Droneの構築方法、.drone.ymlの書き方について説明します。Droneの日本語情報はまだまだ少ないので参考になればと思います。 JenkinsよりもDroneを贔屓した部分が見られますが、あらかじめご了承ください。 Droneとは空飛ぶドローンではありません。GitリポジトリのイベントをフックしDockerコンテナ内でジョブを実行することに特化したCIツールです。競合としてJenkinsやCircle CIなどがあります。 Enterprise版もありますが、今回はOSS版を前提に説明します。Go製でGitHubで公開されており、2017年11月11日現在、12,000近くスター
- Drone
今更話す、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