機能 豊富な機能で サイト運営の悩みを 解決します ウェブサイトを解析 ウェブサイトを改善 ヒートマップ サイト訪問者の行動を 視覚化して仮説を立案 スクロールヒートマップ(パソコン)
Google スプレッドシートは、 Excel ライクな無料で使えるサービスです。 今回は Google スプレッドシートで使えるアドオンを作ります。 Google App Script が使える人なら、アドオンを作るのはとてもハードルが低いです。 よく行う操作をアドオンにして、仕事を効率化しましょう! アドオンは、 Google App Script が使えれば、特別な関数をいくつか覚えるだけで作れます。 開発環境も、 Google App Script を作るときと同じ、スクリプトエディタを使います。 アドオンを作る流れを把握しておきましょう。 ・スプレッドシートに、アドオン用のメニューを追加する ・アドオンの機能を作成する ・アドオンのサイドバーを呼び出す ・アドオンのサイドバーに現れる UI を作成する ・アドオンを配布する(この行程は、この記事では省略します) スプレッドシートを
Googleドライブは無料で様々な機能を使用することができて非常に便利です。 機能の1つに『Fusion Tables』というデータベースを使用できるものがあります。 この機能では、基本的なデータベースの機能はもちろん、チャート描画・Googleマップ連携も可能です。 導入は驚くほど簡単で、10分あればできてしまいます。 今回は、Googleスプレッドとの連携をテーマに『Fusion Tables』を使ってみます。 商品のラインナップの管理を想定して、簡単なデータを操作してみましょう。 早速データベースを作っていきましょう! まずは『Fusion Tables』をアプリに追加します。 「新規」 > 「その他」 > 「アプリを追加」を押して、『Fusion Tables』を検索してアプリに追加します。 検索するのは以下のアプリです。 そうすると、アプリに「Google Fusion Tabl
SiTest にABテスト機能を導入した背景には、「ウェブサイトの解析から改善まで SiTest だけで行えるようにしたい」という想いがあります。 複数のツールを使うと管理コストが高くなりますし、費用もそれぞれのツールでかかってきます。 そのため、ABテスト機能も SiTest の中に盛り込んでご提供することに致しました。 今回はそんなABテスト機能をより有意義にご活用していただくために、ABテストに関する用語をご紹介していきます。 「スプリットランって何?」「ABテストと多変量テストの違いは?」「テストってどうやって行うの?」といった疑問にお答え致しますので、ぜひご一読ください。 ABテストとは、ウェブページの一部、またはページ自体や広告を2パターン用意し、ユーザーの反応をテストする手法です。 3パターン以上のページや広告を用意してテストする場合は、A/B/nテストと呼ばれることもありま
1.閉じタグが不要! HTMLの場合, <h1>Hello World</h1> のように閉じタグが必要ですよね、 Jadeだと h1 Hello World でOKです。 それだと入れ子にできないんじゃない?という疑問がでてきますね。 大丈夫です。インデントを調節すると下記のように入れ子も可能になります。 doctype html html head title Glad Cube body h1 Hello World HTMLだと、このようになります。 <!DOCTYPE html> <html> <head> <title>Glad Cube</title> </head> <body> <h1>Hello World</h1> </body> </html> ちなみにプロパティの記述の仕方は () で括るだけです。 例. <a href="">Hello World</a> ->
jQueryの登場でアニメーションの表現がとても楽になりました。 更にCSS3がモダンブラウザの全てで動作するようになり、 CSS Transitionsを使った非常に滑らかなアニメーションも実現出来るようになりました。 私はこのCSS Transitionsを使ったアニメーションが最速だと思い続けていたのですが、 どうやらJavaScriptを使った方が速いケースがあるらしいのです。 Webページのアニメーションを行う事に特化したVelocity.jsというライブラリがあります。 なんとこのライブラリを使うだけで、超滑らかなアニメーションが出来るとのこと! 今回は Velocity.js の内部実装を調べながら秘密に迫ってみようと思います。 Webサイトでのアニメーションの代名詞とも言えるjQueryアニメーション。 一体何が悪くてカクカクになってしまうのでしょうか? そこで調べた所、j
こんにちは、プロダクト開発チーム エンジニアの森永です。 Webアプリケーションの開発、Webサイトの作成などでJavaScriptライブラリを使うケースは多いかと思います。もちろんSiTestでもJavaScriptライブラリを使用しております。 その中で代表格とも言えるjQueryですが、最初のバージョンがリリースされた2006年から10年の節目である今年の6月にバージョン3.0がリリースされました。(その後7月に3.1がリリースされました) 今回はjQuery3で変更となった点、そしてjQuery3の登場が今後のフロントエンド開発等に及ぼす影響を考察いたします。 まず簡単にjQueryについて説明いたします。 jQueryはアメリカのプログラマーであるジョン・レシグが開発したJavaScriptのライブラリです。 最初のバージョンが2006年にリリースされて以降、DOMの操作やアニメ
ここ最近、Web業界のトレンドの変化が激しいですね! 日々、新しい技術がでている気がします。 来年のトレンドになりえるPWA(プログレッシブ ウェブアプリ)を 開発していくための簡単な手順を見ていきましょう。 PWA(プログレッシブ ウェブアプリ)は開発者カンファレンス「Google I/O」でクローズアップされた注目の技術です。 ざっくり説明すると、ネイティブアプリとウェブサイトをいいとこどりしたWEBアプリケーションです。 ネイティブアプリのプッシュ通知やアプリ感覚性をWEBアプリにとりいれることにより、インストール不要なブラウザで動くネイティブアプリ(のようなWEBアプリ)が実現できます。 心地よいネイティブアプリのUIをインストールせず、触れるとなるとメリットですよね。 (しかも気に入れば、インストールすることもできます。) もう一つ、大きなメリットがPWA(プログレッシブ ウェブ
Webサイトやブログを運営している方、あるいはWebデザイナーであれば、利用する画像をどう作成するか、一度は頭を悩ませたことがあるのではないでしょうか 特にブログの場合、それほど一記事にコストをかけることもできず、テーマに合った画像を探すのに結構な時間がかかることもあります。 いつの間にか、日本が「いらすとや」だらけになってる このようなトピックスもあるぐらい、皆さん画像には困っているようです。 特にアイキャッチ画像などはFacebookなどのSNSで拡散されたときのサムネイル(OGP画像)として表示されることが多く、コンテンツの内容にマッチしていて目を引くものが必要なので、使えるものを探し出すのは大変ですよね。 そこで今回は、著作権に抵触してしまうなどのトラブルの心配をせずに「画像の商用利用」をする方法について解説します。 ※パブリックドメイン/クリエイティブ・コモンズ ゼロ(以下CC0
Node.js は単なるサーバーサイドの JavaScript にはとどまらず、 マシン内で簡単に使える為の工夫が沢山存在します。 Node.js ではローカルのコマンドを簡単に登録する事が出来ますので、 その仕組みを利用して自作コマンドを作っていきます。 Unix や Linux では、シバンを用いて好きなインタープリターで実行できます。 JavaScript をローカルで実行したい場合、Node.js をインストールした状態で、1行目におまじないを記述することで実行できます。 $ cat hoge #!/usr/bin/env node console.log(123); $ chmod +x hoge $ ./hoge 123 また、パスの通ったフォルダに設置することで、 どこからでもコマンドとして呼び出せます。 $ hoge -bash: hoge: command not fou
対話型人工無能ボットを簡単に作成できるプラットフォームです。 人工知能ではなく、人工無能ですが、 エンジニアでなくても、GUI(ブラウザ操作)だけでチャットボットを作成することができます。 もう一つの特長として、Twitter, Slackなどのチャットツールとも連携が容易であり、 Webサイトにチャットボットツールを搭載できるスニペットも生成してくれます。 また、無料で使用できます。 では、実際に作っていきましょう。 メールの内容を確認して、赤枠からサインイン画面に遷移してください。 パスワードを記入して、「SET PASSWORD」をクリックします。 すると、アカウント画面に遷移するので、 さっそく「CREATE A BOT!」をクリックし、BOTを作っていきましょう。 今回は、「WelcomeBot」テンプレートが用意されているので、そちらを選択します。 チャットボットの名前を決めま
機械学習等を勉強されている方なら、 「ベイジアンフィルタ」という言葉を聞いたことあるのではないでしょうか。 ベイジアンフィルタを実装するには、もれなく形態素解析が必要になってきます。 今回はその形態素解析を手助けするライブラリを紹介していきます。 ナイーブベイズ(単純ベイズ分類器)というアルゴリズムを利用して、テキストの自動分類などに応用することのできるフィルタの総称です。 そもそもナイーブベイズやベイズ統計学について知らない方は下記の記事を参照してください。 ナイーブベイズ分類器を頑張って丁寧に解説してみる 機械学習の理解に必須!ベイズ統計学の基礎の基礎 ベイジアンフィルタは,事前に与えられたパターンにしたがって未知の文章を分類します。 事前に正しいデータを与え学習を行うので、「教師あり学習」と呼ばれる機械学習の手法の一つになります。 学習量が増えるとフィルタの分類精度が高くなる特長があ
近年、「AlphaGo」が囲碁チャンピオンを打ち破ったり、 自動運転車が開発されたり、 アマゾンがレジのない店舗を開発したりと人工知能が著しく成長してきているのを感じていると思います。 今回はそんな人工知能においていかれないよう、 AIボットを体験する前に、その環境を作ってみようという試みです。 エンジニア向けの記事として書いておりますが、 コーディングなど必要のない内容となっておりますので、 リラックスして読み進めていっていください。 IBM英国Hursley研究所のメンバーを中心に開発されている ハードウェアデバイス/APIおよびオンラインサービスを接続するためのツールです。 ざっくり説明すると、 機能毎に用意されたノードをマウスで繋ぐ操作で、簡単にアプリケーションを作成できる開発環境です。 Node-RED自体はもともとIoT向けに開発されたオープンソースソフトウェアでしたが 現在は
GoogleのTensorFlow, MicroSoftのCNTK、AmazonのDSSTNEと人工知能技術のオープンソース化が著しく増えてきました。 ただ、どの技術も使うのが難しかったり、プログラミングの技術が必要だったりしました。 今回は、人工知能技術をブラウザ上で扱える「Wit.ai」をご紹介します。 実際にどのようなものか見ていきましょう。 音声や文章を送ることによって動かせるアプリケーションやデバイスを簡単に作るためのオープンソースプラットフォームです。 連携できる対象が多様であり、例えば、モバイルアプリやウェアラブルデバイス、ロボット、メッセンジャーエージェントとさまざまです。 特長として、扱える言語が豊富であり、Node.js、Ruby、Python、C言語、Rust、JavaScriptプラグインで使用することができます。 また、端末もiOS、Android対応です。 それ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く