変化の早いフロントエンド界隈でいま押さえておきたい、最新のJavaScript関連記事をKADOKAWAが運営するオンラインメディア「WPJ」からアクセス人気順に紹介します。

今回は、Go言語がOS直上の低レイヤーを扱いやすくするために提供している io.Writer インタフェースの紹介をします。Go言語がシステムプログラミングを簡単に行える言語でありつつも、それなりに少ない記述量で比較的高速で、それでいて多くのことが達成できるのは、これから説明するようなインタフェースにより、低レイヤーが扱いやすい構造になっているからです。インタフェースと、インタフェースに対して提供されるさまざまなサービス関数が、Go言語の安い、早い、うまいの秘密です。 io.WriterはOSが持つファイルのシステムコールの相似形 前回の記事では "Hello World!" プログラムの関数呼び出しをデバッガーでたどり、最後にシステムコール syscall.Write() が呼び出されているようすを見ました。OSでは、このシステムコールを、ファイルディスクリプタと呼ばれるものに対して呼び

Googleが新OS「Fuchsia」を発表したり、ソフトバンクがARMを買収したりと、何やら派手なニュースで盛り上がっているIoT界隈。これからはWeb開発者だって、ブラウザーやアプリの枠を超えたIoTガジェットやシステムを作る時代になりそうですね。 そこで、Web開発者がIoT（っぽいもの）の試すのに役立ちそうな記事を紹介します。Raspberry Piなどのボードコンピューターを使って、アイデアをすぐに形にする楽しさを体験してみましょう。 1. Rasberry PiとIBMのWatsonをつなぐ 『いま何度？→WatsonのAPIとラズパイ繋いだらスタバのカップがしゃべり出した』（WPJ） IoTっぽいことを体験してみるなら、まずはRasberry Piですよね。ただ、LEDライトを光らせるだけだとおもしろくありません。そこでIBM WatsonのAPIとRaspberry Piの

アイコンを刷新し新しいスタートを切った「Instagram」。近年では写真だけでなく、撮影した動画の加工や共有も可能になりました。 今やInstagramは友人同士のSNSにとどまらず、芸能人や企業がマーケティングやプロモーションとして利用することが多くなってきています。写真や動画がメインとなるサービスなので、その活用方法は、同じSNSであるFacebookやTwitterとはまったく異なると言えるでしょう。 今回は、Instagramをマーケティングやプロモーションとして利用する際の基本的な使い方から便利な解析ツール、気になるInstagramの公式アナリティクスツールの最新情報を紹介します。 Instagramをマーケティングに活用する基本の3つをおさらい 基本的な使い方のポイントは3つです。 1.複数のアカウントを管理する Instagramをマーケティングに活用するためにアカウント

Instagramを企業のキャンペーンで使う事例が増えています。アカウントの登録方法、ゴールとKPIの設定、投稿コンテンツの方針の決め方まで、Instagramアカウントの運用のコツを紹介します。 （この記事は企業アカウントの作成、運用、広告出稿の事例を解説する連載の2回目です） 企業アカウントの開設方法は個人と同じ Instagramのアカウントに「個人」「企業」の区別はありません。アカウントの登録にも分かれ道はなく、企業アカウントでないと使えない機能も今のところはありません。個人アカウントがある場合は、企業用のアカウントを別に作りましょう。 Instagramアプリを初めて起動すると、アカウント登録画面が表示されます。「電話番号またはメールアドレスで登録」→「メールアドレスで登録」と進み、メールアドレスとして会社のメールアドレスやメーリングリストのアドレスを入力します。 続いて「プロフ

Google アナリティクス初心者のために、基本的な分析の考え方、リスティング広告AdWords連携、Googleタグマネージャーの活用方法を、Webマーケティング支援企業で、LISKULを運営するソウルドアウト株式会社Webマーケティング本部のみなさんが解説します。（編集部） Webサイトの現状・成果を把握するには「Googleアナリティクス」などのアクセス解析ツールが必須です。ただ、Google アナリティクスはレポートが充実している反面、「どの項目を見るべきなの？」「その結果からどう改善すればいいの？」は利用者任せで、悩んでいる人も多いでしょう。 今回は、Google アナリティクスを活用したい人向けに、特に重要な5つのレポートと改善方法を紹介します。 広告効果を把握する

グッドパッチのデザイナーがSketch 3を使ったUIデザインの方法を解説する本連載。第2回では、Sketchの基礎的な操作を紹介しました。今回は、UIデザインに便利なプラグインを紹介します。Sketchは、ユーザーが開発したプラグインによって機能を拡張できます。豊富なプラグインの中からお気に入りを見つけることも、Sketchを使う楽しさの1つです。 Sketchのプラグインは、メニューバーの「Plugins」で管理します。追加したプラグインはこのリストに表示されます。 プラグインのインストール - The Sketch Toolbox プラグインは、「The Sketch Toolbox」を使ってインストールする方法と、GitHubなどからダウンロードして手動で追加する方法があります。 The Sketch Toolboxは、Sketchのプラグインのインストールやアンインストールをサポ

