ブログ記事を書いたり、あるいはプログラミングを行なったりと、様々なシーンで活躍するテキストエディタ。 ライターやエンジニアの方であれば、何かしらのテキストエディタを利用されているのではないでしょうか。 Windowsには「メモ帳」、Macには「メモ」アプリが標準で使えるようになっていますが、コードを色分けして、テキスト編集以外の面での使いやすさを求めるのであれば、これら標準アプリだと少し物足りないと感じる方もいるでしょう。 そこでチェックしておきたいのが*「Sublime Text」*です。 このアプリを使えば入力補完ができたり、タブで編集するテキストを切り替えたり、プラグインによって機能を拡張したりすることもできます。 今回は、2013年からのβ版運用を経て2017年9月に正式にリリースされた*「Sublime Text 3」*の特徴や使い方を、初心者向けに解説します。 Sublime

長い間Webデザイナーが愛してやまないものの1つに*「box-shadow（ボックスシャドウ）」*があります。 Photoshopのような特殊なソフトウェアを使わなくとも、コードだけで影を落とすことができるという点で、Webデザイナーの中で大変重宝されていたプロパティです。 box-shadowの歴史は長く、2005年時点でW3C内でbox-shadowの草案が発表されました。影を落とす時に、影の長さや角度、色や透明度まで指定することができるので、この技術が登場した当初は感動した方も多いのではないのでしょうか。 しかしながら、box-shadowを使った影の落とし方は、登場から10年以上経過した現在、その使い所を考えていく必要があります。それはブラウザが様々なプロパティをサポートしたことが理由であり、影の落とし方を再考してみるのも大切です。 そこで本稿では、CSS新時代の影の落とし方につい

Twitterで企業アカウントを運用されている方は、「Twitterカード」の設定は行われているでしょうか。 自社ホームページのコンテンツを紹介する時など、通常の投稿よりも目を引きやすい形式になるため、クリック率を高めることができます。 今回は、企業としてのアカウント運用するのであれば設定しておいた方が良いTwitterカードの設定方法を解説します。 Twitterカードとは？ Twitterカードとは、Twitter上でのOGP設定を指します。OGPとは、FacebookやTwitterなどのSNSでURLが投稿された際、自動的にURLのページ情報を表示する機能を指します。 参考： FacebookのOGP設定方法＋参考記事6選 Twitterの場合、ツイートにURLが含まれている場合、そのURLのサムネイル画像、、タイトル、meta description（紹介文）が自動的に表示されま

Googleがhttpsをランキングシグナルに使用するという発表により、httpsに切り替える方も多くいらっしゃいます。 httpsに移行するにあたって、いろいろやらなければいけないことがあります。Web上にあるSEOにおけるTo Doリストは、広告周りやアクセス解析を含めて包括的なTo Doリストではありません。今回は、それらをリスト化してみました。 httpsの定義と移行するメリットのおさらい To Doリストの前に、改めてhttpsと移行するメリットをおさらいします。 httpsとは、「Hypertext Transfer Protocol over Secure Socket Layer」の略称です。通常のhttpにセキュリティ機能「Secure Socket Layer(SSL)」を追加しているため、情報漏洩防止のために使われています。 参考： https://ferret-pl

ファイルやドキュメントなどのデータの共有や保存をするために、オンラインファイルストレージの利用は欠かせません。記事では、数あるオンラインファイルストレージサービスの中から、無料で人気があるものを18個ピックアップしました。これから使おうと思っている方や、今使っているサービスから他のサービスに乗り換えを考えている方は、ぜひ参考にしてみてください。 オンラインファイルストレージサービスとは オンラインファイルストレージサービスとは、インターネット上でファイルやドキュメントなどのデータを保管することができるサービスのこと。 場所やデバイスを選ばず、インターネットに接続していればどこでも閲覧・アップロード・共有などを行えます。Web上で直接利用できるものや、専用ソフトが必要なものなどがあります。 これらのサービスの多くは、Eメールで送れなかったファイルをファイルストレージにアップロードし、そのUR

ブログを始めたりホームページを自作したりするために勉強しはじめると、さらにデザインを凝ったものにしたくなります。 また、ある程度カスタマイズが進めば、表示速度をもっと早くしたり、より短いコードでコーディングしたりしたくなります。 そこで必ず話題に上るのが、CSSです。 もちろん、LessやSassのようなCSSプリプロセッサー(関数を使ったりしてプログラミングコードのように書くことができるCSS)が誕生したことで、より複雑なデザインをできるだけ少ないコードで書くことができるようになりました。 しかし、フロントエンドエンジニアとしてレベルアップするためには、どのように書けばレイアウトが改善されたり表示速度が速くなるのかをしっかりと理解しておいたほうがよいでしょう。 今回は、Webデザイン初心者がランクアップするためのCSSのコツをご紹介します。 これから紹介する、多くの初心者を泣かせたCSS

スマートフォンアプリではおなじみのプッシュ通知。 実は、Webブラウザからもできることをご存知でしょうか。 JavaScriptの*「Web Notification API」*というプッシュ通知を制御するAPIを使うことで、モバイルだけでなくデスクトップにもWebサイト経由でプッシュ通知ができるようになります。 しかし、モダンブラウザの多くがサポートを始めている一方で、まだ利用したことがないひとも多いのではないでしょうか。 今回は、Web Notification APIを簡単に扱うことができるPush.jsを使って、簡単にブラウザ通知を実装する方法をご紹介します。 プッシュ通知とは？ これまでは、ホームページの更新を通知する方法としてはRSSやメールなどを利用している人が多かったのではないでしょうか。 しかし、RSSはRSSリーダーに登録する手間が必要で、メールでもメールアドレスをユー

Facebookページを運用している方は、少しでも多くのユーザーに情報を届けるために日々奮闘されていることと思います。 Facebookページには、どれくらいのユーザーが投稿を閲覧したかを数値で確認する「リーチ数」というものがあります。 今回は、「リーチ」の概要と、リーチを上げるためのポイントについて解説します。 Facebookページを効果的に運用するための参考にしてください。 なお、記事内での情報は執筆時(2016年1月7日)現在のものです。 Facebookは度々仕様が変更になりますのでご注意ください。 このニュースを読んだあなたにオススメ Facebookページをフル活用するために知っておくべき機能4選 Facebookページの店舗登録方法と店舗集客に役立つ機能まとめ リーチとは 「リーチ」とは、Facebookページの投稿がファンのタイムラインに表示される状態を指します。 リーチ

Photoshopの便利な機能の一つに「マスク」がありますが、作成方法やメリットがよく分からず使っていない方も多いのではないでしょうか。 マスクとは、画像を直接修正・編集することなく余分な箇所を覆い隠す機能のことです。直接いじらなくとも表示、非表示ができるので後からの修正したい時に非常に便利な機能になります。また、いくつかの作成方法があり、特徴や作成手順が異なります。 今回は、Photoshopでおこなえる「クリッピングマスク」「レイヤーマスク」「ベクトルマスク」「クイックマスク」の4種類のマスクの基礎的な使い方をご紹介します。マスク機能はあらゆるシーンで活用でき、重宝する機能です。ぜひ身につけてこれからの作業にお役立てください。 マーケ思考のデザイナーは強い！ 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成

費用対効果の合うマーケティング施策を探している方/マーケのリード創出数が足りなくて商談数が足りてないという営業担当者の方/リードを商談化してくれないとマーケ予算が確保できないというマーケ担当の方