Blog - LINE ENGINEERING

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

文字数をカウントする7つの方法
LINE2015-03-18
LINE Dev
こんにちは、LINE+開発室のパク・サンジン(SJ)です。今回は、文字数をカウントする方法についてお話したいと思います。LINEサービスではプロフィール名やグループ名、ひとことなど様々なところで文字数をカウントしていますが、画面で文字が短すぎたり長すぎないようにし、ストレージ容量を正しく割り当てるためには、文字数を正確にカウントすることがとても重要です。特に、LINEは全世界で使っているサービスなだけに他言語の文字数も正確にカウントできなければなりません。ある日、BTS(Bug Track System)のプロフィール名にemojiを入力すると1字が2字で表示されるといった、文字数が正確にカウントされないという課題が登録されました。emojiとは、日本で使い始めたもので、今ではUnicode標準に含まれ世界的に広く使われるようになった絵文字セットのことです。最初は、単純にSurrogateカウントエラーの問題だと思い分析し始めました。Surrogateとは、UTF-16エンコードを16ビット以上に拡張させる文字セットのことですが、emojiにはSurrogateで表現する文字がある
- Server-side
LINE Developer Workshop & Hackathon 2015
LINE2015-02-01
LINE Engineering
こんにちは、新米ソフトウェア開発者のJamesです。今回は今年1月に開催された開発者向けワークショップ「2015 LINE Developer Workshop」についてレポートしたいと思います。みなさんご存知のように、LINE株式会社はモバイルメッセンジャー市場最大手の１つであり、世界中のお客様により良いモバイル体験を提供するため、数百人の開発者が共に働いています。開発者間のつながりを強化するため、「Developer Workshop」という「開発者の、開発者による、開発者のための」イベントを年2回開催しています。 2015年1月21～23日に、日々の仕事を逃れてリラックスするためにLINE開発者がリゾート地に赴き、セミナーやHackathon、スポーツなどの楽しいイベントに参加しました。このワークショップの大きな利点は、他の開発者に実際に会って考えを共有できることです。一日目：Developer Workshop ワークショップ一日目は主に2014年の振り返りと2015年の展望についてでした。ご存知かもしれませんが、LINEは昨年かなり多くのことを達成しました。基幹事業で
- Event Report
- workshop
JavaScriptのクロージャ入門とECMAScript 6のletキーワードによる変数宣言
Takuya Tejima2014-10-28
LINE Engineer
こんにちはUITチームの手島です。先日社内のセミナー（勉強会のようなもの）でJavaScriptのクロージャについてお話しさせていただいたので、その内容をblogでご紹介させていただきます。クロージャ自体はJavaScriptだけが持つ機構ではなく、現在様々なプログラミング言語でサポートされています。最近ではSwiftやJava 8など、クロージャを使える言語が増えてきています。本記事ではクロージャとは一体なんなのかをJavaScriptの具体的な例を交えて初心者向けに解説します。また、ECMAScript 6のドラフトにあるletキーワードによる変数宣言についても少しご紹介します。クロージャの例いきなりですが、クロージャのコード例をご紹介します。 function appendPrefix(x) { return function(y) { return x + "_" + y; } } var brown = appendPrefix("brown"); var cony = appendPrefix("cony"); alert(brown("stamp
- frontend
LINEのマイクロサービス環境における分散トレーシング
LINE Engineering2014-09-24
LINE Engineering Blog official account
LINEとマイクロサービス LINEのアプリは、トークをはじめとして、電話、ショップ、公式アカウントなど、多数のサービスで構成されていますが、これらのサービスはモノリシックな単一のシステムとして開発されているわけではありません。それぞれ独立したシステムとして開発・運用され、お互いにAPIを介してコミュニケーションする、いわゆるSOAやマイクロサービスと呼ばれるアーキテクチャになっています。本エントリでは、大規模なマイクロサービス環境において、システムのトレーサビリティを向上させるためのLINEバックエンドの取り組みを紹介します。マイクロサービスの課題最近よく耳にするマイクロサービスですが、その利点は、システムを扱いやすい小さな部分にわけ、疎結合にすることで、全体としては巨大なシステムであってもそれぞれのサービスは独立してスピーディーに発展できる点にあると思います。一方、リクエストが複数のサービスにまたがって処理されるため、リクエストの処理全体を追跡する能力（トレーサビリティ）が低下するというリスクが生じます。例えばあるリクエストのレイテンシの悪化を調査したいというような場合、そ
- Server-side
- Zipkin
FluentdとNorikraを使ったLINE BusinessConnectエラー検知＆通知の仕組み
Yoichiro Tanaka2014-08-05
LINE Engineer
LINE技術戦略室のYoichiroです。今回は、徐々に数が増えてきたLINE BusinessConnectのエラー検知とその通知の仕組みについて紹介してみたいと思います。 LINE BusinessConnectって何ですか？まず「LINE BusinessConnectの技術話」をご覧ください。「メッセージが届かない」原因は？ LINE BusinessConnectは、今年の2月26日に行った「LINE Showcase 2014 Feb.」イベントで発表されました。既に半年近く経っていますが、いくつかの事例も登場していますので、LINEをお使いの方々に「企業サービスの新しい使い方」を体験していただくことができつつあるのかな、と嬉しく思っています。単なるメッセージングサービスの域を超えて、僕らも「え、そんな使い方がっ！？」と思う機会も多いです。今後もLINE BusinessConnectの事例を楽しみにしていて欲しいと思っています。さて、LINE BusinessConnectの大きな特徴は、「LINE株式会社だけで開発が完結しない」ということです。LINE Busin
新時代に備える！AngularJSにリマーケティングタグを実装する方法
LINE Engineering2014-08-03
LINE Engineering Blog official account
皆様お久しぶりです。LINEの天然男子。UITチームのキョウです。最近、AngularJSで構築したコンテンツに様々なトラッキングコードを入れて計測を強化する対応を行ったのでご紹介します。はじめに現在、様々なJSフレームワークがでていますが「やはりJavaScriptはSEOに弱い」と言う風潮の影響で、実業務で積極的に使えないのが現状でした。しかし、2014年5月にGoogleからJavaScriptのインデックスを強化していると言う話が出ています。少しずつですが、SEOにとらわれずAngularJSやBackbone.jsを使ってサイト構築ができる未来が近づいています。今回の話は、そんなJS新時代が到来した時の為に知っておきたいトラッキングコードの導入方法について説明いたします。目次 1. 要件 2. 対応方法 3. AngularJSにトラッキングコードは設置できないの？ 4. Adwordsのリマーケティングタグが実はやっかい! 5. AngularJSとGoogleタグマネージャを連携する方法 6. 最後に 1. 要件 AngularJSを使い実装されたコン
- frontend
- AngularJS
Velocity.jsによるフェーズ有りアニメーションの実装
Takuya Tejima2014-06-30
LINE Engineer
こんにちは＆はじめまして、最近脱ペーパードライバーを目指し車の運転を始めたUITチームの手島です。今回は最近の記事と比べると少し軽めな（？）フロントエンドのお話をさせていただきます。 LINE占い "宇宙兄弟宇宙占い"特集ページ先日、LINE占いの中で宇宙兄弟占いという特集ページがリリースされました。この特集は講談社様、コルク様、ロックミー様のご協力をいただいて企画・作成をしました。アプリ内ウェブビューで宇宙兄弟のキャラクター達による占いがおみくじ感覚で楽しめます。この特集ページが提供するアニメーションは以下のように大きく４つのフェーズ（イントロ、スタート、占い、結果）に分かれています。 (c)小山宙哉/講談社　企画協力ロックミー各フェーズの中で文字やキャラクターが移動したり、フェードイン/フェードアウトなどのアニメーション効果が付与されています。次フェーズへの遷移は各フェーズのアニメーション完了時もしくはclick/tapイベント発生時に行われます。今回の記事ではこのようなフェーズごとに区切られたアニメーション（フェーズ有りアニメーション）をHTML/CSS/JSで実
- frontend
LINEの暗号化について
LINE Engineering2014-06-25
LINE Engineering Blog official account
LINEセキュリティチームです。今回はLINEで利用されている暗号化技術について紹介します。 LINE 3G通信での暗号化有無の確認 LINEについて一般的に誤解されている情報の中には、暗号化方式が弱いため外部に情報が流出する可能性が存在するという点と、wi-fi通信の中ではデータが暗号化されているがモバイルネットワーク（3G、LTE）を使用する場合は暗号化されていない、という点があります。まず、暗号化が実際に実行されているかどうかについては、これを言葉で説明するのは意味がないので、現在アプリケーションが安全な状態であることを直接目で確認するほうが確実です。暗号化の有無を確認するにあたって最も一般的に使用されるのは、特定の端末から送信されるネットワークデータをキャプチャーしてこれを観察する方法です。モバイルの場合、インターネット接続時にネットワークデータをキャプチャーするためのPCをVPNのようなサービスを利用して経由させ、データを観察します。Androidの場合は、Shark for root のようなアプリを使用すればパケットをキャプチャーできます。実際にメッセージを
- Security
LINE BusinessConnectの技術話
Yoichiro Tanaka2014-05-22
LINE Engineer
LINE技術戦略室のYoichiroです。今回の記事では、先日発表させていただきましたLINE BusinessConnectの技術的な話を少ししてみようと思います。 LINE BusinessConnectとは？まずは、LINE BusinessConnectとは何かを説明しましょう。簡単に言うと「プログラムで自動応答可能な公式アカウントを作れます」というものです。今までの公式アカウントやLINE@は、それを運営するスタッフの方々が管理用に提供されているCMSから何かメッセージを投稿することで、そのメッセージがユーザに届けられています。そういう意味では「人間」が発しているメッセージですね。これに対して、LINE BusinessConnectの場合は、ユーザが送信したメッセージを受け取り、その内容に応じて自動的にそのユーザに返事を送信する、という処理を行うプログラムが作れるようになりました、ということになります。つまり、公式アカウントがインタラクティブなものになった、ということです。このように固く表現するよりは、実例からイメージした方が理解が早いかも知れません。実は、今まで
FireFoxOS版のLINE
LINE Engineering2014-05-19
LINE Engineering Blog official account
FirefoxOS版LINEは2013年下半期に開発を開始し、2014年2月にリリースされました。FirefoxOS LINEは現在世界19カ国で使用されており、Firefox Marketplaceでのダウンロード数が多いアプリの1つです。また、多くのユーザーが好意的なレビューを書いており、人気アプリTOP 7の中で唯一星4つの評価を維持しています。このようにユーザーから好評を得ているFirefoxOS LINEは、決して簡単に作られたものではありません。FirefoxOS LINEがどのようにスタートし、またどのように開発されたのか、性能向上のためにどんなことをしてきたのか、開発に携わる中で経験したことをどうやって共有しているのかについて紹介します。 WebOSのスタート 2013年、MWC 2013で注目されたのはWebOSの登場でした。FirefoxOS(以下FXOS)、Tizen、Ubuntu、Sailfish OSが発表され、MozillaはKeon、 PeakというFXOSデバイスを発表しました。もちろんアプリ開発者向け(Developer Preview)デバイスでは
- FireFoxOS