海外のUIデザイナーの間で爆発的に広まっているデザインツール「Sketch 3」。本連載では、国内きってのUIデザイン集団であるグッドパッチのデザイナー陣が、Sketch 3によるUIデザインの方法を解説します。（編集部） Sketch 3は、オランダのボヘミアンコーディングが開発・販売しているMac OS専用のベクタードローイングツールです。日本ではIllustratorやPhotoshopに押されてまだマイナーな存在ですが、海外ではすでに多くのUIデザイナーが使用しています。グッドパッチでもほとんどのUIデザインはSketch 3を使用しています。 今回は、Sketch 3はどんなツールなのか、使う3つの理由と10の魅力をご紹介します。 1.安い Sketch 3は99ドル（1ドル120円とすると1万1800円）の買い切りソフトです。しかも1カ月間のフリートライアルがあるので、使い勝手

小さな企業やサイトで役立つユニバーサルアナリティクスの便利な使い方を紹介する本連載。前回は、Googleアナリティクスをユニバーサルアナリティクスに移行する方法を解説しました。今回は、ユニバーサルアナリティクスを使って、A/Bテストを手軽に実施する方法を解説します。 A/Bテストは、異なる2パターンの広告やWebページを用意し、ユーザーの反応を比較するテスト手法のことです。専用のツールもありますが、従来からGoogleアナリティクスにある「ウェブテスト」機能を使っても実施できます。 ただし、Googleアナリティクスのウェブテスト機能は、AパターンとBパターンのページをそれぞれ用意する必要があり、ボタンの色や文言を変えるといった、ちょっとしたテストには面倒です。 そこで、ユニバーサルアナリティクスの「カスタムディメンション」を使って、パーツのA/Bテストを手軽に実施する方法を紹介します。

「TADA」は、画像の遅延ローディングを手軽に実装するプラグインです。ページを読み込んだときではなく、画像が見える位置までスクロールしたタイミングで読み込むので、ページを開いたときの待ち時間を短縮できます。 TADAプラグインはGoogle ChromeなどのモダンブラウザーとInternet Explorer 8以降、iOS／Androidのスマートフォンに対応しています。 ライセンスはMITです。ライセンスに従って著作権表示は削除せずに利用しましょう。 step1 jQueryプラグインの読み込み jQuery本体をjQueryの公式サイトから、 TADAをGithubからダウンロードします。ページ右下の「Download ZIP」ボタンからダウンロードできます。 利用するWebページのbodyの閉じタグ直前で、jQuery本体と、ダウンロードした「jquery.tada.min.js

アプリをプロモーションする目的　＝　“ユーザー獲得”です。 ユーザーを獲得する…と言っても様々な手段があり、広告は重要な手法の1つです。今回はアプリプロモーションする上で効果的な広告を、大きく以下の3つに分けてみました。 リワード広告 アドネットワーク その他 1.リワード広告 リワード広告とは？ ユーザーにインセンティブを与える代わりに、広告にアクションしてもらう広告のことです。 実施目的 目的は、リワード広告にアクションしてくれたユーザーの獲得ではありません。リワード広告に出稿すると、インセンティブ目当てのユーザーにより、短時間に大量のアプリダウンロードが集中します。その結果、無料ランキングが一時的に上昇するため、ランキングを見てダウンロードしてくれるユーザー（＝自然流入ユーザー）の獲得を目的としています。 実施判断のポイント 判断のベースは、【想定自然流入ユーザー数】です。ただ、自然

圧倒的な人気を誇るJavaScriptのライブラリー「jQuery」。サイトに効果をあたえるプラグインが多数あることが魅力ですが、そのプラグインを探すことがWeb制作者の手間になっています。本連載では、「こうめ」さんこと大竹孔明さんがおすすめのプラグインと実装方法、実装例を紹介します。

スマートフォン向けのWebサイトやWebアプリを中心に、「SVG」がいま再注目されています。単なる画像フォーマットを超えて、最近ではさまざまな表現に広く活用されるようになりました。 本連載では、SVGの概要から基本的な使い方、Web制作での活用方法までをじっくり解説。CSSによる装飾やJavaScriptとの連携など、すでに使っている人がもっと使いこなすためのテクニックも紹介します。（編集部） Webの表現を広げるSVGの魅力 SVGと聞くと、「単なるベクターの画像でしょ」と思う方も多いでしょう。確かにSVGは「Scalable Vector Graphics」の略なので、ベクター形式の画像フォーマットであることには間違いありません。 一方で、SVGには、PNGやJPEGといった、他の画像フォーマットとは異なる魅力があります。SVGをWebページに使うことで、これまでのHTMLやCSSだけ

