LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog
LINE Engineering Blog official account
こんにちは、こんばんわNHN Japan ウェブサービス本部開発1室UITチーム 吉田徹生(@teyosh)と申します。 前回の続きでAngularJSについて紹介していきたいと思います。AngularJSって何？という方は前回の記事[Angular JSを使おう]を御覧ください。ここ数年でJavaScriptのコードは膨大に増えてきていると感じています。出来うる限りバグを少なくしよう、保守をしやすくしようと様々なライブラリーやデザインパターンが導入されてきています。それに伴い、JavaScript界隈にもテストを重視する様になってきて、クオリティも上がってきていると思います。 さて、JavasScriptのテストといえばQunit、Jasmine、Mocha、seleniumなどを挙げられると思います。 今回はそれらとは少し違うAngular JSのために作られたTestacularを紹介したいと思います。 まずは、Testacularについて Vojta Jina created Testacular (GitHub: vojtajina / testacular, License
こんにちは、こんばんわNHN Japan ウェブサービス本部開発1室UITチーム 吉田徹生(@teyosh)と申します。 最近ではJavaScriptのMVCフレームワークが雨後のタケノコのようにたくさん出てきています。先日Quirks ModeがJavaScript Libraryの利用状況をアンケートが公開していました。backbone.jsやknockout.jsなど、MVCライブラリもランクインしてきました。 その中で今回はAngularJSを紹介しようと思います。 まずは、Angular JSについて AngularJS（アンギュラージェイエス）は、Googleとコミュニティによって開発されているオープンソースのJavaScriptフレームワークである。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としている。MIT Licenseでライセンスされたフリーソフトウェアである。初版は、Miško HeveryとAdam Abronsによって2009年に発表され、2012年6月にバージョン1.0.0がリリースされた[1]
今年はさだまさしさんのデビュー40周年ということで、記念コンサート「さだまつり」も絶賛開催中の折も折、残暑も厳しい中皆様いかがお過ごしでしょうか。大平です。 さだまさし氏は経験の豊富な方ですので彼の歌や発言から学ぶことは大変多いのですが、個人的に非常に感銘を受けているのは「歌はコンサートで成長する」という言葉です。歌い手として、「歌」という作品を作って公開・販売するだけが仕事ではなく、実際にコンサートなどでお客さんに届け、お客さんの反応を参考にしたり日々の演奏活動の中で試行錯誤を繰り返して、内容をブラッシュアップし洗練させていく過程を指して先の言葉があるのだと思います。実際にさだまさし氏の曲はCDに収録されているものと実際にライブで演奏されるものとでアレンジが大きく異なり、かつ作品としても質が向上しているものが少なからず存在します。 …あまりさだまさしの話を続けると本当に上長に叱られますので、、まあ何が言いたいかというと、サービスも同じで、機能を開発して終わりではなく、いかに機能を洗練させ、安定して稼働させるようにするか、運用やチューニングの作業は非常に大事です。この記事
皆様、お久しぶりです。NHN Japan ウェブサービス本部の「キョウ」と申します。 前回の「初心者向けschema.org講座」に引き続き、今回は「Schema.orgをパーツ化しリッチスニペットを実装する」方法についてお話しようと思います。 「Schema.orgで実装すると時間がかかる！」「Schema.orgの為に工数はかけられない」そんな方にお勧めです。 目次 1. 最近のSchema.orgについて（2012年6月） 2. Schema.orgのマークアップ方法について考えてみる 3. [対応案1]と のみでSchema.orgを定義する（没案） 4. [対応案2] Schema.orgマークアップ専用のTable要素を用意 5. 最速実装する為のワークフロー 6. 今日のまとめ 7. 最後に ※ Naverの業務内容とは直接は関係ございませんのでご了承ください。 ※ Schema.orgを簡単に素早く実装したい人向けの記事と言う事をご了承ください。 1. 最近のSchema.orgについて（2012年6月） 前回の記事「初心者向けschema.org講座」の最後に、
LINE Securities QA
こんにちは、QAチームのKYOKOです。「機能やデザインも大事だけど、電池が長持ちするスマートフォンがよいねー」今日は、個人的に気になるスマートフォンの電力事情についてです。 まずは各メーカーの公開情報をみてみましょう。 うむうむ。。。 なるほど。。。 しかし、メーカーが出している数値だけを信じてはいけません。使っている人の声もしっかり聞きましょう。ということで、価格ドットコムでの満足度ランキングです。 シリーズ デザイン 画面表示 通話音質 バッテリー iPhone ★★★ Xperia ★★★ ★★★ ★★★ ★★ Galaxy ★ ★★ AQUOS ★★ ★★ ★★ MEDIAS ★ ★★ arrows ★★ LG ★★★ ★ MOTOROLA ★ infobar ★ 満足度上位にあるものだけをチョイスし、シリーズ別に集計した結果（★があるほど上位、★なしはランキング外） デザインや画面、音質などは明確に人気のあるシリーズがあるようですが、バッテリーに関しては意見が分かれ、ずば抜けて評価の高
Web Front-end Developer
こんにちは、開発１室UITチーム 清水@tori3_jpです。 さて、今回はLINEのスマートタブレット向けブラウザ版でも採用したJavaScriptのMVC FrameworkであるBackbone.jsについて紹介したいと思います。 この数年でブラウザの高速化やHTML5の機能の実装が進むにつれHTML/CSS/JavaScriptでよりネイティブアプリケーションに近い表現がブラウザ上で可能になりつつあり、それにともない開発はより複雑になってきています。 jQuery pluginなど使えば短いコードで様々な機能を手軽に実装できますが、規模が大きくなるにつれcallbackが増え、徐々に見通しの悪いコードになりがちです。また、DOMとデータの分離が難しくなることも問題となってきます。 そこで、Javaなどで広く使われているデザインパターンの１つであるMVCパターンで構造化された設計をとりいれることで問題をある程度解決できます。 構造化されることで以下のようなメリットが考えられます。 モジュール同士の独立性が高まる = 保守性が高まる ユニットテストの実装が容易になる =
LINE Engineer
こんにちは開発チームの崔珉秀と申します。 今回はnginxというウ ェブサーバーについて話をさせて頂きます。nginxは最近数年の間けっこう人気が高くなっています。特によく使われているApacheやLighttpdなどのウェブサーバーと性能の面で比較することがよくありまして、優れた性能で単純なstaticファイルを転送するウェブサーバーからCGIサーバー、reverse proxyサーバーなどの様々なウェブリクエスト処理に関わる分野で導入されています。今日はnginxの性能の比較よりもサーバーの開発者(nginx module)もしくはサーバーの運営者としてのnginxにある仕組の中で一つを紹介したいと存じます。 サーバーの開発や運営をする場合ロジックや設定などの変更により配布の後、サーバーを再起動することがあります。その再起動の時にウェブサービスとしてリクエストの処理を続けながら、変更の内容を反映するための手段がいくつかあります。他のウェブサーバーも普通設定の変更の場合は“優雅な再起動(graceful restart)”でウェブリクエストの処理を中断せずに変更
お世話になっております、開発チームの池上です。 最近ちょっとした検索機能にSolrを導入しま した。Solrは検索エンジンのミドルウェアでご存知の方も多いと思います。大規模な構成による導入実績が豊富でWeb上にもたくさんの事例がありますが、今回は慎ましい構成の事例を紹介させて頂こうと思います。 使用しているSolrのバージョンは2012年1月時点で最新の3.5.0です。なお、検索エンジンやSolrに関する基礎的な情報につきましては、有用な解説がすでに多数存在していますので割愛させて頂きます。 今回はつぎの前提条件と要件を意識して構築しました。 前提条件 サーバは極力少なめで ミッションクリティカルな機能ではない データ量はそれほど多くない 要件 更新はある程度頻繁 遅くとも数分以内にはインデックスに更新を反映させたい 一般的なWeb検索のように「いい感じに見つける」よりは「（入力されたキーワードを）正確に見つける」 設計のポイント サーバ構成 最低限サーバ障害は考慮して2台。更新の反映は若干の遅延が許容されていましたので、検索性能を安定させやすいMaster/Slave構成としま
NHN Japan ウェブサービス本部の「キョウ」と申します。NAVERサービスのマ ークアップ等を担当している、「突っ込みづらいキャラ」で有名な男ですw 今回はマークアップエンジニアやSEOエンジニアの中で注目を集めている、schema.orgについてご説明させていただきます。 この記事を読んでいる方の中には「schema.org公式サイト（英）」「schema.org 日本語訳」をご覧になった方も多いと思いますが・・・ 皆様理解できましたか？正直難易度が高いと思うので、初心者向けに内容を砕いて説明していきます。 目次 1. schema.orgとは？ 2. schema.org導入メリットは？ 3. schema.org 初心者向けQ&A 4. schema.org実践編 5. 最後に 1. schema.orgとは？ 簡単に説明すると、schema.orgの仕様通りにHTMLをマークアップする事で、リッチスニペットの表示や、検索エンジンにコンテンツの情報を伝える事ができます。 Google、Yahoo!、Microsoft 3社が共同でセマンティックウェブを導入しや
度々の登場で恐縮です。 大平です。先日、ご縁がありまして掲題のイベントで発表をさせていただきました。http://www.10gen.com/events/mongo-tokyo-2012http://blog.10gen.com/post/16370064130/recap-mongodb-tokyo-2012この記事では、発表させていただいた資料の公開と、参加し ての簡単な感想を書かせていただきます。 発表資料 発表させていただいた資料は以下になります。 Presentation at MongoDB Tokyo 2012 View more presentations from NAVER Japan 以前「MongoDB 勉強会 in Tokyo」で発表させていただいた内容の続編的な話で、技術的に深掘りするというよりも、MongoDBの使用事例・検証事例をいくつかのバリエーションでお話させていただきました。途中、若干MongoDBをDisる流れになってしまいましたがｗ、それぞれのプロダクトの良さや欠点がある中、今まで出来なかった事をカジュアルに実現するための一つの選択肢として
