Webディレクターの仕事

Mac Webディレクターの仕事 Windows

2021/1/31

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

Webページで表のデザインを組むのは意外と面倒。そんなときに便利な技をひとつご紹介します。 Excelを使って作った表のデザインをそのままWebで展開できたら、そんなに楽なことはありません。今日はそんな便利な小技をご紹介。 ちなみにNumbersを使った方法もご紹介していますので、こちらも合わせてご参考にどうぞ。 Numbersで作った表をウェブで使えるHTMLに書き出す方法 | あなたのスイッチを押すブログ Webページで表のデザインを組むのは意外と面倒。そんなときに便利な技をひとつご紹介します。 Ma ...

Mac Webディレクターの仕事

2021/1/31

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

Webページで表のデザインを組むのは意外と面倒。そんなときに便利な技をひとつご紹介します。 Mac用のExcelソフト「Numbers」。これを使って作った表のデザインをそのままWebで展開できたら、そんなに楽なことはありません。今日はそんな便利な小技をご紹介。 ちなみにExcelを使った方法もご紹介していますので、合わせて参考にしてみてください。 Excelで作った表をウェブで使えるHTMLに書き出す方法 | あなたのスイッチを押すブログ Webページで表のデザインを組むのは意外と面倒。そんなときに便利 ...

ITツール Webディレクターの仕事

2021/1/31

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

チームのメンバーでブレストをして、ホワイトボードに付箋をペタペタしながら図式化する。アイデアを出し合うときにはメジャーな手法かと思います。 しかしメンバー全員が同じ場所にいなければならず、昨今の働き方ではそれも結構難しい。 そこで便利なのが、ホワイトボードをウェブ上に擬似的に設置して、それをリアルタイムで共同編集する手法です。 「RealtimeBoard」のような専用のウェブサービスもありますが、有料アカウントでなければ機能が限られるのが難点なのです。 なので私がおすすめしたいのが、Googleスライド ...

iPhone Webディレクターの仕事

2021/1/31

【iPhoneだけ仕事術】客先への移動経路をカレンダーに登録する簡単な方法

iPhoneだけで仕事は完結できるのか?!をコンセプトに、普段やってる業務をiPhoneだけでやってみるシリーズ。 今回のテーマは地図と移動について。客先への訪問ルートや乗り換えの時間、経路などの情報を、簡単にスケジュール登録する方法です。 iPhoneのデフォルトのカレンダーや、Googleカレンダーに登録しておけば、再検索の手間もなくなりますし、後から経費精算をするのも楽になります。ぜひ活用しましょう。

iPhone Webディレクターの仕事

2021/1/31

【iPhoneだけ仕事術】ノートや書類をスキャンしてPDFを人と共有する方法

iPhoneだけで仕事は完結できるのか?!をコンセプトに、普段やってる業務をiPhoneだけでやってみるシリーズ。 今回のテーマはPDFファイル。手書きのメモやノート、書類や名刺、会議資料などなど、手元にある紙のデータをスキャンしてPDF化し、人と共有する方法をご紹介します。 アナログとデジタルの橋渡しができるので、仕事で非常に活躍します。無料で使える便利なアプリも紹介しますので、参考にしてみてください。

iPhone Webディレクターの仕事

2021/1/31

【iPhoneだけ仕事術】Zipファイルを解凍する方法

iPhoneだけで仕事は完結できるのか?!をコンセプトに、普段やってる業務をiPhoneだけでやってみるシリーズ。 今回はiPhoneを使ってZipファイルを解凍する方法です。 「メールで送られてきたZipファイルの中身を急ぎ確認しなくちゃいけない」なんてことは、仕事をやっていると意外と鉢合わせるシチュエーションです。そんなときに役立つでしょう。

iPhone Webディレクターの仕事

2021/1/31

【iPhoneだけ仕事術】メールで送られたファイルを保存する方法