Gmailに代表されるWebメールの利用拡大や、スマートフォン、タブレットの普及など、メールの閲覧環境は大きく変わっています。従来はテキストメールが大半だった企業の「マーケティングメール」も、ここ数年で写真やイラストをふんだんに使ったHTMLメールへの移行が目立ってきました。 ここでは、海外の先進的な企業が発行しているマーケティングメールの事例を業種別に紹介します。デザインやコンテンツなど、HTMLメールへ移行するときの参考にどうぞ。 Really Good Emails、Campaign Monitor、Email-Galleryをもとに作成。

「Parallels Desktop 10 for Mac」といえば、OS X Yosemiteに対応したパラレルスの最新仮想化ソフトだ。最大16CPU、最大64GBメモリーに対応し、iCloud Drive、iMessages、SMSのテキストメッセージなどをゲストOSのWindowsと共有可能なほか、Spotlight、FinderのQuickLookも利用できるようになる。 今回、パラレルス創業者のひとりでクロスプラットフォームビジネスを統括するジャック・ズバレフ氏（Jack Zubarev）、Parallels Desktopなど仮想化製品開発を担当するニック・ドブロボルスキー氏（Nick Dobrovolskiy）が来日し、戦略説明会を開催したので、そのポイントをお伝えしよう。 「Parallels Desktop 10 for Mac」。動作環境はOS X Lion（10.7.

さくらインターネットの田中邦裕社長が、AWSとさくらのマルチクラウドについて、なんとAWSのユーザーコミュニティであるJAWS-UGで講演しているという。ある意味“アウェイ”ともいえるJAWS-UGの勉強会に果敢に飛び込む田中社長に話を聞いた。 VPSと専用サーバの価値を再評価 パブリッククラウドにおけるAWSの市場優位性は、国内でも確固たるものとなっている。こうした中、自社のサービスをAWSのサービスと連携させることで、両者の弱点を補うマルチクラウドを実現できるとアピールしているのが、さくらインターネット代表取締役社長の田中邦裕氏だ。 田中氏によると、クラウド化へのステップは、「データセンターへの移行」「ITリソースのレンタル（アセットレス）」「仮想化・IaaS」「SaaS」まで4段階あるという。このうち、さくらインターネットの売りは、IaaSより下をすべてやっていること。田中氏は、「A

日本IBMは8月19日、USB 3.0接続に対応したテープドライブ装置「IBM TS2250/TS2260」の出荷開始を発表した。サーバーだけでなくクライアントマシン（PCやMac）にも接続可能で、既存の記録メディアでは扱いづらい製造業や医療機関、映像メディア業などの大容量データ保存需要も見込む。 今回発売されたのは、LTO 5ドライブ搭載のTS2250と、LTO 6ドライブ搭載のTS2260の2モデル。基本構成時のインタフェースは6Gbps SAS×2だが、オーダー時にUSB 3.0×1、6Gbps SAS×1の構成に変更できる。 IBMが無償提供するソフトウェア「LTFS　SDE（Linear Tape File System Single Drive Edition）」との組み合わせにより、ドライブをUSB接続したクライアントマシンから、簡単にテープへのファイル読み書きが可能。LTF

「Circliful」は、の円グラフをアニメーションつきで表示できる jQuery プラグインです。カスタムデータ属性に値を渡すだけでグラフを簡単に描画でき、豊富なオプションでデザインをカスタマイズできます。ランディングページで製品のシェアを訴える際などにいいでしょう。 ライセンスはMITです。ライセンスに従って著作権表示は削除せずに利用しましょう。 step1 jQueryプラグインの読み込み jQuery本体をjQueryの公式サイトから、CirclifulをGitHubからダウンロードします。ページ右下の「Download ZIP」ボタンからダウンロードできます。 利用するWebページの body の閉じタグ直前で、jQuery本体と「Circliful のminifyファイル」、「jquery.circliful.min.js」を読み込みます。 //(中略) <script src

数年前に停滞を経験した米国のIT業界に活気が戻ってくるとともに、それを支えるソフトウェア技術者に再び注目が集まりつつある。 米ニュースサイト「US News」が今年1月に発表した「2014年の最も優れた職業トップ100」（The 100 Best Jobs）というランキングによれば、1位が「ソフトウェア開発者」（Software Developer）、2位が「コンピュータ・システム・アナリスト」（Computer Systems Analyst）と、IT関係だけでツートップを形成している。実際、収入的にも全米規模で上位グループに属し、リーマンショック以後の経済停滞期には最も早い時期に求人需要が復活し、失業率も低い水準で留まっている。 特にシリコンバレーのような求人の激戦区では、エンジニア引き留めのために報酬水準が年々ハイペースで引き上がっている。もちろん波はあるものの、いま米国で最も注目の

フラットデザインやミニマルデザインといった「Webデザインのシンプル化」が進む中、アクセントとなる「ちょっとした動き」を取り入れるWebサイトが増えています。本連載では、ブログ「<a href="http://zxcvbnmnbvcxz.com/">Stronghold</a>」のメンバーが、いま注目のWebサイトを毎回1つピックアップ。特徴的なインタラクション表現を紹介するとともに、CSS3やjQueryを使って実装する方法を解説します。