ウェブディレクター

01_Mac 02_アプリの使い方・活用方法

【XD】フォントをアウトライン化する方法

XDでもフォントをアウトライン化することはできる。 アウトライン化したい文字を選択した状態でcommand8を押すだけだ。 どうしよう、この記事で言いたいことが終わってしまった。あとは「アウトラインと ...

04_ウェブサービス 20_Googleドライブ

【無料配布】大量のウェブページのMETA情報を一気に取得するGoogleスプレッドシート

ウェブディレクターとして活動していると、しばしば数十ページにもおよぶウェブページのMETA情報を確認しなければならない。これが結構な手間なのだ。 そんな手間をなくして、極力楽をしようというのが今回の趣 ...

04_ウェブディレクター 07_タスク管理 07_仕事で役立つ情報

タスクの抱え落ちがなくなる!ボールを即座に打ち返すコツとは

やらなければいけない仕事があるのに、「どうやって処理をしようか…」「なにから手を付けたらいいのか」と、考えなくちゃいけない事がいろいろと多くて、結局あとまわしにしてしまう。 そういう経験はだれでもある ...

01_新規サイト紹介 04_ウェブサービス 04_ウェブディレクター 05_デザイン 06_html・マークアップ 07_仕事で役立つ情報

簡単!アプリ不要!画像をSVG変換するウェブツール「vectorizer」の使い方

ウェブサイトの制作にあたっては、SVG形式の画像ファイルが必要になるケースも増えてきた。しかしぼくはPhotoshopやIllustratorを持っていないため、アプリを使って自作することができない。 ...

01_基本と応用 02_iPhone 02_基本の使い方と設定 04_ウェブディレクター 07_仕事で役立つ情報

【iPhone】アプリ不要!もっとも簡単にウェブページ全体のキャプチャを撮る方法

ウェブページ全体のキャプチャを撮りたい。そんなときに便利なアプリ「Awesome Screenshot」を以前ご紹介した。 関連記事:ウェブディレクター必須!iPhoneでサイト全体のキャプチャを撮る ...

04_ウェブサービス 04_ウェブディレクター 07_仕事で役立つ情報 19_Googleアナリティクス

サイト内のアナリティクスやタグマネの動作チェックする最も簡単な方法

ブログをやりつつ、ウェブディレクターとしても活動している私です。 ウェブの制作をしていて意外と見落としがちなのが、Google アナリティクスのコードの挿入漏れや、Google タグマネージャの設置漏 ...

01_Mac 02_アプリの使い方・活用方法 04_ウェブディレクター 05_Windows 06_html・マークアップ 07_仕事で役立つ情報

Excelで作った表をウェブで使えるHTMLに書き出す方法

Webページで表のデザインを組むのは意外と面倒。そんなときに便利な技をひとつご紹介します。 Excelを使って作った表のデザインをそのままWebで展開できたら、そんなに楽なことはありません。今日はそん ...

01_Mac 02_アプリの使い方・活用方法 04_ウェブディレクター 06_html・マークアップ 07_仕事で役立つ情報

Numbersで作った表をウェブで使えるHTMLに書き出す方法

Webページで表のデザインを組むのは意外と面倒。そんなときに便利な技をひとつご紹介します。 Mac用のExcelソフト「Numbers」。これを使って作った表のデザインをそのままWebで展開できたら、 ...

01_新規サイト紹介 02_情報収集・整理 04_ウェブサービス 07_仕事で役立つ情報 09_フレームワーク

ウェブ上でリアルタイムに共同編集できるホワイトボードはGoogleスライドで

チームのメンバーでブレストをして、ホワイトボードに付箋をペタペタしながら図式化する。アイデアを出し合うときにはメジャーな手法かと思います。 しかしメンバー全員が同じ場所にいなければならず、昨今の働き方 ...

02_iPhone 02_アプリの使い方・活用方法 03_ウェブブラウザ系 04_ウェブディレクター 07_仕事で役立つ情報

ウェブサイトがアプリ化!PWAの特徴と対応サイト事例

ウェブサイトをネイティブアプリのような感覚で使える技術が注目を集めています。「PWA(プログレッシブウェブアプリ)」と呼ぶんですけど、使ったことありますか? このPWAに対応したサイトでは、ページを表 ...

01_Mac 02_アプリの使い方・活用方法 04_ウェブディレクター 05_ウェブブラウザ系 07_仕事で役立つ情報

ウェブサイトのMETAデータを一括で取得できる超便利なChrome拡張機能

