TechAcademy（テックアカデミー） 最新記事 新型MacBook ProよりESCキーを廃止へ！macOS Sierra 10.12.1ではリマップ可能に
icon
icon
最新記事

新型MacBook ProよりESCキーを廃止へ！macOS Sierra 10.12.1ではリマップ可能に

新型MacBook Proでは、ファンクションキー廃止と共にESCキーの廃止が行われています。macOS Sierra 10.12.1では別のキーをESCキーとしてリマップすることが可能となっています。ぜひチェックしてみてください。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　 調査手法：インターネット調査

Appleは、日本時間10月28日に新型Macを発表される予想はされていますが、新型MacBook Proのイメージ画像がリークされていました。

※Appleのスペシャルイベントにて、新MacBook Proが正式発表されました。

その新型MacBook Proでは、ファンクションキー廃止と共にESCキーの廃止が行われています。

macbook_pro_magic_mr

画像：MacRumors

 

「ESCキー」は日頃から常に使うキーでもあるため批判的な意見も多そうですが、macOS Sierra 10.12.1では別のキーをESCキーとしてリマップすることが可能となっています。

以下でESCキーのリマップ方法について紹介しています。

macOS Sierra 10.12.1にアップデートしていない方は、まずアップデートの完了を行いましょう。

 

別のキーをESCキーとして割り当てる方法

macOSには、あるキーを別のキーにリマップする機能が搭載されており、その機能を使うことでESCキーを割り当てることは可能です。

まずは「システム環境設定」から「キーボード」を選択します。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-26-10-16-48

「キーボード」を開いたら右下の「修飾キー」を選択しましょう。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-26-10-16-58

すると以下のように今割り当てられているキーのメニューが表示されます。

ここでESCキーをリマップすることが可能となっています。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-26-10-17-14

 

ESCキーのリマップは可能ではありますが、変更するキーもすでに常用している可能性が高いはずです。(行うとしたらCaps Lockキーが多いでしょうか。)

特にテキストエディタでVimを利用しているVimmerの方々は要チェックです。

 

外部キーボードを利用するというのも一つ手ではありますが、外での作業では難しいでしょう。

いずれにしても新しいキーに慣れる必要がありそうですが、28日の発表をチェックしておきましょう。

