大手企業――拠点が数百や数千あるような大企業――のマーケティングを担当している人に訊きたい。貴社に合ったローカルSEOの情報を、いつも使っている情報源から得ていると自信を持って言えるだろうか？ 担当しているブランドは、技術的な基礎だけでなく、新しい市場への進出を支えてくれるハイパーローカルな調査もチェックしているだろうか？ ローカルSEOに関する私の経験といえば、2010年にMozで働き始めるまでは、中小企業モデルに関わるものがほとんどだった。仕事の範囲が限られていたので、当然ながら当時の私にできる助言にも限界があった。 だがその後、Moz Localが登場し、105カ所の拠点を持つCrate & Barrelや、400拠点のPAPYRUS、2000拠点以上のBridgestone Corporationのような、高く評価されている大企業顧客のより複雑なニーズについて、もっと学べる機会が増

はじめに 最近、データサイズは大きくない割に、ジョブが徐々に遅くなったり、メモリ不足が発生して処理が中断するといった相談を受けましたので、その対策の一つである小さなファイルをまとめて読み込むgroupFiles/groupSize指定について解説します。 Reading Input Files in Larger Groups 多くの小さなファイル読み込みの問題点 普通の Apache Sparkは多くの小さなファイル（Kinesis Firehoseのファイル等)は、本来不向きです。理由は多くの小さなファイルを処理するとタスクが多すぎて、スケジューリングとメモリオーバーヘッドの増加し、最終的にはメモリ不足が発生して処理が中断します。一方、AWS Glue（のSpark）は、今回ご紹介するgroupFiles/groupSize指定することで、タスクごとにファイルを自動的にグループ化して正

Rubyは便利なメソッドがたくさんある。。。。 Rubyには便利なメソッドがたくさんありますよね。 Ruby書いて、他の言語を触るとRubyだったらこのメソッドが使えるのに。。。 ってなることも少なくないと思います。 しかし、便利なメソッドがありすぎて把握しきれないのも事実だと思うのです。 僕の場合、Rubyのメソッドがあれば一発でやってくれるちょっと凝った配列の処理を eachやら、forやらで散々書いていたこともあります。 ということで、今回は実際にプロダクト内で僕が使った、 そんなには頻繁につかわない、だがこれは便利！という Rubyの配列メソッド、テクニックたちをここに置いて置こうと思います。 2次元配列でサンプル、デフォルトデータを挿入 こんな状況はありませんでしょうか？？ 2次元配列の要素で、空配列とそうでない配列が混在している。 この状況で、空の配列にはサンプルデータを突っ込

久々のブログです． 6月ぐらいにWebAssembly の仕様をざっくり読んだので，なんか WebAssembly でやりたいなと思って，Vim を WebAssembly に移植してブラウザで動くようにしてみました，という話です． github.com 多分実物を見ていただくのが一番早いので，下記のリンクにアクセスしてみてください． デモページはこちら（下記の注意事項を先にお読みください） 注意 デスクトップ版の Chrome か Firefox か Safari か Edge を使ってください．どうやら macOS では Safari が一番動きが良いです． デモページは全部で1MBほどのリソースを fetch します．モバイルネットワークなどからアクセスする場合はお気をつけください． keydown でキー入力を取っているので，キー入力を横取りするブラウザ拡張などが有効になっていると

Polymer3.0 PolymerはGoogle社製のJavaScriptフレームワークで「Web Components」「Material Design」などモダンなWEBサービスを作る事ができます。 Developers.IOでは過去にこのような記事を書いていました。 [Polymer] Material Design を使った Web ページを作ってみる Polymer.dart でも Material Design 個人的にもPolymer1.0が出た頃にプロダクトで軽く利用した程度だったのですが、 今年に入りPolymer3.0が公開されましたので少し触ってみました。 What's new in Polymer3.0 2.xではBowerを利用していましたが、npmに変わりました。 また、polymer-cliではserveやbuild、testのコマンドが用意されています。

