Webアイコンフォント「Font Awesome」をPhotoshopやIllustrator、PowerPointで使えるようにする。

fawe_ttl
以前は「アイコン」といえば画像にするしかなかったんですけど、今は「Webアイコンフォント」があるので非常に便利です。
何が便利って、アイコンなのに画像加工ソフトを使わずフォントみたいに色やサイズを変えられることでしょうか。
そしてコレ、Adobe系やOffice系のソフトで使えるようにできるので設定すると非常に便利。

お仕事で大量に「Font Awesome」を使うことになりまして、そういえばAdobe系で使えるように設定してなかったな…と思ったのでやっと設定しましたw
今回はWebサイト制作でよく使われる「Font Awesome」をPhotoshopやIllustrator、PowerPointで使う方法のメモです。
Continue reading »

iPhone × Azure WebAppsでWordPressをインストールしてみた話。

ipwp_ttl
本日2月26日はMicrosoft Azureの日本リージョン2周年とのこと!
おめでとうございます♪

というわけで、今回は2周年を記念して(違)ネタ的な内容の記事です。
「Microsoft Azureを使えばスマホのみでWordPressをインストールできるのか?」というのを検証してみました。
しかも極力コマンドを打たずに。
結論として、できる!!!…心が折れなければ。
以下、誰もやることはないと思いますが手順ですw
Continue reading »

Googleタグマネージャーを使ってクリックされた「tel:」を計測してみる。

teltag_ttl
スマホサイトで電話リンク(tel:電話番号)を作る時があると思いますが、この「tel:」をクリックした数を知りたい場合などあるかなと。
電話リンクはHTMLの中に普通に記述しますが、このままではGoogleアナリティクスでイベント計測は行えません。
なので「リンクをクリックしたときに計測する」という方法を取ります。

今回は、デフォルトのClick URL変数では前につく「tel:」も持ってきてしまうので、これを除去する方法を試してみました。
久しぶりに「Googleタグマネージャー」をいじったので忘れないうちにメモ。
Continue reading »

iPhone+Dropbox&Azure WebAppで修正内容を本番サイトへ反映させてみた話。(緊急用)

ip_drb_ttl
前回、「Dropboxを使ってAzure WebAppにアップロードする方法」を試してみたのですが、これってもしやiPhoneでもサイトの修正&アップロードができるのでは?と思いまして…。
WordPressサイトであれば、管理画面からある程度の修正ができますが、静的サイトとなるとHTMLの修正はできてもアップロードにはFTPクライアントが必要になります。
iPhoneってFTPクライアントが無いイメージがあったんですが、調べてみると一応あるけど有料の模様…。(いざというときのために購入しておいてもいいかもしれませんが)

というわけで、今回は有料アプリを購入せず「iPhone(無料アプリ)+Dropbox&Azure WebAppで本番サイトへ修正の反映」まで試してみたので手順をメモ。
「ノートPCもタブレットも無いけど今すぐ修正せんといかん!」的な場合の最終手段としてお使いください!w
Continue reading »

Dropboxを使ってMicrosoft Azure WebAppにアップロードする方法。

drop_ttl
Web制作時に使う素材のやり取りやデータのバックアップでDropboxを使う人は多いのではないかなーと思います。
Azure WebAppにデータをアップロード(デプロイ)する場合、FTP操作以外に「Dropboxを使う方法」があり、実際に試してみたので手順をメモ。
FTP設定がいらない分、普段Dropboxを使う人はこちらの方が便利かもです。
Continue reading »

Googleアナリティクスでページ別のユニークユーザー数を見る方法。

gauu_ttl
最近、色んな理由でGoogleアナリティクスを眺めることが増えております…。
そんな中、ページ別のユニークユーザ数を見る必要があって、設定してみたのでやり方をメモ。
一度設定すればサクッと見れるようになるから便利ですー!
Continue reading »

Microsoft系のアイコン(Microsoft CloudnEnterprise Symbols)をベクター形式にしてみた話。

msicon_ttl
このブログの記事でも紹介することがありますが、最近Azure関連で構成図を作る機会がちょくちょくありまして。
ちなみにMicrosoftから公式でアイコンセットが提供されています。

◆Microsoft CloudnEnterprise Symbols
http://www.microsoft.com/en-us/download/confirmation.aspx?id=41937

ですが、ベクター形式ってないんですよね…。私が見つけきれてないだけかもですけど(汗
自分が使う分はチマチマとベクター形式を作ったりしてたんですが、シルバーウィークにもなりましたし「どうせなら全アイコンベクター形式にしてやるわ!!」ってなりまして、作りました。
軽い気持ちで初めたんですけど、全213個ありまし…た…。(吐血)
Continue reading »

DreamweaverCCの「Extract」パネルが便利な話。

dwcc_ttl
Webデザイナーをやっていると避けて通れない作業の1つに「コーディング」があります。
私はコーディング作業にはDreamweaverを使っています。
(Visual Studio Codeなど用途によって他のエディタも使いますが…)
いまは色々と便利なエディタがあるため、Dreamweaverをメインで利用してる人も少なくなってきた感じがあって、最近も「なんで今だにDreamweaver使ってるの?」と聞かれたんですけど。

DreamweaverCCになってから、Photoshopでデザインカンプを作成する場合はコーディング作業の助けになるなーと思った便利機能があるので、その辺りのメモです。
Continue reading »