サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
円安とは
breaktimes.hatenablog.com
PR TIMESエンジニアの山田です。 6月6日(木)〜7日(金)にかけて「2020年卒 内定直結ハッカソンインターン 2days」を開催しました! 「PR TIMESでこれまでに配信された50万件以上のプレスリリースデータを使い、新しいサービスを考える」というお題で、PR TIMESをハッキングして頂きます。 prtimes.co.jp 今回10名を超える優秀な学生に参加して頂き、充実した2日間のイベントとなりました。 前日 ちょっとオフィスを改造。 リラックスして開発できるスペースとして、畳とクッションを入れました。 6月6日(木) 10:00〜 いよいよ当日。 まずは集まっていただいた学生にお題と利用するAPIの説明をおこないます。 11:00〜 集まって頂いた学生同士、話し合ってチームに分かれます。 まずはアイデアソンをおこない、チームごとにアイデアを発表。 14:00〜 昼ごはん
PR TIMESエンジニアの山田です。 4月18日(木)〜20日(土)にかけて福岡でRubyKaigi 2019が開催され、PR TIMESはDrinkupスポンサーとして協賛させて頂きました。 rubykaigi.org エンジニア4人でブースを出展し、さらにちょうど中日となる4月19日(金)のカンファレンス終了後、PR TIMES主催でのパーティ(ドリンクアップ)を開催させて頂いています。 ブース出展 ちょうど背景に海が見える絶好の場所で、PR TIMESのトラベルチャージャーやJootoのウェイトチェッカーなどノベルティを配布しました! 本当に多くの方に訪れて頂き大盛況でした。 PR TIMES ドリンクアップ そして我々にとって最大の山場はPR TIMESのドリンクアップ。 breaktimes.connpass.com 博多のおしゃれなお店を貸切で開催しました。 エンジニアを中心
PR TIMESエンジニアの山田です。 PR TIMESの検索にサジェスト(入力補完)機能を導入しましたので、そのあたりのことをまとめてみたいと思います。 少しでもPR TIMES内で検索をしやすくしようと考えていて、その一環となります。 いくつかの方法を考えたのですが、今回はGoogleのSuggest APIとNatural Language APIを利用してみました。 まずは検索ボックスに入力されたテキストをSuggest API(https://www.google.com/complete/search)に随時送信します。 $(‘#input-keyword').autocomplete({ source: function(request, response) { $.ajax({ url: "https://www.google.com/complete/search", d
PR TIMESエンジニアの山田です。 去る3月12日、メディア会員向け管理画面に「AIリリース受信」を導入しました。 PR TIMESとして初のAI機能になります。 今回はどんな経緯で開発したのかご紹介します。 「リリースAI受信」とは? PR TIMESでは1日に最大600本以上のプレスリリースが配信され、情報を受け取るメディア会員は情報過多に悩まさることがありました。本当に欲しい情報が埋もれてしまいます。 これを解決する第一歩としてAI(人工知能)が会員の閲覧履歴を解析し本質的な傾向をつかんでレコメンドする「リリースAI受信」2018年3月12日、PR TIMESはリリースAI受信をリリースしました。 開発の道のり アイデアを形にするべく始めてみましたが、PR TIMESではまだAI技術を取り入れたことがありません。 そこでまずは単純なレコメンドを作成するところから手をつけてみました
PR TIMESエンジニアの山田です。 韓国で開催されたMaker Faire Seoulに弊社エンジニア吉・岡村・山田の3人で出展してきました。 https://makerfaire.co.kr/ Google HackFairから選抜されたハッカソンプロジェクトとしての参加です。 出展したプロジェクト内容は前回の記事をご覧ください。 breaktimes.hatenablog.com PR TIMESブースを出展 応募の中から選抜されたGoogleデベロッパーがGoogleテント内に集まって出展します。 wifiなどを使うのでちゃんと動作するかドキドキしながら準備しました。 PR TIMESのチラシ(翻訳つき)・ステッカーも設置。 Tayoriのロゴステッカーがカワイイと人気だったり、エンジニア募集のチラシを翻訳したものを読んで興味を持って頂いた方も大勢いました。 tayori.com
こんにちは。PR TIMESのエンジニアの吉です。 みなさんはAlexaについてご存知でしょうか。簡単に説明しますとAlexaはAmazon版siriです。siriはiphone,ipadから呼び出すことができますがAlexaはAmazon Echoから呼び出すことができます。 Amazon Echoはまだ日本では発売されていませんが、Amazon USAから購入できます。 http://www.amazon.com/Amazon-SK705DI-Echo/dp/B00X4WHP5E/ref=sr_1_1?ie=UTF8&qid=1456033135&sr=8-1&keywords=echo AlexaではAmazon Prime Music/Spotify/pandoraなどから音楽を再生、Kindle Booksの読み上げAmazonから商品購入、タスク管理など様々なサービスを利用する
Google HackFairとは グーグルの最新技術を使った様々なプロジェクトを展示するイベントです。 毎年、Google Developerチームから主催をしていて以下の技術を使ったプロジェクトのみ参加対象となります。 Android Things TensorFlow/ Cloud Machine Learning Tango/ Daydream PR TIMESのサービス開発本部から山田、岡村、吉の3人のエンジニアが作ったプロジェクトが最終参加チームに選定され、10月21日〜10月22日に開催するMaker FaireイベントのGoogle特別ブースにプロジェクトを展示することになりました。 プロジェクトの内容について TensorFlowとCloud Machine Learningを使った顔認証打刻システム ハードウェア raspberry pi 2台にカメラモジュールを付けて
こんにちは。フロントエンドエンジニアの本間です。 今日は$.ajaxファイルアップロードでプログレスバー表示についてです。 UIUXにおいて体感速度を短縮するのは重要で、同じ待ち時間でも進捗表示することによって体感速度が向上します。 さらにプログレスバーの色や模様によっても体感速度が変わってくるという研究結果もでているようです。 gigazine.net PRTIMESでは企業管理画面のリリース配信登録画面でワードファイルをアップする際に使っています。 やり方は$.ajaxの引数にxhrオブジェクトを渡し、progressイベントハンドラで取得します。 $.ajax({ url : api.url, async: true, xhr : function(){ var XHR = $.ajaxSettings.xhr(); if(XHR.upload){ XHR.upload.addEve
PR TIMES エンジニアのうさみです☆*:.。. 8月20日に、東京・練馬にてiOSDC Japan 2016が開催されました! 「ブログを書くまでがiOSDC!」というラストでイベントが閉幕してから既に1週間・・・みなさんがもう別の勉強会等へ足を運んでらしたりする中、私はあの日の余韻を今もなお感じているところです・・・(ご、ごめんなさい) iosdc.jp iOSDCは20日だけではなく、主催者様のすばらしいご判断で19日夕方より前夜祭が開催されることとなり、iOSエンジニアにはたまらないトークが1.5日間!ぶっ続けで繰り広げられました! 練馬にある施設のココネリホール☆ 前夜祭の受付が開始されたところ・・・ 技術的なことは既にたくさんのエンジニアの方々がすばらしい記事を書いていらっしゃいますので、スポンサーとして参加した感想やイベントの様子を写真とともに紹介したいと思います☆*:.
PR TIMESフロントエンジニアの山田です。 AMPに関する前回の記事で導入の顛末をまとめました。 AMP対応はGoogleの検索結果にも影響!PR TIMESへの導入記。 - PR TIMESデザイナー&エンジニアブログ BREAK TIMES 実はその後もいくつかの施策を試しながらアクセスの増減を見ていました。 そうした中でさらにAMPへのアクセスを増やすことが出来ましたので、まとめてみます。 こちらが今回の施策をおこなう前後でのAMPページヘのアクセスです。 今回の施策を実施後のアクセスを見ると10〜20倍もPVが増え、実施前がほとんど0に近くなって見えるくらい伸びています。 ここで実施したこととは、「構造化データをきちんと整えること」です。 これによって検索エンジンにきちんと情報を理解してもらいやすくなり、SEO的にも効果が上がってきます。 構造化データを検索エンジンが読んで理解
スウェーデン、デンマーク、ノルウェー、フィンランドなどの北欧の国々には何か共通したものがる。ほとんどが王室を持ち、北欧デザインと言われるデザイン思想を形成している。 豊かな自然の恩恵によるあたたかみのあるプロダクトを生産しているが、各々の環境にあった形と機能を備えた工業製品も世界的にも有名。 Ikea、Marimekko、VOLVO、Hasselbradなど機能と使い勝手の良い、時代を超えたデザインは日本人の生活にも親しみを持って取り入れられている。 やはり、ウェブサイトのデザインもいいのではないかと思い、調べてみました。 Bang & Olufsen 音楽が好きな人なら誰もが注目するB & O社のヘッドフォン。 イギリスのサイクルブランドRaphaとのコラボレーションモデルのページ。 ブランドカラーを挿し色にモノトーンのパララックスでロードレースのストーリーと音楽を うまく見せている。
PR TIMESフロントエンジニアの山田です。 6月20日から一週間、世界3大広告賞のひとつカンヌライオンズの視察に行かせて頂きました。 送り出して頂いたPR TIMESには感謝しています。 今年はヘルス・イノベーション・エンターテインメントとそれぞれの2日間ずつフェスティバルが行われたのですが、エンジニアとしてはやはりイノベーションに興味があるところ。 そのあたりも交えてレポートします。 会場 フェスティバル全体がフランスのカンヌ市にあるパレ・デ・フェスティバル・エ・デ・コングレという海辺の会場とその周辺で行われます。 パレ・デ・フェスティバル・エ・デ・コングレはカンヌ映画祭でもレッドカーペットが敷かれ、よくメディアにも登場するので、見覚えのある方もいらっしゃるかもしれません。 会場正面のメインモニタにはSnapchatの大きな広告。やはりいま勢いに乗っていますね。 屋外のステージではセ
高校時代パイロットになる夢があって技術先進国である日本の航空大学を目指していました。残念ながら夢は叶えなかったもののソフトウェアエンジニアとして日本で働くことができました!もう日本に来て10年目になりましたPR TIMESのエンジニアギルです。 最近LINEの上場が話題になりましたね。LINEは韓国のNaverの子会社で、日本では2000年にハンゲームジャパン株式会社として設立されました。311後にリリースしたLINEが大ヒットしたため、知名度を活かすため、2013年にLINE株式会社に社名変更を行いました。 日本ではLINEは言うまでもなく有名なアプリですが、韓国ではあまり使われないのが現状で、メッセンジャーとしてはカカオトークが一番使われてます。日本でLINEはメッセンジャーアプリのイメージが強いのですが、韓国でNaverは検索サイトの最大手で、日本におけるYahoo!のような存在です
こんにちは☆ PR TIMES エンジニアのうさみです 少し前に人感センサーと連携したアプリをつくりたい!ということで、どう実現しようかなぁと検討しました breaktimes.hatenablog.com そもそも「人感センサー」という言葉が聞き慣れないよ・・・ という方もいらっしゃるかと思いますが、コンビニへ入店した時に鳴る音や、お家の玄関付近を通った時に点灯する明かりを想像していただけるといいかなと思います 「人が来たよ! 音を鳴らすよ!」「人が来たよ! 明かりを点けるよ!」 と、人の所在を検知するセンサーのことを人感センサーというのですね☆ 人感センサ - Wikipedia まずはその人感センサー自体をどうしよう?ということで、超小型PC「Raspberry Pi」で自作する方法と、SONY製スマートDIYキット「MESH」の人感タグなるものを利用する方法のどちらかで検討しまして
こんにちは。 学生時代はメディア論を専攻していたPR TIMESエンジニアの山田です。 一般的にエンジニアというと理系のイメージが強い職業ですが、PR TIMESのエンジニアは文系7人、理系3人とむしろ文系の方が多い構成となっています。 「えっ!エンジニアって理系が向いているんじゃないの?」と思う方もいらっしゃるかもしれませんが、、PR TIMESはそうでもありません。 文系の脳は「感性やコミュ力はあるが、複雑なことはよくわからない」、理系の脳は「頭脳明晰だが、理屈っぽくて論理的で、コミュ力が無い」なんて話(2秒で分かる「理系脳」「文系脳」の調べ方 - NAVER まとめ)もありますが、実際どうなんでしょう? かくいう私山田もエンジニアチームで「文系、理系で考え方が違う」と感じていた1人。チームがお互いを理解するために、文系、理系に分かれてアンケートを取ってみました。 PR TIMESのエ
エンジニアの深川です。 今回はLINE BOT API Trial で遊んだ内容について書こうと思っていたのですが、 LINE Developers - BOT API - Overview LINE BOT API のCallback URLはSSL通信なので、雑なHTTPサーバを用意すればいいかなという目論みは外れて、ドメイン取得、SSL証明書の発行、WEBサーバの設定とやって、HTTPS接続可能なWEBサーバを用意する必要があります。 今回はLINE BOT API Trial を使う前段ということで、お題がSSL証明書の警告の出ないHTTPSサーバの構築について。OSはCentOS6を想定 ※ 追記:LINE BOT API Trial、追加募集開始とのことです。 【LINE】「LINE BOT API Trial Account」の追加募集を開始 | LINE Corporati
PR TIMESエンジニアの吉です。本日はスマートフォンアプリ開発について話したいと思います。 基本的にIOSアプリはSwiftかObjective-C、AndroidはJavaで開発しますが学習コストが必要です。シンプルなアプリあるいはプロトタイプのアプリなど早くアプリを作りたい場合はSwift、javaを使わなくても作れる方法はいろいろあります。 Monaca, PhoneGap, Titanium Mobile, React Native... 私はプロジェクト性質や開発メンバーのスキルなどを考慮してどれを選ぶのかを決めるべきたと思っています。適切な判断をするためには様々な技術を積極的に触ってみるのがいいでしょう。 このブログで紹介したいのはReact Nativeです。 開発元はfacebookでjavascriptを使ってとても簡単にアプリを開発できるのが特徴です。今年のF8イベ
こんにちは!エンジニアの落合です。 前回の記事で、メール送信機能における開発環境について書かせていただきました。 開発環境なので、基本的に毎回同じものを使います。chefのようなプロビジョニングが有効的です! 具体的な詳細は、前回の記事で確認していただければと思います。 今回は、Chefで簡単に送信開発環境をできるレシピを紹介したいと思います。 fileの配置 まずは、設定ファイルをあらかじめ取得しておいて、設定変更を行い、 files/default内に配置しておきます。 今回使用するファイルは以下の通りです。 aliases.regexp transport_maps main.cf dovecot.conf 10-mail.conf 10-auth.conf recipeの作成 それでは、recipeを作成したいと思います。 まずは、postfixを起動できる状態にして、postfi
デザイナーの新井です。Oculus RiftやHTC Viveなどのハイエンドのヘッドマウントディスプレイが発売され、VRが一般家庭でも楽しめるようになりました。スマートフォンをヘッドセットに装着して使用するタイプのGear VRなど手が出やすい価格のものが発表され盛り上がりを見せていますね。VRを楽しむためのコンテンツも揃ってきましたので今回はVR関連のコンテンツやコンテンツを作るガジェットなどを紹介したいと思います。 エンターテインメント Gear VRを活用した360度映像コンテンツ「360ベイスターズ」 横浜DeNAベイスターズ 横浜スタジアム内でGear VRを使用して練習風景や試合を臨場感あふれる映像を楽しめる体験ができます。自分がまるでグラウンドに立っているかのような新しいスポーツ体験ができます。今後、スポーツ観戦でVRが身近になっていきそうです。 http://www.ba
エンジニアの呉です。 今回紹介したいのはコマンドラインから使えるWebブラウザーであるphantomjsです。そもそも、なんでphantomjsを使うのか?それはWebサイトのキャプチャーをとるために、最初wkhtmltoimageを使ったけど、スマホ版はうまく撮れなかったため、いろいろを調べた結果はphantomjsを決めました。 phantomjsについて phantomjsはコマンドラインから使えるブラウザーです。レンダリングエンジンには「WebKit」が採用されています。phantomjsを利用すると、コマンドラインから、Webブラウザーを操作して、ブラウザー内に表示されるデータを取得したり、スクリーンショットを撮ったりすることができます。Webサイトからデータを取り出すスクレイピングにも使えます。 phantomsのインストール方法(centos 6.7) ハードウェアのスペック
PR TIMES エンジニアのうさみです。今年1月に新オフィスに移転してから、もうすぐで3ヶ月・・・暖かい季節になってまいりました☆ 移転の際に設置した弊社オリジナルの受付アプリも、それだけの間、お客様にご利用いただいているのですが、そろそろ機能改善も含めつつ新しい機能も盛り込んでバージョンアップをしたいなと考えています。 新機能として一番に取り入れたいことは、人感センサーを利用して受付アプリ側でアクションを起こすことです。具体的には、以下のようなことを実現したいです。 お客様がエントランスにいらっしゃったら人感センサーが感知して受付アプリが◯◯◯をする (◯◯◯の箇所は考案中) 人感センサーというと電子工作の知識を必要としそうですが、あいにく私は詳しくはありません。。そんな私でも実現できる方法がきっとあるはず!という思いで調べてみましたところ・・・ありました! 私の技術力の範囲では以下の
PR TIMESフロントエンジニアの山田です。 Oculus Riftの出荷が開始されたり、サムスンが発表会でGEAR VRを利用して話題になったり、VRが盛り上がってますね。 PR TIMESでも3/29の記者会見で発表させて頂いたように、配信されるプレスリリース内にVRが埋め込めるようになっています。 prtimes.jp Flic360、ストリートビュー、YouTubeなど360度回転して見られるフォトや動画がご利用可能です。 シルク・ドゥ・ソレイユさんにも早速ご利用頂き、臨場感が伝わります。 prtimes.jp 埋め込みは簡単、VRのURLをフォーム内に入力し挿入ボタンを押すだけ。 表にはサラッとだしていますが、裏ではPR TIMESのエンジニアチーム一同が頑張りました。 最初の開発が始まったのが1月。オフィス移転のタイミングでPR TIMESのリリースを出すときに、ストリートビ
PRTIMESエンジニアの吉です。 弊社ではNode.JSとRedisを使って一部の機能を実装しています。 今日はRedisをつかった集計方法ノウハウをみなさんと共有したく、簡単に紹介したいと思います。 なぜ集計にRedisを使うのか 最近のWebアプリケーションは様々なシーンにおいて大量のデータをサーバーに送ってきます。 特にユーザーのアクセス情報や行動ログ、内部セッションデータの保存などデータ間の関係性が低い情報に関してはNoSQLに保存するのが望ましいと思います。 ここで登場するのがRedisです。 Redisはデータをメモリ上に保持するので非常に高速な処理が可能です。 また、list, set, zset, hashといったデータ構造を持っていて効果的にデータを保存できる点からデータの集計に向いていると考えているからです。 以下、Redisのzsetを使って期間別のデータを絞り込ん
PRTIMESエンジニアの深川です。 リファクタリングの季節、春ですね。PRTIMESでもサーバのリファクタリングということで社内で運用しているサイトの棚卸しの実施中。 利用状況や現状の構成をレビューして、必要があればサーバの移行を進めています。 中でも、 * Wordpressで運用しているサイト * PHP&Apache&MySQLの構成 * チューニング次第でサーバリソースの要求水準は高くない このようなサイトは複数あるので、今回移行にあわせて、PHPのバージョンを5.6にしつつ、 WEBサーバをApacheからNginxに切替えています。 今回はその辺りの手順を公開してみます。 本来ならプロビジョニングツールで一括!となりますが、 自動化の前に手続きを確認ということで、今回はコマンドベースでの手順の公開です。 クラウドコンピューティングのイラスト | 無料イラスト かわいいフリー素
こんにちは。PR TIMESデザイナーの新井です。 UXの重要性は年々高まってきていますが、自分たちのビジネスにどう活かすかを世界の第一線で活躍しているUXデザイナーたちから学べる機会はなかなかないので前年に引き続き、今年もUX Days Tokyoに参加してきました。今回、PR TIMESはゴールドスポンサーをさせていただきました。 2016.uxdaystokyo.com 内容の把握、理解が完全でない点もありますが、今回参加して自分なりに解釈したことをまとめました。 16年のUXワークから学ぶ16のレッスン—Jesse James Garrett Adaptive PathのファウンダーであるJesse James GarretがサンフランシスコにAdaptive Pathを作り、UXコンサルタントとして活動されてきた16年の経験の中で得た16のポイントを紹介してくれました。 1. G
こんにちは!フロントエンドエンジニアの本間です。 今回はグラフ生成ライブラリのC3.jsについてです。 C3.jsとはWebグラフィックスを扱うD3.jsを利用して、オプションのような形で簡易的にグラフを作る為だけに拡張されたライブラリです。 日本だと知名度がイマイチかもしれませんが、海外ではD3.jsの人気が高く注目度の高いライブラリです。 D3.jsのみでもグラフを作成できますが、慣れるまで扱いが難しいところもあり、C3.jsを使うことでより楽にグラフを作成できます。 ドキュメントも充実していて、オプションも豊富にあり、柔軟性も高いので自分なりのグラフをさっと作りたい時など大変便利です。 データの投入方法を工夫することで動きをつけることができ、見せ方もカスタマイズできます。 以前、BIツールで月間のデータを可視化する時に使用していたことがあり、当日以降のデータを予想値として半透明にして
PR TIMES エンジニアのうさみです。 3月2日から3月4日までの3日間、東京・渋谷にて try! Swift 2016 が開催されました! 今回、PR TIMESはシルバースポンサーとして参加させていただきました。技術的なことはもう少しSwiftの技術力がついた頃に触れるとして、イベントに参加して感じたことを少しだけ・・・ PR TIMES のロゴ、ありました! イベント中はこちらのネックストラップを装着です☆ try! Swift が開催されたのが今回初ということもあり、ご存知でない方も多いかと思いますが、公式サイトでは以下のように紹介されています。 try! Swiftは世界中のSwiftデベロッパーが一堂に会し、知識や技術を互いに共有し高め合うことを目的としたカンファレンスです。 http://www.tryswiftconf.com/ try! Swift (@tryswif
PR TIMES エンジニアのうさみです。 先日、開発していたアプリをお披露目した時のことです。 社内スタッフの声: 「このアプリにビデオ通話機能があるといいですね」 「・・・というより、無いと不便で困ります」 私: 「・・・(あと1日でビデオ通話機能の追加!?)」 元々の仕様としては、SlackのAPIを叩いて指定したSlackのチャンネルへ通知するというシンプルな機能だけだったのですが、急遽ビデオ通話機能を追加することになったのでした。こういうシチュエーション、よくありますよね・・・ ビデオ通話機能をもったアプリ開発の経験は無く、時間もありませんでした。また、社内でのみ利用するアプリでしたので、開発コストを掛けずに確実に動作させるために何かいい方法は無いかと調べている中で、NTTコミュニケーションズ様の「SkyWay」というサービスを知りました。 nttcom.github.io 以下
フロントエンジニアの本間です。 今回は業務スピードが上がる便利なGoogle Chromeの拡張機能を紹介します。 エンジニアに限らず、色々な人が使える汎用的な物もご紹介します。 使えそうな物があれば幸いです。 まずはこれ 1, chrome.google.com Webデザイナーの方は必須!ブラウズ上ならどこでもカラーコードを調べらます。操作も簡単、調べたいところでクリックするだけ 2, chrome.google.com 先ほどのピクセル版です。どこでもピクセルが図れます。こちらの操作はドラックするのみ! 3, chrome.google.com これは表示しているサイトのhtmlをチェックしてタグの過不足などを検出してくれます。初歩的なミスを指摘され、赤面する前に入れときましょう。 4, chrome.google.com サイトのキャプチャを取ってくれます。全体、部分キャプチャ、簡
次のページ
このページを最初にブックマークしてみませんか?
『PR TIMESデザイナー&エンジニアブログ BREAK TIMES』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く