iPhoneだけで仕事は完結できるのか?!をコンセプトに、普段やってる業務をiPhoneだけでやってみるシリーズ。 今回はメールに添付されていたZipファイルを保存する方法です。 iPhoneにファイルを保存できるってこと自体、知らない人も少なくないので、知らなかった人はぜひ活用してみてください!外出先の急場の対応が可能になるので、知っておけば役立つはずです。

iPhone Webディレクターの仕事

2021/1/31

【iPhoneだけ仕事術】Zipファイルをメールに添付する方法

iPhoneだけで仕事は完結できるのか?!をコンセプトに、普段やってる業務をiPhoneだけでやってみるシリーズ。 今回はZipファイルをメールに添付して送信する方法です。

iPhone Webディレクターの仕事

2021/1/31

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

ウェブサイトをネイティブアプリのような感覚で使える技術が注目を集めています。「PWA(プログレッシブウェブアプリ)」と呼ぶんですけど、使ったことありますか? このPWAに対応したサイトでは、ページを表示する速度が劇的に早かったり、アプリのようなヌルヌルっとした使い心地で利用できたりと、ユーザーにとってメリットが多いのです。 PWAとネイティブアプリの動作比較ムービーです。左がPWAで、右がネイティブアプリ。PWAの方は、インストールに掛かる時間も少なく、実際の使用感もネイティブアプリと遜色ないことがわかり ...

Mac Webディレクターの仕事

2021/1/31

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

自分が制作しているウェブサイトのMETA情報(title・description・keyword)が、指定した通りちゃんと反映されているのか。これを確認するのもウェブディレクターの務めです。 しかし一ページ一ページ確認しているのは非常に面倒くさい。できれば一気に取得して、照らし合わせをしたい。 そんなときに便利なのが、Google Chromeの拡張機能「meta getty」です。

Webディレクターの仕事

2021/1/31

一部の苦手作業のせいで、タスク全体の進みが悪くなるってこと、ありませんか?

どうしても【苦手な作業】ってありませんか? ある作業を完結させるために、1→2→3→4→5という手順が必要だとして、どうしても【3】の工程だけが苦手。いつも詰まってしまう。そんな作業。 例えば私がブラグを書くときは、以下のような手順を踏みます。 前段・前置きの執筆 本文の執筆 まとめ・後記の執筆 画像の作成・加工 ブログタイトルの作成 このあとWordPressに登録したり、アイキャッチを設定したりと、まぁ作業は続くわけなのですが。 この中で、私は「1番:前段・前置きの執筆」が苦手だったりします。本文を書 ...

Webディレクターの仕事

2021/1/31

好きな事と得意な事、幸せになれるのはどっち?成功するためにラクしよう

自分に合った仕事。生業。天職。それは何だろう?悩みますよね。そんなあなたのヒントになれば。 好きなことでお金を稼ぐべき? とあるCMでは「好きなことで、生きていく」なんて言ってましたよね。あながち間違ってはないかなーと思いつつ、誤解を生む表現だなと思っていました。 好きなことで生きていくのは結構だし、それができれば素敵なことです。でもそのためには、お金を稼がなくてはいけません。 ……はて。 好きなことでお金を稼いで、飯を食うのでは?と思われるかもしれませんが、それが最善とは限りません。もちろん「好き」であ ...

iPhone Mac Webディレクターの仕事

2021/1/31

継続した集中力が手に入る「環境音」の魅力とオススメのアプリ

集中力を高めたい。もっと単純な言い方をすれば、今やっている作業に没頭したい。そんなとき、あなたならどんな環境を好みますか? 静かな図書館、公園、少し賑やかなカフェ——。私が好きなのは、カフェのような雑踏の中です。 実は人は、全くの無音や静かな場所だと集中しづらく、「環境音」の中にいたほうが集中できるんだそうですよ。 今日はそんな「集中できる環境音」と、環境音を作るのにオススメのアプリをご紹介します。

Webディレクターの仕事 メディア運営

2021/1/31

プロのライターや編プロでも失敗する、文章作りで忘れちゃいけない基礎中の基礎

