はてなブックマーク

普段SEOのコンサルを行う中で、「検索順位を定点観測できるツールは何を使えば良いか？」という質問をよくいただきます。 いつもは無難にGRCやSERPOSCOPEなどのツールをオススメしていますが、それらは有料であったり、順位取得のエラーが頻繁に出たりと気軽に使えるかどうかと言えば、必ずしもそうではありません。 もっと気軽に検索順位のチェックをできないかということで、「Google Apps Script（以下GAS）」と「Google Custom Search API」を使ってスプレッドシートに日次で書き込む方法をご紹介します。 ※以下は完成形のイメージです。 システム概要 だいぶシンプルですが、作成するシステムの全体像になります。 要件 検索結果50件までを取得し、その中に該当のドメインが含まれているかどうかチェックできる 該当のドメインが含まれている場合はその順位の値を返し、含まれな

マーケターに求められる役割の変化 デジタルマーケティングにおいて従来のマーケターは、広告出稿が主な担当領域で、ブランド認知や集客によるトラフィック増加を推進することが大きな役割でした。 ところがテクノロジーの進化による昨今では、ユーザー個々にパーソナライズされたコミュニケーションを用意し、一貫した、全体最適な施策を行うことで、優れたCX（顧客体験）を提供することが求められるようになってきています。 SEOにおいても、本来SEOは「Search Engine Optimzation」の略ですが、アルゴリズムの進化により昨今では「Search Experience Optimization」の略である言っても良いほど、ユーザーの意図を捉えたコンテンツを提供し、サイト上で良いユーザー体験を提供していかなければ、ランキング上位の獲得は難しくなってきています。 このように現在は、マーケティングに様々

Firebaseの公式リファレンスを見ると以下のように書いてありました。 Cloud Functions による動的コンテンツの配信 Firebase Hostingでは、Cloud Functionsを使用してサーバー側の処理を実行できます。つまり、Firebase Hostingサイトのコンテンツの動的生成をサポートすることができます。 どうやらFirebase Hostingは、動的なサイトも運用できるという、何とも素晴らしいサービスのようなので、実際に動的コンテンツの配信を行ってみました。 Node.jsの「Express」を使います。テンプレートエンジンには「EJS」を使います。（ここは別に「Pug」でも「handlebars」でも問題ないです） Firebase Hostingの環境構築の説明は割愛します。 詳しくはこちらをどうぞ プロジェクトの階層 階層はこんな感じです。 ├

