読者です 読者をやめる 読者になる 読者になる

PR TIMESデザイナー&エンジニアブログ BREAK TIMES

PR TIMES Developer Blog(デザイナー&エンジニアによる開発者ブログ)

PR TIMES Developer Blog
デザイナー&エンジニアによる開発者ブログ

AMPページのエラー対処 〜アクセスが減ってきたらチェックすることは?

サービス SEO

PR TIMESフロント・エンジニアの山田です。
今回はAMPに関するネタの第3弾です。

以前の2記事でAMPをPR TIMESに導入してから改善するまでをお伝えしました。
breaktimes.hatenablog.com
breaktimes.hatenablog.com

今回は、その後の改修に関することを綴っていきます。

続きを読む

RubyKaigi 2016にコーヒースポンサーで参加しました 〜PR TIMESスポンサードで最もギークなイベント〜

rubykaigi.org

9/8〜10に京都国際会館にて開催されたRubyコミュニティのカンファレンス Rubykaigi2016にPR TIMESはコーヒースポンサーとして参加させて頂きました。

■スポンサーしてきた

f:id:breaktimes:20160914172925j:plain
この通り、コーヒーの提供をさせて頂きました。GMOペパボさん提供の美味しいお菓子のお供やプレゼンの合間のリフレッシュに、多くの方に利用されたようで良かったです。

f:id:breaktimes:20160914173027j:plain
PR TIMESスポンサーブース、GMOペパボさんのおとなりでした。

f:id:breaktimes:20160914175430j:plain
ノベルティ、ステッカー配布コーナーです。前回エントリでも好評だったPR TIMES USBハブは今回も大好評でした。

■セッションも聞いてきた

せっかくのRubykaigiなので、スポンサー業の合間(と言いつつ、ブース対応を同僚にほぼ任せきって……) に可能なかぎりセッションを聴いてきました。

などのプレゼンではそれぞれ、型、rubyの並列処理、httpサーバの並列処理、rakeの解説とスライドの作りが非常にわかりやすく、詳しくないテーマでも本題を興味深く聴くことができました。

□Goodpatchさんによる基調講演Ruby3 Typingレポート

memo.goodpatch.co

□A proposal of new concurrency model for Ruby 3の公開スライドと予稿

A proposal of new concurrency model for Ruby 3
http://www.atdot.net/~ko1/diary/201609.html#d8

□Pwrake: Distributed Workflow Engine based on Rakeの公開スライド

speakerdeck.com



他にも京都国際会館のメインホールを、音響によっていろんな意味で聴講者を驚かせたIt's More Fun to Computeや黒魔術と通称されるRubyメタプログラミングの機能を駆使してAPI後方互換性を維持した圧倒的なユースケースを紹介したModern Black Mages Fighting in the Real Worldなど技術裏打ちされたインパクトのあるプレゼンも印象的でした。

■特に興味深かったセッション

個人的に一番興味深かったセッションはHTTPのリクエストによってボトルネックがどのように発生するのか、そしてその対策を理解することができたRecent Advances in HTTP and Controlling them using rubyが一番興味深かったです。

本プレゼンのスライドは終わった後も特に見返しました。

www.slideshare.net

■スポンサーブースから

PR TIMESはスポンサーとして参加しているイベントはスタートアップ系イベントやUX・デザインのイベントが多く、rubykaigiのようなコードの匂いがする(?)イベントのスポンサー参加は今まであまりになかったからか、一日目二日目はスポンサーブースや会場内でPR TIMESがどんな企業なのか質問されることが多かったです。

海外から参加されている方に英語で質問されることも少なくなく英語力を鍛えるまではいかなくとも英語で自社のビジネスやサービスについて説明できるようになっておきたいと思いました。

こういう風に訊かれることが多かったということは、それだけPR TIMESを新規に知って頂いたエンジニアの方が多かったということだと思っています。今後、技術的な面でもPR TIMESをアピールできるように、エンジニア一同頑張っていきたいです。

そして、PR TIMESはエンジニアを募集しています!

■イベントの宣伝