[お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルアプリが作れるiPhoneアプリ開発オンラインブートキャンプを開催しています。期間中は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。

記事を検索

関連するキーワード

関連する記事

音楽ストリーミングサービス「Spotify」ようやく国内で提供開始

9月29日、世界最大手の音楽ストリーミングサービス「Spotify」の公式アプリが、国内のApp Store/Google Playからダウンロードできるように...
最新記事

マイクロソフト、最薄レベルのデスクトップPC「Surface Studio」を発表

マイクロソフトは、現地時間10月26日、ニューヨークで開催中のイベントで新たな製品「Surface Studio」を発表しました。アップルのiMacをイメージさ...
最新記事

【発売開始！】知らなきゃ恥ずかしいiPhone7の変更点とは

iPhone7が9月16日(金)より全国一斉に発売を開始しています。 改めて「iPhone7って何が変わったんだっけ？」と聞かれてもすぐ言えるように特徴を...
最新記事

マイクロソフトの「HoloLens」、国内で発売！年内にプレオーダー開始

日本マイクロソフトは、Windows10を搭載したホログラムHMD「HoloLens」を日本の開発者向けと法人向けに提供すると発表しています。2016年内には予...
最新記事

Apple（アップル）、新型Macを10月27日のイベントで発表か

Apple(アップル)が米国時間10月27日(日本時間10月28日)にスペシャルイベントを開催し、新しいMacを発表する計画だとrecode、Bloomberg...
最新記事

【PSVRで九龍城を再現！】「クーロンズゲートVR 朱雀」がクラウドファンディングを開始

1997年に発売された「クーロンズ・ゲート」がPSVRのコンテンツとして再現されます。 「クーロンズゲートVR 朱雀」という企画がクラウドファンディングサ...
最新記事

あわせてよく読まれている記事

PHPの配列でjoinメソッドを使う方法を現役エンジニアが解説【初心者向け】

PHPで配列を結合する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 PHPではさまざまな方法で配列を結合できますので、この記事では用途に合わせた使い分けについて解説しています。 目次別のキーをESCキーとして割り当てる方法 そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。   大石ゆかり PHPの配列を結合するにはどうしたらいいですか？ 田島悠介 配列を結合する方法はいろいろあるけど、array_mergeが使えるよ。 ただ連想配列でキーが同じだった場合に値が上書きされるよ。 大石ゆかり 連想配列？キー？上書き？　なんだか難しそうですね・・・ 田島悠介 聞いただけではイメージするのが難しいかもしれないね。 たとえば$sum[5]の「5」の数値が配列の添字、つまりキーだよ。 連想配列はこのキーが文字列の配列だね。 じゃあ、配列を結合する方法を実際のサンプルコードを使って説明するね。 大石ゆかり お願いします！ ※この解説記事では配列のキー（添字）が数値のものを添字配列といい、キーが文字列の連想配列と区別しています。PHPの配列については解説記事「PHPの配列の基本を現役エンジニアが解説【初心者向け】」を、連想配列については解説記事「PHPで連想配列を使う方法【初心者向け】」をご覧ください。   array_mergeで結合する方法 PHPで配列を結合するには、array_merge関数が使えます。 複数の配列をひとつに結合した配列を取得できます。 構文 結合された配列 = array_merge(配列1, 配列2); 配列1の後ろに配列2の要素が追加されて結合された配列が取得できます。 ※引数に指定する配列の数は、ひとつでも3つ以上でも指定できます。 ※結合された配列はarray_merge関数の戻り値で取得します。上記の構文だと配列1そのものが更新されるわけではありません。 配列のキーが同じ要素を結合すると？ 配列が連想配列（キーが文字列の配列）かどうかで結果が異なります。 キーが数値の添字配列の場合は、同じキーがあっても添字がゼロから振りなおされ、要素が追加されていきます。 キーが文字列の連想配列の場合は、同じキーがあると新しい要素に上書きされて追加にはなりません。 添字配列を結合する 配列のキーが数値の添字配列をarray_merge関数で結合すると、すべての要素のキーがゼロから振りなおされて追加されます。 ソースコード 色の名前が入った2つの配列 $colors1と$colors2の要素をarray_mergeで結合し、$colorsに代入します。 $colors1と$colors2の配列はキーが数値のため、結合したときにキーが降り直されます。 <?php $colors1 = array('赤', '緑', '青'); $colors2 = array('シアン', 'マゼンタ', '黄'); //配列を結合 $colors = array_merge($colors1, $colors2); //結合した配列を出力（preタグで改行させる） print_r('<pre>'); print_r($colors); print_r('</pre>'); ?> ※本来なら出力したいWebページ内で<html>タグなどを含める必要がありますが、今回はPHPのプログラムの解説が目的なので省略しています。基本的なPHPの書き方について詳しくは解説記事「基本的なPHPの書き方」をご覧ください。 表示結果 解説 $colors1 = array('赤', '緑', '青'); $colors1に3つの要素がある配列を代入しています。 配列 $colors1の中身は以下のように0から2のキーがあります。 Array ( [0] => 赤 [1] => 緑 [2] => 青 ) ※配列を作成するときに、値だけ指定すると自動的にゼロから始まる添字がついてキーが作成されます。配列の作成について詳しくは解説記事「PHPの配列の基本を現役エンジニアが解説【初心者向け】」をご覧ください。 $colors2 = array('シアン', 'マゼンタ', '黄'); $colors2にも3つの要素がある配列を代入しており、中身は以下の状態です。 Array ( [0] => シアン [1] => マゼンタ
PHP

PHPでクッキーを削除する方法を現役エンジニアが解説【初心者向け】

今回は、PHPでクッキーを削除する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。   PHPについてそもそもよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプ、PHP/Laravel講座の内容をもとに紹介しています。   田島悠介 今回は、PHPに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 PHPでクッキーを削除する方法について詳しく説明していくね！ 大石ゆかり お願いします！   この記事では、PHPでクッキーを削除する方法について紹介しています。 クッキーの概要からその利用方法について記載していて、クッキーについてあまりよく分からないという方でも、理解できる内容となっています。   目次 クッキーとは PHPでクッキーを削除する方法 実際に書いてみよう まとめ   クッキーとは クッキー(cookie)とは、ブラウザが持つ、ユーザが使用するスマホやPCに情報を保存する機能の一つです。 クッキーには、ユーザのログイン情報やブラウザで開いたWebサイトの設定情報など様々な用途で情報を保存する仕組みとして利用されています。 例えば、一度ログインしたWebサイトにログインIDやパスワードなどを入力しないでログインできるのは、クッキーにログイン情報を保存する仕組みが利用されています。   [PR] プログラミングで挫折しない学習方法を動画で公開中PHPでクッキーを削除する方法 PHPで、クッキーを削除するためには、setcookie関数を使用します。 setcookie関数でクッキーを削除する方法： setcookie($削除するクッキー名,"", $現在時刻より過去のクッキー有効期限)   setcookie関数は、クッキーに情報を設定するための関数ですが、第一引数で「削除するクッキー名」を指定し、第三引数で「現在時刻より過去のクッキー有効期限」を渡すことで、指定したクッキーの情報を削除することが可能です。 これは、本来クッキーの有効期限を引数で渡すところを「過去の有効期限」を渡すことで、クッキーが有効期限切れの状態となり、削除されるという仕組みです。 「過去の有効期限」の数値は、現在より過去(マイナス)であればいくつを設定しても削除されます。   実際に書いてみよう それでは、実際にsetcookie関数を使用して、クッキーをセットし、削除する例を見ていきましょう。 サンプルコード： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <body> <?php if(isset($_COOKIE["cookie"])) { 　　// クッキー名"cookie"に値がセットされていたら削除する 　　echo"クッキーの値：".$_COOKIE["cookie"]."<br />"; 　　setcookie("cookie", "", time() - 30); 　　echo"クッキーを削除しました"; 　　// 削除確認用メッセージをクッキーにセット setcookie("cookie_delete", ""cookie"は削除されています", time() + 3600); } else if(isset($_COOKIE["cookie_delete"])) { // クッキー削除確認メッセージ出力 echo $_COOKIE["cookie_delete"]; } else { 　　// クッキーをセット 　　setcookie("cookie", "cookie_info", time() + 3600); 　　echo"クッキーをセットしました"; } ?> </body> </html>   実行結果（1回目）： 実行結果（2回目）： 実行結果（3回目）： 上記の例では、 ①elseブロックでクッキーのセット ②ifブロックでセットしたクッキーの削除とクッキー削除確認メッセージのセット ③else ifブロックでクッキー削除確認メッセージの出力 の順番で実行回数によって別の処理を行っています。 ①のelseブロック内の処理では、”cookie”というクッキー名で、クッキーをセットしています。 ②のifブロック内の処理は、クッキー（”cookie”）がセットされている場合実行されるようになっていて、クッキー（”cookie”）の削除と、削除確認メッセージを”cookie_delete”という名前のクッキーにセットしています。 ③のelse ifブロック内の処理は、クッキー（”cookie”）が削除されていて、クッキー（”cookie_delete”）がセットされている場合に実行されているようになっていて、このelse ifブロック内で削除メッセージが出力されることによって、クッキー(“cookie”)の削除が行われていることを確認できるようになっています。   まとめ 以上、PHPでクッキーを削除する方法についてご紹介しました。 クッキーのセット・削除は、どちらもsetcookie関数で行えるので、setcookie関数の使用方法をしっかりマスターして、状況に応じて使い分けられるようにしましょう。   筆者プロフィール 平野大輝（ひらのだいき） スキル：PHP・Java・JavaScriptを用いて様々なアプリを開発するWebエンジニア。   大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   TechAcademyでは、初心者でも、PHPやフレームワークのLaravelを使ってWebアプリケーション開発を習得できる、オンラインブートキャンプを開催しています。 また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。
PHP

【どうせならこだわりたい！】無線と有線！誰にでもおすすめできるキーボード10選

初めて使う人でも簡単に使えるおすすめのキーボードを紹介しています。 ぜひ自分のライフスタイルや仕事に合ったキーボードを選んでみてください。 有線・無線で分けて紹介しているので、ぜひ比較検討する上で参考になるはずです。 なお本記事は、KiRAMEXのオンライン完結のExcel(エクセル)講座の内容をもとに紹介しています。   目次 有線キーボード 無線キーボード   有線キーボード 有線のキーボードとは、USB接続でパソコンに繋ぎ使用するキーボードになります。 有線のキーボードを使うメリットとしては、パソコンとの接続が安定しているのと安価な製品が多いところです。   マイクロソフト人間工学設計 Natural Ergonomic Keyboard 4000 B2M-00028 キーボード マイクロソフト 有線/USB接続 人間工学設計 Natural Ergonomic Keyboard 4000 B2M-00028 人間工学とは、人間の五感などの特性を理論づけるものです。 人には心地よい椅子の角度や書きやすいペンの長さなどあると言います。 このキーボードも同じで人間にとってタイピングしやすい角度で設計されているのです。 特徴としては、手や手首を自然な位置に置くことができ長時間利用していても疲れない設計になっているところです。 長時間キーボードを使うという人は値段もお手頃で良いかもしれませんね。   3色可調節LEDバックライト付きUSB有線ゲームキーボード SADES K7 3色可調節LEDバックライト付きUSB有線ゲームキーボード--13Fn複合キー＋標準英語配列１０４キー＋１９非競合キー搭載 (黒いキー) 最近注目されているPCゲームを利用するという人は、こちらのキーボードがおすすめです。 ファンクションキーは、ゲームなどエンターテイメント系のサービスに合った実行をするのでより使いやすくなっています。 また、キーボードには珍しく7色切り替え可能なバックライトが設定されているので、その時の気分に合わせて切り替えるとテンションも上がるでしょう。   PFU Happy Hacking Keyboard Professional2 PFU Happy Hacking Keyboard Professional2 Type-S 白（英語配列） IT業界のエンジニアと呼ばれる技術職の人に人気のキーボードです。 軽いタッチと音が非常に良く欲しいと思っている人は多くいます。 キーボードにしては金額が高いですが、普段からタイピングをよくする人は価値を感じるはずです。   マイクロソフト キーボード 有線/USB接続 人間工学デザイン Comfort Curve Keyboard 3000 3TJ-00030 マイクロソフト キーボード 有線/USB接続 人間工学デザイン Comfort Curve Keyboard 3000 3TJ-00030 このキーボードも人間工学を元にデザインされたようです。 最初に紹介したキーボードでは右手用と左手用のキーが離れていましたが、近くにあってかつ使いやすいことが特徴のキーボードでしょう。 一度慣れてしまうと普通のキーボードには戻れないという人も多くいます。   iBUFFALO 有線コンパクト&スリムキーボード ホワイト BSKBU13WH iBUFFALO 有線コンパクト&スリムキーボード ホワイト BSKBU13WH 有線のキーボードの中でも圧倒的に安く、コンパクトなものがこのキーボードです。 シルバーをバックに白色のキーという珍しいデザインも人気ですが、キーが小さく軽いタッチで利用できるので手が小さい女性などには適しているでしょう。   Q-gadget KB01/BG Q-gadget KB01/BG 見た目が非常に美しく、未来を感じるキーボードです。 全面がタッチパネルになっており、キーボード兼タッチパネルとして利用することができます。 PCもWindowsとMacの両方をサポートしているので、どんな人が使ってもおしゃれに見えるでしょう。   [PR] プログラミングで挫折しない学習方法を動画で公開中無線キーボード 無線のキーボードは、ワイヤレスキーボードとも呼ばれますが、Bluetooth接続で使用するキーボードになります。 無線のキーボードを使うメリットとしては、持ち運びが便利である点や1台でパソコンやタブレットを同時に操作することができるところでしょう。   LOGICOOL ワイヤレスキーボード Unifying対応 LOGICOOL ワイヤレスキーボード
キーボード

「Sketch vs. Figma」デザインツールとして優れているのはどちらか

本稿は、Smashing Magazineのブログ記事を了解を得て日本語翻訳し掲載した記事になります。 本記事は、WebデザイナーであるChristian Krammer氏によって投稿されました。   UIデザインツールはこれまでにおいてかなりの人気を集めてきました。Affinity Designerや、Gravit、Sketch等の素晴らしいアプリケーションが大きく進化した一方でAdobe XD （Adobe Experience Designの略）やFigma のようなプレイヤーもこのフィールドに参入してきました。 個人的には後者に最も魅力を感じます。Sketchとの類似性から、Figmaも最初の段階から簡単に正しく理解できました。更にFigmaは簡単なファイルの共有やvector networks、「constraints」(レスポンシブデザイン向け）、リアルタイムコラボレーションのような他の使い易い競合相手とは明確に違う独自の個性があります。 この記事ではSketchとFigma 両方のアプリケーションを細部に渡り比較し、それぞれの長所がどのような点かに焦点を当てていきます。   Sketchの最大の弱点は常にAppleのエコシステムにロックインされている事です。設計するだけではなく、ファイルを開きチェックするのにもMacが必要です。WindowsやLinux上では全く機能しません。 その為しばらく経つとSketchファイルのスペックを持つ有料のサービスが現れた訳ですが、それにしても厄介で余分な手順です。 上：Sketch  下：Figma   これが恐らくFigmaが最初の段階から一線を画す理由の1つです。 すなわち、世界中基本的にどのデバイスでもFigmaはWebブラウザで使うことができます。どのインストールも一切不要です。ただChrome（又はFirefox）を開いてアカウントを作成して設計を開始するだけでいいのです。 私は以前からずっとブラウザベースのツールを躊躇していましたが、Figmaは一瞬で私の懸念を仏拭しました。Figmaは多数の要素を含みながらもSketchと同様高性能です（もし同様でなければFigmaの方がより高性能です）。 WindowsやMac用のFigmaのスタンドアローンデスクトップアプリも入手可能ですが、基本的にそれらはただのブラウザバージョンのラッパーにすぎません。それらはキーボードショートカットにより優れた一方で、常にオンライン上にいなければなりません。 勝者：Figma 理由：プラットフォームに依存しないため   ユーザビリティ（特徴的機能とユーザーインターフェース） 基本的に、FigmaはSketchのインブラウザ版と呼ぶのが最も相応しいでしょう。機能はほぼ同じ、インターフェースも似ている、キーボードショートカットでさえもほぼSketchから受け継いでいる。 もし既にSketchを知っていれば、Figmaが2016年の始めにリリースされた時にすぐに簡単に使いこなせるようになったでしょう。   Figmaはリリース当初から様々な点において改善され、いくつかの部分ではSketchを上回ってきました。 しかし、プラグインやサードパーティ・ツールとの統合、リアルデータを利用できる機能（Craft Pluginも使用して）など、欠けている機能が未だにいくつかあります。それにも関わらず、この調子で改善が進むとFigmaがSketchに肩を並べるのはもはや時間の問題でしょう。 勝者：引き分け 理由：現時点では大差はありません。しかしSketchの方があなたの仕事を効率化させる要素を持ち合わせています。   価格 Sketchは元々新しいバージョーンごとに約99USドルの初回手数料のみで発売されました。しかしやがてこのビジネスモデルは維持不可能だと判明されます。Bohemian Coding社は最近価格を定期購入が必要なモデルに変更しました。99USドルで1年間の無料アップデートが入手できます。 その後はそのまま使い続けることができるか、更に同額を支払うことでまた別の1年アップデートが行えます。 この値上がりは当初不適切なように見受けられましたが、デザイナーとしてあなたのメインツールへの99ドルの価値とは何でしょうか？そうです、大した額ではありません。 Adobe’s Creative Cloud の定期購入よりはまだ安いのです。（又、Sketchは何の問題もなく使い続けることができる一方、Creative Cloud の定期購入を辞めたらどのAdobe CC アプリも使い続けることができなくなります。）   当分の間は、Figmaは全ての人が無料で使えるようになっていますが、今年後半には変わってくるでしょう。 きっと定期購入制になり、月額10~15USドルになるでしょう（あくまで私個人の見解ですが）。確かな事は1つあります。それは、Figmaは学生に対して常に無料でしょう。（Sketchが教師と学生に対しリーズナブルなディスカウントを提供しているのと似ています。） 勝者：引き分け 理由：Figmaの価格に関する発表はまだない為   [PR] プログラミングで挫折しない学習方法を動画で公開中コラボレーション機能 Figmaの主な差別化要因は恐らく「マルチプレイヤー」と呼ばれるリアルタイムコラボレーション機能でしょう。その機能を使って他のユーザーと同時に1つのファイルを編集することができるだけでなく、他のユーザーがデザインをいじっているのを見たり、内蔵型のコメント機能を使って変更を知らせることができます。 1つの例として、この同時編集はプレゼンテーションやリモートチームにとって素晴らしく、また関わっている全てユーザーが同じ状態を確認し、意図していなかった上書きを防ぐことができます。   Sketchには（プラグインを使用してですら）そのようなコラボレーション機能はありませんし、多分そのような機能がない方がSketchにとってはよいのかもしれません。 なぜなら「このボタンをもっと大きくしよう。ちょっと待てよ、勝手にやっちゃえ！」というような結末をもたらすかもしれないからです。もちろんこれは少し大げさな例です。この機能は多少価値はありますが、事前に特定のルールを決めておかないとリスクがあります。 勝者：Figma 理由：同時に同じファイルを複数の人で共同編集できる為   ファイル共有とスペック リアルタイムコラボレーション機能に幾らか関連しているのは設計ファイルの共有です。なぜならFigmaではすべての事がブラウザで行われるため、全てのファイルが必然的にURLを持っていて、それを同僚や上司に送ることができます（閲覧専用モードでも可能です）。 このブラウザベースのアプローチの別の大きな利点は、開発者をはじめ全ての人がサードパーティツールの必要性なしにすぐにデザインを開き検証できることです。 Figmaでは簡単に他のユーザーとデザインを共有できます。   これはまさに、1つのファイルにおいて必要不可欠な全ての情報（例えばフォントサイズや色、寸法、アセットなど）を他の共同制作者に提供するためにSketchに求められているものです。 しかしながら、前にも述べたように、ここであなたを手助けするZeplinやSimpli、InVisionの Inspect、Avocode、Marklyなどの有料のツールが必要です。公平な立場からみて、最初の3つは1つのプロジェクトでは無料ですが、より複雑なものに取り組む際にはそれだけでは十分ではないでしょう。   更に何らかのツールを必要としている場合や、そのような（正直なところ基本的な）機能にお金をかけたくないというのであれば、MarketchやSketch Measureという無料のプラグインもあります。多くの有料のアプリではコメントを追加したり自動的にスタイルガイドを作成することができます。 あるいは、FigmaはSketchのファイルフォーマットをサポートしているので、SketchのファイルをFigmaにインポートしてチェックすることさえできます。 左上から右下順に:Avocode、Zeplin、Simpli、Markly。これら全てにおいて様々な方法でSketchのデザインの閲覧、共有可能。   もし共同編集者とデザインをちょっと見たいだけであれば、内蔵されているSketch Cloudが正にその役割を果たしてくれます。iOSデバイスでデザインを見るには、Sketch MirrorやFigma Mirrorを使って、Androidのデバイスであれば、MiraやCrystalを使用することができます。 FigmaはAndroidベースのアプリを提供しないのですが、（デスクトップコンピューター上で）フレームかコンポーネントを選択後、デバイス上で「www.figma.com/mobile-app」を開くと、1種のプレビューが見れるでしょう。 勝者：Figma 理由：サードパーティツールの必要性なしにブラウザ上で簡単にファイルの共有が可能な為   ファイルの整理 Sketchには、ページを提供するという組織能力があるため1つのファイルでアプリやWebサイト全体を作ることができ、ページ同士のスイッチも即座に可能です。Figmaはこの点において後れをとっています。 Figmaはページを提供しませんが少なくとも複数のファイルを1つのプロジェクトに結合することは可能です。 左：Sketchでは1つのファイルを複数のページに整理でき簡単にスイッチ可能 右：Figmaのプロジェクトは未発達   アートボードというSketchのもう1つ重要なコンセプトも適応され強化されました。Figmaでは塗りつぶしやボーダー、エフェクトを簡単にアートボードに適用でき、またそれらをネストしたりグループから簡単に作成することもできます。1つの例として、これにより組み合わされた範囲より大きな要素のコンテナも許容され、「constraints」機能の手助けになりうるでしょう。 更には、各アートボードには独自のネストされたレイアウトグリッドがあり、それによりレスポンシブデザインに役立つのです。 Sketchでもアートボードをネストすることが可能ですがそのインプリメンテーションはFigmaと比べると全く有効的ではありません。 勝者：引き分け 理由：Sketchにはページがあるが、Figmaのアートボード（フレーム）はより有効的な為   レスポンシブデザイン Figmaが導入した（Sketchにも何ヶ月か経ってから導入された）機能はレスポンシブデザイン、すなわち、どのように要素が異なるアートボードやデバイスのサイズに対応するかを設定した機能です。 Sketchでそのような機能を提供するプラグインが以前からありますが、ちょっと使いにくい感じがありました。「group resizing」という特有の機能だけはFigmaの「Constrains」機能に匹敵して簡単に使用できます。 左：Sketchの「group resizing」機能は1つのドロップダウンメニューで設定され慣れるまで少し時間がかかります。 右：Figmaの「constraints」機能はより目で見てわかるようになっています。   両者とも基本的に同じような動作ですがその見栄えは一目瞭然。Sketchでは4つのオプション付きのドロップダウンメニューしかなく、操作中に一体どんなふうになるなるのかがイメージしずらいです。Figmaはよりビジュアル化した方法でこれらのプロパティを明確にします。 例えば、ある要素をアートボードの端に固定するか、それと均一にリサイズする事などができます。 Figmaの大きな利点はこれらの制約がレイアウトグリッドと一緒に組み合わせることで機能することです。要素は、例えばある列（又は行）に固定されるか、それらの幅に一致します。更には、各軸にこれらの設定を個別に変更することができ、グループだけではなくアートボードにも機能します。Sketchではあり得ない機能です。 勝者：Figma 理由：その制約機能は遥かに進化していてより多くのオプションがある為   ベクトル　マニピュレーション Figmaが発売された時の1つの大きな特徴は「vector networks」でした。もはやベクトルはただ一連の繋がった点（ノード）ではありません。今や、新しい線でどのノードからも分岐する事ができます。例えば、矢印を作るのなんて朝飯前です。 Figmaのvector networksはベクトルのどの点にもセグメントを追加することができます。 しかしそれよりも遥かに勝っているものがあります。ベクトルのパーツはPaint Bucketツールで簡単に塗りつぶされる（又は削除される）事ができます。ベンドツールを使ってセグメント全体を動かす（又は曲げる）事も可能です。そして1つのベクトルから別のベクトルへ線点も同様に）をコピーするのは一瞬でできます。 Figmaのvector networksでセグメントを簡単に動かしたり曲げたりする事ができます。   この特殊な機能1つでFigmaはSketchと一線を画しており、アイコンデザインに適したものになっています。 それに比べ、Sketchで利用可能なツールはほぼ時代遅れな感じを受けます。Sketchではベクトルオブジェクトを作成し操作するために必要なすべてのものが揃っているかもしれませんが、より複雑なベクトル操作が必要になってくるとすぐに扱いにくくなるでしょう。 はじめの図：Figmaでは、ペイント塗りつぶしツールを使って2つの重複した円の塗りつぶされた部分を削除し1つの輪をつくる。 2番目の図：Sketchではブール演算を用い従来の手法を使っている。(ちなみにこの方法はFigmaでも可能)   ほとんどの場合、Sketchではある特定のタイプの形を作るのにブール演算を使用しなければいけませんが、その多くはFigmaのvector networksではより簡単に作成可能です。Sketchでは2つのベクトルオブジェクトを繋げたり、またはブール演算が適用された後に形を平らにすることさえしばしば難しいという事実がさらに物事を悪化させます。このアプリはこの点において問題が山積みなのは確かです。 勝者：Figma 理由：vector networksは全く新しい次元をベクトルマニピュレーションにもたらします。Sketchにおいてはまだそれと匹敵するものはありません。   サポートされているファイルの種類 新しいアプリケーションが出るたびに、もしプロジェクトを移行したければ全てをやり直さなければいけないという問題によく直面するでしょう。Figmaではそうではないのです。見事なほどに正確な方法でSketchのファイルを開くことができ、この時点で既にFigmaが優位です。 残念なことに逆パターンでは機能しません。1度Figmaでデザインをスタートしたらもうそれを使い続けるしかないのです。SketchにエクスポートすることもPDFファイルを作成すること（またはインポートすること）もできません。SVGにエクスポートするオプションもありますが、デザインアプリケーション間で複雑なファイルをエクスチェンジするのに理想的なフォーマットではありません。 エクスポートオプションは一見似ていますがSketchにはより多くのオプションがあります。 左：Sketch 右：Fiigma   もう1つの制限要因はJPG画像をFigmaでエクスポートしたときにその品質水準を設定できないことです。なので画像を最適化する他のアプリケーションが必要になるかもしれません。Sketchの最新版ではさらにもっとエクスポートのオプションが改善しています。 現在ではファイル名に接頭辞と接尾辞の両方を設定できると同様、Androidへのエクスポートをはるかに簡単にさせるエクスポートプリセット機能があります。 各アプリケーションがサポートするエクスポートファイル形式を見てみましょう。 Sketch PNG JPG TIFF WebP PDF EPS SVG   Figma PNG JPG SVG 勝者：Sketch 理由：より多くのファイル形式とより良い保存、エクスポートのオプションがある為   アクセシビリティ FigmaにはSketchで使用できる多くのショートカットキーがありますが、そのアクセシビリティのレベルは同じではありません。Sketchではほぼ全ての事がキープレスで行うことができます。 もし気に入らないショートカットキーの組み合わせがあればあなた独自のやり方をシステム環境設定で登録することが可能です（デフォルトによって割り当てられないショートカットコマンドが主になる傾向があります）。 macOSのシステム環境設定でSketchのあなた独自のショートカットキー設定が可能   Figmaはブラウザ上に存在しているためそのようなことは一切不可能です。デスクトップアプリでその点を補うことができますが、特定のメニューバーコマンドが無いせいである特定の機能を単純にキーボードに割り当てることは不可能です。 勝者：Sketch 理由：そのアプリケーションのほぼ全ての機能がショートカットキーでアクセスすることができ、更にはカスタマイズできる為   シンボル（コンポーネント） 1つの重要な機能がちょうどFigmaに導入されました。それはシンボル、又はここではコンポーネントと呼びます。コンポーネントを使用すると、「instances」の形式で簡単に再利用できる1つの複合オブジェクトにいくつかの要素をを組み合わせることができます。主要なコンポーネントが変更されるとすぐに、全てのインスタンスがその変更点を受け継ぎます。（しかしながら、その同じコンポーネントのバリエーションを考慮して特定のプロパティは個別に修正されます。） 最近では、Figmaではファイル間や複数のユーザーと一緒に共有できるコンポーネントのライブラリを作成することさえ可能です。これは確固たるデザインシステムへの大きなステップです。 Sketchでは、個々のインスタンスの修正がインスペクタパネル上でオーバーライドの形で処理されるので、各インスタンスごとにテキスト値や画像の塗りつぶし、ネストされたシンボルの変更が可能です。 Figmaでは、塗りつぶし、ボーダー、効果（影やぼかし）を含め、キャンバスで直に1つの要素のプロパティをアップデートすることができます。 上：Sketchではインスペクタパネル上でオーバーライドを使用してシンボルインスタンスの内容を変更します。 下：Figmaではテキストの色を含め直接キャンバスキャンバスでコンポーネントのインスタンスをカスタマイズできます。   シンボル（コンポーネント）の真の強みはレスポンシブデザインで発揮されます。どちらのアプリでも、親のサイズが変更された時にどの様に要素がシンボル内で反応するか定義することができ、異なる場所や画面のサイズでシンボルを使うこともできます。 Figmaが未だに後れを取っている領域はレイヤーやテキストスタイルです。形やテキストレイヤーのスタイリングを保存することができなく、他の要素と同期することも不可能です。しかしながら、1つの要素から別の要素にスタイリングをコピーして貼り付けることはできます。 勝者：引き分け 理由：インプリメンテーションは極めて同じレベルですが、Figmaはその共有可能なコンポーネントでわずかに有利です。   プラグイン Sketchは並外れて素晴らしい機能を兼ね備えていますが、それを決定打にしているのはSketchを強化させたり足りない機能を補うサードパーティプラグインの存在でしょう。 1度に複数のレイヤーの名前を変更したり、ダイナミックボタンを作成したり、カラーパレットを保存し読み込んだり、Unsplashから簡単に画像を挿入したり、Git機能を有効化したり、Sketchの中でアニメーションを創り出すことができたりなど、使用目的は様々です。プラグインの全リストは公式ディレクトリやGitHub上で見ることができます。 公式WebサイトとGitHubの両方で、Sketchの膨大なプラグインのセレクションを閲覧可能です。 では、Figmaですが、現段階では全くそのような機能はありません。公平に言うと、Sketchは恐らく開発の初期段階ではこれらの多くの機能はありませんでした。そして将来的にはFigmaにもプラグインエコシステムが導入されるのは確実でしょう。 注意したいこと：プラグインがSketchに大きな利点を与えた一方で、それらが何かしらの落とし穴にもなりえます。それらは新しいリリースの度に正常に機能しない傾向があり、Sketchチームは将来の開発者たちを遠ざけないためにも細心の注意を払う必要があります。 勝者：Sketch 理由：単純に、Figmaにはプラグインが全くない為   プロトタイピング AdobeXDと違ってSketchもFigmaもプロトタイピング機能が備わっていません。今のところFigmaには導入される予定はありませんが、Sketchには少なくとも基本的なプロトタイピング機能をもたらすCraft Pluginがあります。更にその人気でSketchは他のプロトタイピングツールとの幅広く統合することが可能です。 例をいくつか挙げると、InVision、 Marvel、Proto.io、Flinto、Framerなどがあります。これらを一緒に使うことによって簡単にデザインをインポートしてアプリを同期することができます。   現時点でFigmaと動作する唯一のアプリケーションはFramerです。似たようなツールのサポートが将来どのようになっているか述べるのは難しいですが、そのようなインターフェースが既に製作段階かもしれません。 勝者：Sketch 理由：Craft Pluginには説得力のあるプロトタイピング機能がありませんが、Sketchは多くのプロトタイピングサービスと統合している為   実データでの作成 Sketchが提供する数あるプラグインの中でいわゆる「content generators」というものを見つけるでしょう。その一例として、ダミーコンテンツでデザインを埋めることができます。 しかし、より興味深いことはこれらのちょっとした機能が様々な情報源から実データを引き出すことを可能にし、またJSONファイルの形で内容を挿入することさえ可能です。 これにより設計の初期段階でより情報に基づいた判断ができ、エッジケースも明らかにできます。   このカテゴリーで最も優れているのはInVisionのCraft Pluginです。 それを使ってある要素に内容を追加するとすぐに、1つのステップで簡単にその内容を複製・変更する事ができます。Craftではデザインのアセットを保存し、チーム内で共有したり又は自動的にスタイルガイドの作成も可能です。 他の機能やオプションの中でも、SketchのCraft Pluginでは要素を複製し、同時に他の内容を追加することができます。   Craftよりは優れてはいませんが、似たような機能を持つプラグインがもう数個あります。Sketch Data Populator、Content Generator 、 Day Playerがそうです。 Figmaにはまだそのような機能はありませんが、時間の問題だと思います。Adobe XDが少し前に適応したようにアプリにその機能を統合するのか、もしくはプラグインシステムに依存するのか、どちらの手段をとるか興味深いところです。 勝者：Sketch 理由：Sketchでは様々なプラグインで備え付きの機能の不足を補い、簡単に実データを使用できる為   バージョニング 私がいつも行っていることの1つは、始めの頃のデザインがどのような感じだったか見るためにCommand+Zを使って変更点を1つ1つ元に戻すことです。評価の基準を持つか、新しいイテレーションをベースとして複製するかのどちらかです。Figmaはブラウザ上の限られたリソースのためここで行止まりと思うかもしれませんが、実際はSketchに劣ってはなんかいません。 どちらのアプリでも古いバージョンをブラウズして復元する事ができ、自動的に保存されます。しかしながら、Sketchのインプリメンテーションは理想とはかけ離れていて、どこから始めるかもわかりません。何といっても時間がかかるのです。   実際に閲覧できる前にバージョンを復元しなければいけなかったり、ハードドライブ上でスペースを無駄にする結果になるかもしれません。さらに言えば、クラウド上で(Dropboxを介してなど)複数の人が同じファイルで作業している時に簡単にダメになってしまう可能性があります。 Figmaでは瞬時に前のバージョンを復元する事ができ、複数の人が同じファイルを編集している時はそれぞれの人の変更を分離できるので役に立ちます。それから前の状態に戻ったり、新しいアイデアの出発点としてバージョンを復元することができます。 勝者：Figma 理由：Sketchのバージョニングは不完全過ぎて勝敗は明らかです。   テキスト機能 他の点と同様に、どちらのアプリケーションでもテキスト操作はかなり似ていますが、いくつかの違いは言及する価値があります。デフォルトによってFigmaではGoogle Fontsからでしか選択できないのですが、単純にインストーラーでシステムォントにもアクセスできます。 私が常にSketchに物足りなさを感じる部分はテキストレイヤーのボーダーの位置の変更機能です。ここでは「中心」だけが唯一の選択しです。Figmaにはその他にもシェイプレイヤー用であるかのごとく「内側」と「外側」が選択できます。 左：Figmaでは、テキスト枠内の垂直の位置（上）が設定でき、さらにボーダーの位置のオプションがある（下） 右：SketchではOpenType機能が適用される   さらにFigmaではテキストを垂直に配列する設定ができる為、枠内で垂直に中央揃えすることが容易です。対照的にSketchではより多くのタイポグラフィのオプションがあり、スモールキャップス、古い形式の図形、スタイルの選択肢や合字（フォントでサポートされていれば）等のOpenType機能が適用できます。 勝者：引き分け 理由：どちらのアプリケーションもそれぞれ違った利点があります。Sketchの方がその進化したタイポグラフィオプションで少しリードしていますが、完全な勝利にはまだ不十分です。   結論 簡単に各アプリの長所をおさらいしましょう。 Sketchの良い点 キーボードのアクセシビリティがより良くサポートされている プラグインとプラグインエコシステムがある サードパーティツールとサービスを統合可能 ファイルタイプとエクスポートオプションが豊富 複雑なプロジェクトを1つのファイル（ページ付き）にまとめることが可能 Sketchでは簡単に実データを使える より洗練されている   Figmaの良い点 ブラウザベースなので、世界中どの場所からどのプラットフォームでも使用可能 リアルタイムで共同作業できる ファイルの共有が簡単 ベクトルマニピュレーションが優秀（vector networksを介して） レスポンシブデザインオプションがより優れている（constraint機能により） コンポーネントのライブラリを作成しチームのメンバーと共有可能 アートボードがより強力   今後の展望 2013年のAdobe Fireworksの廃止はUIデザインツール界に大きな空白を残しましたが、Sketchがすぐにその空白を埋めてくれました。 Sketchが大成功を収め、その人気は主なライバルであるPhotoshopに徐々に迫り、ついには昨年インターフェースデザイナーのユーザー間における調査「the tool of choice」でトップの座に輝きました。 Sketchは恐らくWindows版があればより成功したでしょうが、他のツールにも問題はあります。Affinity
アプリデザイン

書きながら覚えよう！Pythonで正規表現を使う方法【初心者向け】

今回は、Pythonで正規表現を使う方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 普段見慣れない文字を入力していますが、実際に書いてみて慣れていきましょう。 目次別のキーをESCキーとして割り当てる方法 そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説した記事を読むとさらに理解が深まります。   Pythonの正規表現とは 正規表現とは、文字列を1つのパターン化した文字列で表現する表記法です。 正規表現を使用して、文字列をパターン化した文字列に置き換えることで、文字列の検索や置換を行えます。 また、自然言語処理といったAI技術の基礎的な処理も行うことができます。   メタ文字 正規表現において、パターン化した文字列のことをメタ文字と言います。 ★は文字列を意味します。 メタ文字 説明 指定例 合致する . 任意の1文字 a.c abc, acc, aac ^ 行の先頭 ^abc abcdef $ 行の末尾 abc$ defabc * 0回以上の繰り返し ab* a, ab, abb, abbb + 1回以上の繰り返し ab+ ab, abb, abbb ? 0回または1回 ab? a, ab {m} m回の繰り返し a{3} aaa {m,n} m〜n回の繰り返し a{2, 4} aa, aaa, aaaa [★] ★のどれか1文字 [a-c] a, b, c ★|★ ★のどれか a|b a, b   特殊シーケンス よく利用される正規表現のパターンは、特殊シーケンスと呼ばれます。 特殊シーケンスは、（バックスラッシュ）を先頭に記載します。 特殊シーケンス 説明 同じ意味の正規表現 d 任意の数字 [0-9] D 任意の数字以外 [^0-9] s 任意の空白文字 [tnrfv] S 任意の空白文字以外 [^tnrfv] w 任意の英数字 [a-xA-Z0-9_] W 任意の英数字以外 [a-xA-Z0-9_] A 文字列の先頭 ^ Z 文字列の末尾  $   Pythonで正規表現を使う方法 Pythonではreモジュールを使って正規表現を扱います。 reモジュールをimportすることで正規表現を利用できます。 import re importを詳しく知りたい人は、Pythonでimportを使う方法について解説している記事もあわせてお読みください。   reモジュールには、以下のような関数があります。 match()：文字列の先頭から正規表現にマッチしている部分を返す fullmatch()：文字列全体が正規表現にマッチしているかを返す search()：文字列中で正規表現にマッチする最初の部分を返す findall()：文字列中で正規表現にマッチするすべての部分を文字列のリストで返す finditer()：文字列中で正規表現にマッチするすべての部分をイテレータとして返す sub()：文字列中で正規表現にマッチする部分を置換して返す subn()：文字列中で正規表現にマッチする部分を置換してタプル(置換後文字列, マッチした数)で返す split()：文字列を指定した正規表現で分割する それぞれの関数について、サンプルをもとに書き方を確認していきましょう。   match()関数の書き方 文字列の先頭から正規表現にマッチしている部分を返します。 結果はマッチした情報を取りまとめた「マッチオブジェクト」で返ります。 マッチオブジェクトからマッチした文字列を取り出す方法は、次の具体例でご紹介します。 マッチしない場合、Noneが返ります。 書き方のサンプル： # マッチする例 result = re.match(r'a.c', 'abcdefg') print(result) # マッチしない例(Noneが返る) result = re.match(r'a.c', 'Alphabet starts with abcdefg.') print(result) 解説： match関数で、文字列の先頭から正規表現「r’a.c’」にマッチしている部分を検索します。 マッチした場合の例では、マッチオブジェクトが返ります。 マッチオブジェクトの「span」はマッチした位置を表しています。 今回の場合、0～2文字目がマッチした位置になります(3文字目は含みません)。 実行結果： <re.Match object; span=(0, 3), match='abc'> None マッチオブジェクトの「match」はマッチした文字列を表しています。   fullmatch()関数の書き方 文字列全体が正規表現にマッチしているかを返します。 結果はマッチオブジェクトで返ります。 マッチしない場合、Noneが返ります。 書き方のサンプル： # マッチする例 result = re.fullmatch(r'a.c', 'abc') print(result) # マッチしない例(Noneが返る) result = re.fullmatch(r'a.c', 'abcde') print(result) 解説： fullmatch関数で、文字列全体が正規表現「r’a.c’」にマッチしているかを確認します。 マッチした場合の例では、マッチオブジェクトが返ります。 span、matchについてはmatch関数と同様ですので説明は省略します。 実行結果： <re.Match object; span=(0, 3), match='abc'> None search()関数の書き方 文字列中で正規表現にマッチする最初の部分を返します。 結果はマッチオブジェクトで返ります。 マッチしない場合、Noneが返ります。 書き方のサンプル： # マッチする例 result = re.search(r'a.c', 'Alphabet starts with abcdefg.') print(result) # マッチしない例(Noneが返る) result = re.search(r'a.c', 'Alphabet
Python

SEO対策・リスティング広告のキーワード選定に役立つツール10選

SEO対策やリスティング広告の出稿の際に重要になってくるのが「キーワード選定」です。 SEO対策であれば、どんなに順位が上がっても検索されるキーワードでなければトラフィックは増えません。また、リスティング広告であれば、類似するキーワードまでカバーすることも必要になります。   そこで今回はキーワード選定に役立つツールを10紹介します。本記事は初心者向けなので、プロの方からすると当たり前のツールかもしれませんのでご注意ください。   なお本記事は、TechAcademyのWebマーケティングオンラインブートキャンプのカリキュラムをもとに執筆しています。    1.キーワードプランナー（Google） Googleが提供するツールです。以前に提供しているGoogleがキーワードツールは廃止され、キーワードプランナーを使うにはAdWordsのアカウントが必要ですのでご注意ください。 調べたいキーワードを入力すると、そのキーワードの月間検索ボリューム、AdWordsの広告出稿時の競合の多さ、推奨入札単価を調べることができます。   また、関連するキーワードも表示されるので、あわせて参考にしてみましょう。 検索エンジンマーケティングにおいてなくてはならないツールです。 キーワードプランナー     2.キーワードウォッチャー クロスリスティングが提供するツールで、利用するには会員登録が必要です。Googleのキーワードプランナーのように検索数を調べることがえきます 無料プランでは、月に20回まで使うことができ、それ以上使うには有料プランに登録する必要があります。   レモーラリスティングの掲載パートナーである、OCNやBIGLOBE、gooなどで検索されるキーワードを調べることができます。そのため、比較的インターネットリテラシーが高くないユーザーが検索する、Googleのキーワードプランナーでは拾えないようなキーワードまで探すことができます。 キーワードウォッチャー     [PR] プログラミングで挫折しない学習方法を動画で公開中3.キーワードアドバイスツール（Yahoo） Googleのキーワードプランナーのように、Yahoo！プロモーション広告でもキーワードごとのデータを調べることができます。 調べられるのは、月間検索数、競合性、推定平均CPC、推定インプレッション数、推定クリック数などがあります。あくまでも推定の数字なので目安程度にすることをおすすめします。 キーワードアドバイスツール     4.goodkeyword Google、ヤフーの検索で、それぞれサジェストされるキーワードを調べることができるツールです。 サジェストされるキーワードであれば、それだけ検索されることも多いので、SEO・リスティング広告それぞれでカバーしておきたいところです。 goodkeyword     5.類語.jp 株式会社言語工学研究所が運営している「類語」を調べられるサイトです。 利用するには会員登録が必要で、20回までは無料で使うことができます。それで以上使うには月額840円かかります。 自分で考えただけでは、なかなか思いつかないような類語を調べることができるので掛けあわせワードを追加する際などに便利です。 類語.jp     6.weblio類語辞典 無料で会員登録もなく類語を調べられるサイトです。 初心者の方はまずはこれで類語を調べてみるのがいいかもしれません。 weblio類語辞典     7.FerretPLUS（フェレットプラス）キーワードアドバイスツール 株式会社ベーシックが提供する、キーワードの検索数を調べられるツールです。会員登録は必要ですが無料で使うことができます。 キーワードを入力すると、関連語を検索数とともに表示してくれます。また、グラフで検索数の推移を時系列で表示することや、オーガニック検索の上位10サイトを確認することも可能です。 月額2,000円のプレミアム会員になると、キーワードデータをCSVでダウンロードできるなどの特典があります。 FerretPLUS     8.kizasi.jp keygram きざしカンパニーが提供するサービスです。ブログに書かれた内容をキーワードとして調べることができます。 キーワードを入力すると、関連するキーワードはもちろんのこと、ブログが書かれた時期、性別、年齢などの情報を調べることが可能です。 ブログの情報ですので、Googleディスプレイネットワークなどで広告を出稿する際のキーワード探しにも役立ちます。 kizasi.jp keygram     9.LIC 住所 / 駅名サーチ リスティング広告の業界トッププレイヤーがオンラインコンサルティングを行う、LIC（リスティング情報コミュニティー）で有料会員向けに提供しているツールです。 都道府県ごとの市区町村名を調べたり、全国の駅名を調べることができます。 不動産などを扱うサイトでは地域名や駅名が含まれるキーワードをカバーする必要がありますが、一つずつピックアップしていくのは時間がかかるので、そんな時に便利なツールです。 ベーシック会員は月額5,000円かかりますが、Q&A掲示板でエキスパートにリスティング広告に関する質問ができ、さらにこれらのツールを使うことができます。 LIC     10.Googleトレンド Googleが提供する検索数の増減を時系列でチェックできるツールです。2012年にGoogle Insights For Searchと統合されました。 「お歳暮」「クリスマス」といった季節に関連するキーワードの検索数がいつから上昇してくるのかを調べる際に便利です。期間や地域を区切って比較することもできるので、傾向を調べてみましょう。 Googleトレンド     今回の記事は以上です。 もし知らなかったツールがあれば使ってみてください！ さらに勉強したい場合は、SEOの勉強に役立つ本、リスティング広告の勉強に役立つ本の記事を参考にしてみてください。 [お知らせ]TechAcademyでは初心者でもWebマーケターになれるWebマーケティングオンラインブートキャンプを開催しています。リスティング広告も含めてメンターのサポートによって短期間で習得可能です。
Webマーケティング

あなたの目的に合わせて学べるコース

副業したい方

Web制作の力を身につけ
副業までサポート

はじめての副業コース

転職したい方

未経験から
Webエンジニアに

Webエンジニア転職保証コース

スキルアップしたい方

AIも統計解析もできる
Pythonを学ぶ

Pythonコース

※ 経済産業省の行うリスキリングを通じたキャリアアップ支援事業の補助金対象コースです。条件を満たすことで支払った受講料の最大70％がキャッシュバックされます。詳しくは こちら のページをご確認ください。

TechAcademyから
現役エンジニアの方へ
お知らせ

テックアカデミーGAIナレッジベース
TechAcademy（テックアカデミー） 最新記事 新型MacBook ProよりESCキーを廃止へ！macOS Sierra 10.12.1ではリマップ可能に