(※2016年に書かれた記事の翻訳ですので今とは違う情報が含まれます） 現在業務用としても一般のコミュニティとしてもよく使われているチャットサービスのSlack。サーバーサイドはどのプログラミング言語で作られていると思いますか？ 実はPHPで作られています。（現在は恐らくHack） 詳しくはSlackのチーフアーキテクト職の方が書かれた下記の記事に書かれています。(2016年に書かれたものです） Taking PHP Seriously – Several People Are Coding ちょっと驚きですよね。今の時代だと日本だとスタートアップ界隈ではRailsが人気ですし、そもそもチャットシステムを作るのであればWebSocketを使うためにGo, Elixir, Node.jsで実装するのが普通のような気がします。 なぜPHPを選んだのか？ まず最初に語られているのは、大勢の人がP

create-react-appコマンドを実行すると、React.jsプロジェクトの雛形を作れます。 その雛形のsrcディレクトリ以下にregisterServiceWorker.jsというファイルがあります。 また、ビルドするとservice-worker.jsというファイルが生成がされます。 雛形のコードがService Worker上でしている事と、上記ファイルについてまとめてみました。 Service Workerについて Service Workerとは、リッチなオフライン体験・定期的なバックグラウンド同期・プッシュ通知など、いわゆるPWAの機能を実現するために基盤となる技術です。 （詳しくはGoogleのドキュメントにて解説されています。Service Worker の紹介） Service Workerによって実現できる機能は様々ですが、create-react-appで作っ

OpenID Connectでは、4つのアクセス権限付与フローが定義されています。 Authorization Code Grant Implicit Grant Resource Owner Password Credentials Grant Client Credentials Grant よく１、2を使っているのでなじみがあると思います。AWS Cognitoにもその選択肢があります。 3はあまりなじみがないとは思いますが、私もよく知りません。 4は、ユーザログインとは関係ないのですが、AWS Cognitoに選択肢があり、気になったので今回はこれを使ってみます。 Client Credentials Grantは、ユーザの同意を必要としないリソースにアクセスする際に利用されるそうです。 もともと、AWS Cognitoは、モバイルアプリケーション向けにユーザ登録・ログイン機能を提

Elementsタブ 要素がどんなタグやstyleで構成されているか、確認することが出来ます。 Cmd + Shift + c のショートカットを使ったり、要素を右クリックして「検証」をクリックすると、任意の要素を簡単に調べることが出来ます。 要素を編集する 要素の内容はダブルクリックすることで編集が可能です。 F2のショートカットキーを使うと、子要素もまとめて編集が出来ますので、複数の箇所を変更したいときは、ショートカットキーを使うといいでしょう。 また、Deleteキーを押すことで要素を削除することもできます。Cmd + z でアンドゥ、Cmd + Shift + zでリドゥも可能です。 マージンやパディング、サイズを確認する 右側のComputedタブを開くと要素自身のサイズや、マージン、パディングを確認することが可能です。 クリックすることで、このまま編集することも可能です。 要素

Recently, I hosted a Red Hat webinar titled “Kubernetes is the Platform. What’s next?” during which I highlighted the current Kubernetes architecture and capabilities, some of the new innovation happening within the broader open source community, and how much of this innovation is making its way into Red Hat OpenShift Container Platform. There were great questions from the audience afterward but d

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! The CSS Paint API is extremely exciting, not only for what it is, but what it represents, which is the beginning of a very exciting time for CSS. Let’s go over what it is, why we have it and how to start using it. What is the CSS Paint API? The API is just one part of a whole suite of new sp

コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕

Sergey Brin says Google 'failed to be on the bleeding edge' of blockchain Published Mon, Jul 9 201812:16 PM EDTUpdated Mon, Jul 16 20181:54 PM EDT

まあこれは弊社(Claves)での取り組み方(別に相談してないので独断ですらある)です。 多分そのうち陳腐化するので金科玉条のごとき扱いはしない方が良いです。 書くにあたった動機 若い人間がJavaScriptを書く場合に、 参照しているものが古い 便利なライブラリとかがあるのに再発明とかしてる Railsで書く場合にどう書けば良いのか などが整理されていないと感じた。 都度説明していたが三回をこえて面倒なので書き下すことにした。 JavaScript? TypeScript? 正直モダンに書くのであればJavaScriptでもTypeScriptでも良いと思っている。 構文的にはTypeScriptはモダンなJavaScriptに型、抽象クラスなどが追加されていると思って良いかと思う。 継承とかゴリゴリ書くのであればTypeScriptは便利だし、後述するReactなんかも TypeSc

Rubyのサンドボックスを作って、evalするBotを作った posted at 2018-07-10 01:04:56 +0900 by kinoppyd 注意：安全じゃありません RubyのSnadbox環境 Sansbox環境とは、外部から入力されたプログラムを安全に実行する環境のことです。任意のコードを入力可能な場所で、いきなり system(“rm -rf ~/) とか入力されて、それが本当に実行されたら困りますよね？　自分は困ります。ですが、外部から入力されたコードを安全に実行する環境というのはそれなりに需要があり、最もわかりやすいところではJavaScriptを実行するブラウザ、わかりにくいところでは今回作ろうとしているeval用のbotです。 ブラウザに関しては、インターネットという非常に治安の悪い場所から送られてくるコードを自分の環境で実行するので、サンドボックスが必要で

ウェブ制作で差がつくテクニックをつかった、コピー&ペーストで利用できる HTML/CSS スニペットをまとめてご紹介します。2018年を代表するグラフィックデザインのトレンドでもある、グラデーションやグリッチエフェクト、ちょっとした動きが魅力的なマイクロインタラクション、CSS Gridプロパティの実践的な使い方など、今後のウェブサイト制作で参考にしたい作品を中心に揃えています。 「Run Pen」をクリックすることで読み込みが開始されます。右下に表示された「Return」で再読み込みし、左上のHTML/CSS/JSタブを切り替えることで、それぞれのスタイリングを確認できます。実際にカスタマイズしたいときは、右上の「Edit on Codepen」をクリックしましょう。これらのスニペットを利用することで、他とは一味違うユニークなウェブサイトを制作してみましょう。 Webサイトを使いやすく！

『サガ スカーレット グレイス 緋色の野望 Limited BOX 【邪神】』 の Nintendo Switch 版と PlayStation 4版のどちらを予約すべきか長々迷った挙句、結局 Switch 版を選んだ kagata です。いずれにしてもハードを買ってこないといけません。 今回は、WP-CLI の中ではあまり注目されていないような気がするコマンド wp shell を紹介します。地味ながら、いろいろな場面で活用できる万能コマンドです。 wp shell とは wp shell は、コマンドラインから入力した PHP コードを対話的に実行するコマンドです。WordPress 向けの REPL というと、プログラマーには通りがよいかもしれません。 wp shell | WordPress Developer Resources 使い方はシンプルです。WP-CLI をインストール

Minimal Ubuntu, on public clouds and Docker Hub(Canonical公式ブログより) Canonicalは2018年7月9日(米国時間)、パブリッククラウドおよびDocker Hubに最適したLinuxディストリビューション「Minimal Ubuntu」をリリースしたことを明らかにした。AWS(Amazon Web Services)およびGCP(Google Cloud Platform)を推奨パブリッククラウドとし、イメージファイルはWeb上からダウンロードできる。 Minimal Ubuntuはクラウド上の仮想マシン用OSとして設計し、標準のUbuntuと比較すると、イメージサイズは50%未満、起動は40%高速化した。Amazon EC2やGCE(Google Compute Engine)、コンテナはLXDやKVM、OpenStack

2018.07.09 週刊Railsウォッチ（20180709）Rails Developers Meetup Day 3 Extreme今週末開催、RailsのSTI/キャッシュ/添付ファイル/Redis/PDF出力、ECMAScript 2018、プロフェッショナルIPv6ほか こんにちは、hachi8833です。年々夏が苦手になっています。 各記事冒頭には⚓でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ ウォッチを継続するためにも皆さまからのフィードバックをぜひお待ちしています。@hachi8833までどうぞ🙇 ⚓臨時ニュース: Rails Developers Meetup 2018 Day 3 Extremeが7/14（土）開催 すべての登壇テーマが出揃いました。来週、7/14（土）開催です。 #railsdmhttps://t.co/CRc1czT