10/7 19時から弊社オフィスにて「Rubyを語ろう 」というテーマでBREAK TIMES NITE VOL.7を開催します。Rubyに関してまだまだ語り合いたい方、行きたかったけど参加できなかった方、みんなであつまってRubyや開発について語り合いましょう。

あわせてLT発表者も募集中です。LT内容はITに関わることであればRubyでなくても歓迎ですので、参加をお待ちしています!

breaktimes7.peatix.com

iOSDC Japan 2016 の感想 ☆*:.。.

iOS swift イベント アプリ

f:id:breaktimes:20160824165413j:plain

PR TIMES エンジニアのうさみです☆*:.。. 8月20日に、東京・練馬にてiOSDC Japan 2016が開催されました!

「ブログを書くまでがiOSDC!」というラストでイベントが閉幕してから既に1週間・・・みなさんがもう別の勉強会等へ足を運んでらしたりする中、私はあの日の余韻を今もなお感じているところです・・・(ご、ごめんなさい)

iosdc.jp

iOSDCは20日だけではなく、主催者様のすばらしいご判断で19日夕方より前夜祭が開催されることとなり、iOSエンジニアにはたまらないトークが1.5日間!ぶっ続けで繰り広げられました!

f:id:breaktimes:20160824162131j:plain
練馬にある施設のココネリホール☆
前夜祭の受付が開始されたところ・・・

技術的なことは既にたくさんのエンジニアの方々がすばらしい記事を書いていらっしゃいますので、スポンサーとして参加した感想やイベントの様子を写真とともに紹介したいと思います☆*:.。.

* * *

今年の冬に開催されたtry! Swift 2016に引き続き、今回のイベントも是非!ということで、PR TIMESはシルバースポンサー&バッグスポンサーとして参加させていただきました!

breaktimes.hatenablog.com

バッグスポンサーとは?・・・よく大きなイベントにてスポンサー企業様の配布物が入ったエコバッグを配布されることがありますが、あのエコバッグにこちらで指定したロゴやデザインを入れていただけるというもので・・・

f:id:breaktimes:20160824162134j:plain
f:id:breaktimes:20160824162135j:plain
前夜祭のオープン直後の受付の様子☆
スタッフのみなさま、お忙しそうでした・・・

こちらではPR TIMESのロゴの手配しかできなかったため、主催者様の方で用意されたデザイン案の中から選出させていただきました。PR TIMESをイメージしてデザインしていただけているとは思ってもみなかったので、デザイン案をいただいた時はサプライズを感じました☆*:.。.

f:id:breaktimes:20160824162133j:plain
オリジナルTシャツとストラップ付きの名札、そしてエコバッグ・・・
バッグの中には各スポンサー企業様の配布物がいっぱいです!

イベント会場にて実物とご対面となったのですが、ロゴを思っていた以上に大きく入れていただけていて嬉しかったです!PR TIMESからは一人で参加していたこともあり、参加されたみなさまが持っていると思うと少し恥ずかしい気持ちにもなりました・・・

スポンサーとして参加する場合、ダイアモンド、プラチナ、ゴールド、シルバーのベーシックプランの他に、Tシャツスポンサー、名札スポンサー、ストラップスポンサー、懇親会スポンサー、ベストトーク賞スポンサー、Wi-Fiスポンサー、LT幕間スポンサー、ドリンクスポンサー、ランチスポンサー、そしてバッグスポンサー・・・と、多くのオプションプランが用意されており、主催者様のイベント開催への意気込みを強く感じました!多いですよね☆*:.。.

* * *

前夜祭当日は受付開始時間に合わせて会場に向かいまして、これからはじまるぞ!という雰囲気を楽しんでいました!

f:id:breaktimes:20160824162138j:plain
会場はTrack AとTrack Bの2つありました!

f:id:breaktimes:20160824162140j:plain
f:id:breaktimes:20160824162139j:plain
この会場がiOSエンジニアでいっぱいになると思うだけで興奮です・・・