[ [ "pit", "28" "id011" ], [ "john", "34", "id023" ], [ "bob", "24", "id011" ], [ "marry", "23", "id032" ] ] $tmp = array(); $array_result = array(); foreach( $array_org as $key => $value ){ // 配列に値が見つからなければ$tmpに格納 if( !in_array( $value['id'], $tmp ) ) { $tmp[] = $value['id']; $array_result[] = $value; } } $data = $array_result; Register as a new user and use Qiita more conveniently You get articl

概要 【Three.js】360°パノラマビューワーを作ってグリグリ操作出来るようにした（スマホ対応） という記事で、Three.jsを使ってシンプルな360°パノラマビューワーを作成しましたが、 スマホやタブレットで表示させた場合、PCと同じようにタッチでグリグリと視点を変えるようなものだったので、今回はジャイロスコープを使って、端末を傾けると画面が追従して視点を変えれるようにしたいと思います。 せっかく作ったので、上記の記事のコードをもとに修正していきます。 今回の修正で対応した項目は以下のとおりです。 ジャイロスコープ対応 コードは全て公開しますが、Three.jsの細かい部分の説明はしません。 最後にデモとGithubのリンクを用意してますので、そちらを参考にしてください。 Three.jsと必要なライブラリを読み込む Three.jsの公式サイトからダウンロードしたフォルダの中か

そうなんです。やってしまってます。コードやコンソールでのお遊びを。 内容は企業によってそれぞれ違いますが、多くはサービスのロゴであったり、エンジニアの採用メッセージであったり、、 でも採用メッセージは利にかなってますよね。一般の人は決して覗くことの無い部分ですし、覗きに来るということは、多少なりとも興味を持たれているということなので。 こういうの海外のサービスで主にやってるイメージがあったのですが、調べてみると意外に国内でもやってる所がたくさんあったので、幾つかご紹介します。 #ChatWork https://www.chatwork.com ビジネスチャットでおなじみのチャットワークさん。 こちらはシンプルな採用メッセージタイプです。 これぐらいなら明日からでも実践出来そうです。 #ドットインストール http://dotinstall.com プログラミング学習サイトで有名なドットイ

概要 GASと言えば、「Google Apps Script」のGASです。 「Apps Script Execution API」という新しいAPIが使えるようになったそうなので、このAPIを使って、外部環境からGASの関数を実行するというサンプルをご紹介します。 特にスプレッドシートをクラウド型の簡易データベースのように使えることも想定して、 とりあえず表からJSON出力して、「Execution API」で外部のNode.jsから実行するという内容をやってみました。 以下は実装のイメージです。 要は外部から実行する上で「認証」のあたりが重要なポイントで、この「Execution API」を使う事でOAuth認証で気軽に外部からGASにアクセスが可能となります。 今回はGASでスプレッドシートにアクセスしていますが、もちろんGASはカレンダーとか他のアプリケーションの操作もできます。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

# 概要 THETAやその他の360°全天球イメージ撮影デバイスで撮った画像で、バーチャルツアーとして360°のパノラマビューのコンテンツを作りたい場合、例えば「Panotour」や「Krpano」のようなオーサリングのソフトウェアを使うのが最も一般的ですが、これらのソフトは凄い高機能な反面、カスタマイズ性に欠けていて、ビルドされたコードも難解で、触るのにしても気が引けるので、やりたいことを中々、自由に簡単に実装することはできません。 やはりオーサリングソフトに依存せずに、自由に360°パノラマビューワーを実装するにはThree.jsのようなWebGLの技術を使い、自分で開発する必要があります。 (WebGLなのでスマホのOSが下位バージョンだと動きませんが・・・) 今回のビューワーで対応した項目は以下のとおり 360°パノラマビュー表示 マウス操作 回転アニメーション PC全画面 ズーム

(function(){ var width = window.innerWidth, height = window.innerHeight; var button; //scene var scene = new THREE.Scene(); //mesh var geometry = new THREE.SphereGeometry( 5, 60, 40 ); geometry.scale( - 1, 1, 1 ); //動画 var video = document.createElement( 'video' ); video.width = 640; video.height = 360; video.autoplay = true; video.loop = true; video.src = "test.MP4"; var texture = new THREE.Video

#実現したこと Backlogで課題を追加、もしくは更新・削除すると・・・ という形で、リアルタイムでチャットワークに通知が送られます。 こんな感じでBacklogとチャットツールが連携されれば、メールから課題を辿る必要が無くなるので、ますますメールの存在感が減っていくような気がしました。 具体的な設定に関しては、ほとんどこちらを参考にさせていただいてますー。 BacklogでWebhookが追加されたよ!!!Hubot経由でSlackに連携してみた #準備 Backlogでプロジェクトを用意 Hubotをサーバにデプロイしておく Chatworkで通知する部屋を用意 #Hubot側の設定 適当な名前でスクリプトを作成する backlogUrl = 'https://XXXXX.backlog.jp/' module.exports = (robot) -> robot.router.po

#概要 全体イメージ GithubじゃなくてBacklogを使いました。 これでGitのクライアントソフトでプッシュして、更に今度はFTPのクライアントソフトでドラック&ドロップでファイルを操作してアップロードするといった不毛な作業を無くします。 jenkinsのワークスペースからファイルをFTPで転送するプラグインがあったので、それを試用しました。本当はsshでログインしてgit pullとかコマンドを叩いた方が良いと思います。 #Backlogの設定 まずBacklogの設定から行います。 プロジェクト設定→Git→リポジトリの編集ボタン webフックの設定を行います。 http://【Jenkinsサーバ】/git/notifyCommit?url=【GitリポジトリのURL】 詳細はこちら サルでも分かるGit Webフック入門 #Jenkins側の設定 適当な名前でジョブを作成し

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?