ウェブディレクターとして活動していると、編プロさんに記事の作成を依頼することがあります。普段自分で文章を書いているので、人に依頼するのはなんだか不思議な感覚です。 しかし依頼した原稿が、必ずしも望んだクオリティで返ってくるわけではありません。中にはとても——申し訳ないけれどクライアントに提出できないレベルのクオリティである場合があります。 修正依頼する内容については傾向があり、私がよく指摘する項目をピックアップしてみました。自分で文章を書くときにも、ぜひ気をつけてみてください。

ITツール Webディレクターの仕事

2021/1/31

Gmailの署名を写真付きの名刺風にする方法!ビジネスでも大活躍

Gmailの末尾に記載する署名。この署名のデザインを簡単にカスタマイズして、名刺風に仕上げる方法があります。 これを利用すると、Gmailの署名がこんな感じになります。 写真だけでなく、各種SNSへのリンクやブログへの誘導リンクも設置できるのが気にっているところ。プライベートだけでなく、仕事でも活用していますよ。 では今日は、この署名の作り方をご紹介します。

ITツール Webディレクターの仕事

2021/1/31

美麗なグラデーションのサンプルCSSとPNGが大量に手に入るウェブサイト

あなたのウェブサイト制作やデザイン制作できっと役に立つ!グラデーションサンプルを集めたサイト「WebGradients」をご紹介します。 関連リンク:Fresh Background Gradients | WebGradients.com

ITツール Webディレクターの仕事

2021/1/31

ファイルの共有はEvernoteが万能すぎ!URLを教えるだけでOKなのが強い

仕事上、ファイルを他人と共有する機会が多いのですが、そんなときは大抵Evernoteを活用しています。 画像、PowerPointで作った指示書、議事録、zipファイル、URL、etc. ここに挙げたものをEvernoteの共有ノートとして外部URLで発行し、そのURLを相手に連絡して終わらせることが多々あります。 もちろんメールにファイルを添付して送ることもありますよ。ですがすべてのファイルをメールで送付するのは、いくらなんでも面倒。 「とりあえずEvernoteに突っ込んで、共有URLを送ればいいや」 ...

Mac Webディレクターの仕事

2021/1/31

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

Webページを更新しても、キャッシュの影響で最新の状態を確認できない場合があります。 キャッシュとは…? パソコンはインターネット上でホームページを表示させた際にそのデータを一時的に保存(キャッシュ)しておきます。そして再度同じページへアクセスしたときにサーバーのデータを取りにいかずに、自分のパソコン上にあるデータを取りに行くことがあります。 via: ブラウザのキャッシュ削除方法~ホームページが更新されていない!?~ ブログの更新やウェブサイトの改修を実施して、その結果を確認しようとしてもキャッシュが邪 ...

iPhone Webディレクターの仕事

2021/1/31

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

今日は主にウェブ担当者向けの内容を。 ウェブページのデザインやコーディングをチェックをしていると、こんなことを考えたりします。 「AとBの要素、ちょっとずれてる気がするんだけど、本当に直線位置にあるかな」とか、「このサイトのメインコンテンツ部分の横幅って何pxだろう?」とか。 サイト内・ページ内の要素の配置や長さを、目視だけで確認するには限界がありますよね。 そんなとき、Google Chrome の拡張機能「Page Ruler」を使えば、ウェブページ内の要素の “測る” ことができます。

Mac Webディレクターの仕事

2021/1/31

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

ウェブページを見ていて、全角の数字と半角の数字が入り乱れているサイトを、たまに目にします。ブログの記事やニュースリリースもそうです。 世の中には全角と半角の違いなんて気にもとめないウェブ担当者が結構いるってことでしょうかね。 でも私は気になってしまう。というか、読んでいてとても気持ちが悪い。どちらかに統一して欲しいし、そういった記号や英数字は極力半角で表現するべきだと思うのです。

© 2021 あなたのスイッチを押すブログ