f:id:breaktimes:20160824162141j:plain
前夜祭はTrack Bにずっといました!
オフィシャルのカメラ脇&スピーカー様が正面に見えるベストポジションに着席です

名札は、事前にTwitter等の写真をアップロードして申請することができ、写真入りの名札をいただくことができるシステムでした!たくさんの参加者がいらしたので準備も配布される際も大変だったと思います・・・もっと言うと、iOSDC公式のアプリも公開されており・・・

iOSDC Japan 2016

iOSDC Japan 2016

  • Ryota Hayashi
  • ナビゲーション
  • 無料

当日のイベント運営だけではなく、参加したみんながiOSDCを楽しめるように!という主催者様のやさしさを感じました ( > < )

ちなみに、私は写真アップロードのシステムを見落としてしまい、デフォルト状態の名札をいただきました 。。

f:id:breaktimes:20160824162137j:plain
名札に写真入れたかったです・・・(涙)

セッション開始の時間になり、Track A, Bどちらの会場からも拍手が湧き上がり、スピーカー様によるトークが始まりました!その時の様子ですが、嬉しいことにそれぞれの会場のストリーミング動画が公開されています!(トーク毎に動画を切り出したバージョンが今後公開されるとのことですよ)

・iOSDC Japan 2016 前夜祭 Track A
www.youtube.com

・iOSDC Japan 2016 前夜祭 Track B
www.youtube.com

前夜祭ではビールが提供され、お酒とともにトークを楽しむことができました!前夜祭とはいえセッション中にお酒をいただけるとは思いもしなかったので、これまたサプライズでした!前夜祭すべてのセッション終了後、スタッフの方に翌日出すブースについて確認し、イベント当日も楽しみだなと期待を膨らませて会場を後にしました☆*:.。.

* * *

イベント当日はPR TIMESブースを出させていただくため、その用意でオープンと同時に会場入りです!会場近くに自宅があるという開発チームの山田さんに車で配布物を届けていただき、ブースの準備の際に主催者様やスタッフの方々にいろいろご配慮いただいて、無事に準備完了!当日も一人での参加でしたので開始前に間に合ってホッとしました。。ありがとうございました!

f:id:breaktimes:20160824162143j:plain
持参したクロスを設置しやすいようにと主催者様がご配慮を・・・
コーヒースペース隣のスペースをご提供いただきました!

f:id:breaktimes:20160824162142j:plain
ステッカーとチラシと新作のUSBハブ!
参加者のみなさまにお持ち帰りいただけますようにと一言添えて・・・

イベント開始に備えてTwitterでつぶやいたりしていたら、イベントのオープニング映像を撮り逃がしてしまいましたが(涙)、主催者様のご挨拶とともにイベントが始まりました!前夜祭とは逆に、Track Aのスポンサー優先席にイベント終了まで着席・・・Track AもBもすべてのセッションを聞きたくてたまりませんでしたが、ライブ中継されていることを知り、PCではTrack Bのセッションを流しつつ、Track Aのスピーカー様のトークを聞いていました。

f:id:breaktimes:20160824162144j:plain
シルバースポンサーにロゴ発見!
ありがとうございます!

f:id:breaktimes:20160824162147j:plain
スポンサー優先席にはスピーカー様やTwitter等で知ってる!という方々が・・・
ミーハーな感情がふつふつと沸き起こり、ますます感情が高ぶります

前夜祭と同様に、こちらもYoutubeで動画が公開されていました!タイミング良く、公開されたばかりのようです☆*:.。.

─ 午前のタイムテーブル ─

<iOSDC Japan 2016 Track A>
www.youtube.com (@k_katsumi)

<iOSDC Japan 2016 Track B>
www.youtube.com (@shu223)

─ ランチタイム ─

<iOSDC Japan 2016 Track A>
www.youtube.com (ハンズラボ株式会社 黒岩裕輔)

─ 午後のタイムテーブル ─

<iOSDC Japan 2016 Track A>
www.youtube.com (@inamiy)

<iOSDC Japan 2016 Track B>
www.youtube.com (@lestrrat)