自分が制作しているウェブサイトのMETA情報(title・description・keyword)が、指定した通りちゃんと反映されているのか。これを確認するのもウェブディレクターの務めです。 しかし一 ...

01_Mac 02_アプリの使い方・活用方法 04_ウェブディレクター 06_html・マークアップ 06_テキストエディタ系

詳細なMETAやSNSタグを一括で簡単に確認できるChrome拡張機能

ボクはウェブディレクターとして、ウェブページの制作の管理進行を仕事としています。 ページに設定されているMETAの抜け漏れをチェックしたり、画像のaltの確認なども、ディレクターであるボクの仕事なので ...

01_Mac 02_アプリの使い方・活用方法 04_ウェブディレクター 05_ウェブブラウザ系 07_仕事で役立つ情報

強いキャッシュも一発クリア!スーパーリロードでWebページを最新にする方法

Webページを更新しても、キャッシュの影響で最新の状態を確認できない場合があります。 キャッシュとは…? パソコンはインターネット上でホームページを表示させた際にそのデータを一時的に保存(キャッシュ) ...

01_新規サイト紹介 04_ウェブサービス

一度開くと二度と表示できない鉄壁のテキスト共有サービス「kevlar」

ウェブサービス「Kevlar.io」というものがあります。これがなかなかに面白い。 リンク:Kevlar.io このウェブサービスでテキストを登録。すると、登録したテキストを表示するリンクURLが生成 ...

02_iPhone 02_アプリの使い方・活用方法 03_ウェブブラウザ系 04_ウェブディレクター 05_デザイン 06_html・マークアップ 07_仕事で役立つ情報

ウェブページ内の直線位置や長さを測るのに超便利なChrome拡張機能「Page Ruler」

今日は主にウェブ担当者向けの内容を。 ウェブページのデザインやコーディングをチェックをしていると、こんなことを考えたりします。 「AとBの要素、ちょっとずれてる気がするんだけど、本当に直線位置にあるか ...

01_Mac 02_アプリの使い方・活用方法 04_ウェブディレクター 05_ウェブブラウザ系 05_デザイン 06_html・マークアップ 07_仕事で役立つ情報

ページ内の全角英数を半角にするChrome拡張機能でネットサーフィンが快適に

ウェブページを見ていて、全角の数字と半角の数字が入り乱れているサイトを、たまに目にします。ブログの記事やニュースリリースもそうです。 世の中には全角と半角の違いなんて気にもとめないウェブ担当者が結構い ...

01_新規サイト紹介 04_ウェブサービス 04_ウェブディレクター 07_仕事で役立つ情報

ウェブ担当者が必ず助けられる便利ツールは「ルフトツールズ」にまとまっている

ブロガーでありつつWebの制作会社でディレクターをやっている私です。 ウェブディレクターとして業務をする上で、とても重宝しているウェブサイトがありますので、今日はそのサイトのご紹介。ウェブ担当者なら絶 ...

01_新規サイト紹介 04_ウェブサービス 04_ウェブディレクター 07_仕事で役立つ情報

画像を手軽に共有するならGyazo!URLシェアとテキスト挿入が手間いらず

ウェブ制作会社のディレクターとして、「このページのココをちょろっと修正しておいてください!」みたいな簡単な指示をお願いすることが多々あります。 あまりに軽微なものなのでテキストだけで指示を出すこともあ ...

01_Mac 02_アプリの使い方・活用方法 04_ウェブディレクター 05_ウェブブラウザ系 06_html・マークアップ 07_仕事で役立つ情報

Google Chromeからガラケーのブラウザチェック!ユーザーエージェントの追加変更方法

ガラケー。またの名をフィーチャーフォン。いわゆるパカパッカケータイ。今の若い世代においては、その存在を知らない子どももいるのではないでしょうか。 しかし、私のような制作会社にてウェブサイトの制作をして ...

no image

01_Mac 02_アプリの使い方・活用方法 04_ウェブディレクター 05_ウェブブラウザ系 06_テキストエディタ系 07_仕事で役立つ情報

100個のURLを一気に全部開く方法!Chrome拡張機能「Pasty」なら一瞬で

複数のウェブページを一気に開きたい。URLをひとつひとつクリックするのには、もうウンザリだ! そんな人にオススメのChrome拡張機能が、今日ご紹介する「Pasty」。 コピーしたテキストにURLが含 ...

Copyright© あなたのスイッチを押すブログ , 2020 All Rights Reserved.