欲望のままにずらりとリンク並べてしまいましたが・・・動画すべて公開されていましたね!こうして公開していただけると、振り返りができて、とてもありがたいです☆*:.。.

当日、セッションの枠が空いてしまうという事態があったようですが、急遽にも関わらず代理でトークできてしまうスピーカー様がいらっしゃるなんて・・・やはり技術力だけではなくアウトプットすることにも長けたエンジニアの方々がこのイベントにはたくさん参加されているのだなと感じました!(しかも、おもしろい内容だったようで「おまえらのBBQは間違っている」というセッション・・・あれ? iOSのトーク?)

セッション終了後は、LTタイムがスタート!12人のスピーカー様が軽快なBGMに乗せて5分間のトークを繰り広げられました!この時間、みんなでお酒を飲みながら楽しみましょう!ということで、私もお酒をいただきつつリズム良く飛び出す様々なトークを楽しみました☆*:.。.

f:id:breaktimes:20160824162200j:plain
LTタイムのお酒、ごちそうさまでした!

─ LTタイム ─

<iOSDC Japan 2016 Track A+B>

5分間という短い時間ですが、技術的な難しい話ばかりでなくスピーカーの方々の個性を感じられる場面もあり、本当に楽しかったです!

* * *

try! Swift 2016と同様に、iOSDC Japan 2016も第一回目となる記念すべきイベントでした☆*:.。.

f:id:breaktimes:20160824162208j:plain
入賞されたスピーカーのみなさま☆
おめでとうございました!

第一回目ということは、企画から開催までの準備、開催当日の対応や終了後の対応・・と、主催者様やスタッフのみなさまは初めてのことばかりで大変だったことと思います。。ですが、進行が滞ることもなく、むしろ時間を余してイベントを終了されているくらいで、スタッフみなさまのチームプレイのすばらしさに感心しました。

スピーカーのみなさまのキレッキレのトークも、一人で参加していても声を出して笑ってしまう時があるくらい楽しく、知らなかったことを知れる瞬間はとても刺激的なものでした。

そして、参加されたみなさまから沸き起こる笑いや「なるほど〜」という頷きを聞く度に、Swiftが好きだ!という一体感を感じられ、会場がいい雰囲気に包まれているのを感じました。

f:id:breaktimes:20160824162209j:plain
イベント終了後のスタッフのみなさま☆(記念写真撮影中)
おつかれさまでした!

すばらしいイベントに参加することができ、充実した気持ちと感謝の気持ちでいっぱいです!そして、Swiftがますます気になる存在となりました。普段は主に別の言語を触っているので、Swiftで開発したくてたまらない気持ちになったのでした☆*:.。.

ありがとうございました!

f:id:breaktimes:20160824162201j:plain
イベント終了後のPR TIMESブースもスッキリです
お取りいただき、ありがとうございました!

* * *

主催者様にてiOSDCのまとめページで参加されたみなさまのブログが紹介されています!イベントの盛り上がりを感じることができますので要チェックですね☆*:.。. Twitterも盛り上がっています!(ハッシュタグは#iosdc)

iosdc.jp

twitter.com

そして、先程ですが主催者様のiOSDC開催のご感想が公開されていました!すばらしいイベントをありがとうございました!

www.hasegawa-tomoki.com

* * *

最後に、iOSDCオリジナルTシャツを着て開発チームの吉さんと一緒に・・・

f:id: breaktimes:20160829185620j:plainf:id:breaktimes:20160824162136j:plain

S/M/Lサイズの3枚いただき、すてきなお土産となりました!
うさみSサイズ、吉さんLサイズ着用☆
オレンジはスポンサー企業様、ピンクはスタッフ様、グリーンはスピーカー様、ブルーは参加者様・・・
どれも鮮やかでいいお色です!

この盛り上がりでしたら、次回のiOSDCもきっと開催されることでしょうね!try! Swiftに続き、iOSDCも今後注目していきたいイベントです☆*:.。.

AMPページを改善する 〜PVを上げるためにPR TIMESでおこなったこと

HTML5 Javascript サービス UI・UX SEO

PR TIMESフロントエンジニアの山田です。
AMPに関する前回の記事で導入の顛末をまとめました。
AMP対応はGoogleの検索結果にも影響!PR TIMESへの導入記。 - PR TIMESデザイナー&エンジニアブログ BREAK TIMES


実はその後もいくつかの施策を試しながらアクセスの増減を見ていました。
そうした中でさらにAMPへのアクセスを増やすことが出来ましたので、まとめてみます。

こちらが今回の施策をおこなう前後でのAMPページヘのアクセスです。

今回の施策を実施後のアクセスを見ると10〜20倍もPVが増え、実施前がほとんど0に近くなって見えるくらい伸びています。

続きを読む

デザインのセンス良すぎ!北欧の素敵すぎるウェブサイト6選

Design サービス

f:id:breaktimes:20160718120219p:plain
スウェーデンデンマークノルウェーフィンランドなどの北欧の国々には何か共通したものがる。ほとんどが王室を持ち、北欧デザインと言われるデザイン思想を形成している。
豊かな自然の恩恵によるあたたかみのあるプロダクトを生産しているが、各々の環境にあった形と機能を備えた工業製品も世界的にも有名。
IkeaMarimekkoVOLVO、Hasselbradなど機能と使い勝手の良い、時代を超えたデザインは日本人の生活にも親しみを持って取り入れられている。

やはり、ウェブサイトのデザインもいいのではないかと思い、調べてみました。

続きを読む

AMP対応はGoogleの検索結果にも影響!PR TIMESへの導入記。

サービス SEO HTML5 Javascript CSS UI・UX

PR TIMESフロントエンジニアの山田です。

AMPという言葉をご存知でしょうか。
Accelerated Mobile Pagesの略で、スマートフォンページを素早く表示するためのHTMLページ構造になります。
Googleなどが提唱して進めているので、対応してるかどうかでモバイルでの検索結果などに影響が出てくることが考えられます。
f:id:breaktimes:20160713181515j:plain

続きを読む

Facebook・Googleなどテック企業からハリウッド俳優までも参加する世界規模の広告祭をエンジニアとして現地視察。カンヌライオンズがすご過ぎて夢のようだった!

イベント

PR TIMESフロントエンジニアの山田です。
6月20日から一週間、世界3大広告賞のひとつカンヌライオンズの視察に行かせて頂きました。
送り出して頂いたPR TIMESには感謝しています。

f:id:breaktimes:20160706181057j:plain

今年はヘルス・イノベーション・エンターテインメントとそれぞれの2日間ずつフェスティバルが行われたのですが、エンジニアとしてはやはりイノベーションに興味があるところ。
そのあたりも交えてレポートします。

続きを読む

韓国でLINEはマイナー!韓国人の私がLINEの日本上場について思うこと

line

高校時代パイロットになる夢があって技術先進国である日本の航空大学を目指していました。残念ながら夢は叶えなかったもののソフトウェアエンジニアとして日本で働くことができました!もう日本に来て10年目になりましたPR TIMESのエンジニアギルです。

最近LINEの上場が話題になりましたね。LINEは韓国のNaverの子会社で、日本では2000年にハンゲームジャパン株式会社として設立されました。311後にリリースしたLINEが大ヒットしたため、知名度を活かすため、2013年にLINE株式会社に社名変更を行いました。

日本ではLINEは言うまでもなく有名なアプリですが、韓国ではあまり使われないのが現状で、メッセンジャーとしてはカカオトークが一番使われてます。日本でLINEはメッセンジャーアプリのイメージが強いのですが、韓国でNaverは検索サイトの最大手で、日本におけるYahoo!のような存在です。

f:id:breaktimes:20160621173255j:plain

マーケットリサーチ企業GlobalWebIndex社が今年発表した世界のメッセンジャー別利用ランキングではLINEは世界4位、利用率10%でした。日本でLINEは圧倒的なシェアを誇っていますが、世界的にはそうではないようです。

f:id:breaktimes:20160621113732p:plain

今回LINEの上場によってグローバル責任者シン・ジュンホ氏のストックオプション価値は3104億ウォン(約280億円)、Naver議長イ・ヘジン氏のストックオプション価値が1685億ウォン(約151億円)に達するという記事が韓国では話題になりました。

biz.chosun.com

その他、LINE上場について韓国人はこう思っているらしいです。

LINEのグローバルな成長と上場、本当におめでとうございます!


上場をきっかけにもっと成功する企業になってほしいです。おめでとうございます!


上場の後、以前より業績に関するプレッシャーが大きくなると思うので、韓国市場の投資に力を入れるのではないかと思います。カカオトークは気が抜けない状況になることでしょう。

など韓国人はポジティブに受け入れている様子です。

私もLINEはメッセンジャー以外にもLINE Payや電話、ゲームまで幅広く使っていますし、韓国とも深い関係にある企業ですのでいつも応援しています。個人的には今回上場をきっかけに日本以外の国でも成功してほしいと思っています。実際、その国の文化に合わせてサービスを提供する動きもあるので、もっともっと成長する企業になるのではないかと考えています。

例えばタイでは、生活インフラとなる「LINE経済圏」を構築し、LINEマンと呼ばれる宅配人が食べ物や日用品の宅配などを行っています。

www.nikkei.com

アジア圏では一定の成功を収めているものの、国際的な成長力は弱いとの見方もあります。
WSJによると、その理由は日本の「カワイイ文化」を挙げており、LINEで使われる顔文字が海外の人には幼稚に見えてしまうそうです。

jp.wsj.com

最近、FacebookメッセンジャーAppleのメッセージ、WhatsAppも投資に力を入れているので、グローバル市場を勝ち抜くためにLINEがどう仕掛けていくのか気になります。日本に住む韓国人としては、日本発のメッセンジャーアプリLINEを応援したいです!

ちなみに弊社でもLINE Botを利用して何かできることがあるか模索中です。完成したらまたお知らせしますのでよろしくお願いします

breaktimes.hatenablog.com

ElasticSearchとSQLクエリの取得比較検証 - 準備編

ElasticSearch MySQL

PR TIMESの落合です。

PR TIMESに、ElasticSearchを昨年導入しました。
ElasticSearchを使用する時に、条件設定をjsonで作成しますが、
複雑な条件式を作成すると、毎回「あれ?」ってなる事が多く、SQL比較した日本語での解説ページが、あまり無い為ので、自分で検証してみました!
kuromojiなどを使用すると、検証が分かりづらくなるので、今回は導入していません。

また、ElasticSearch、MySQLのインストールや、初期設定などに関しては、今回省略していますが、要望がありましたら、別途記事で書き残していこうと思います。

まず、今回の目的としては、ElasticSearchの検証環境を整えて、簡単なクエリができる所まで解説したいと思います。

続きを読む

かわいい(・∀・)人感センサーSONY製スマートDIYキット「MESH」がラブリーでキュート☆*:.。.紹介編

アプリ iOS ガジェット

f:id:breaktimes:20160607095932j:plain

こんにちは☆ PR TIMES エンジニアのうさみです

少し前に人感センサーと連携したアプリをつくりたい!ということで、どう実現しようかなぁと検討しました

breaktimes.hatenablog.com


そもそも「人感センサー」という言葉が聞き慣れないよ・・・ という方もいらっしゃるかと思いますが、コンビニへ入店した時に鳴る音や、お家の玄関付近を通った時に点灯する明かりを想像していただけるといいかなと思います

「人が来たよ! 音を鳴らすよ!」「人が来たよ! 明かりを点けるよ!」
と、人の所在を検知するセンサーのことを人感センサーというのですね☆

人感センサ - Wikipedia


まずはその人感センサー自体をどうしよう?ということで、超小型PC「Raspberry Pi」で自作する方法と、SONY製スマートDIYキット「MESH」の人感タグなるものを利用する方法のどちらかで検討しまして、後者の「MESH」を導入する方針となりました

meshprj.com

続きを読む