Clik here to view.
ウェブサイトがアプリ化！PWAの特徴と対応サイト事例
ウェブサイトをネイティブアプリのような感覚で使える技術が注目を集めています。「PWA（プログレッシブウェブアプリ）」と呼ぶんですけど、使ったことありますか？ このPWAに対応したサイトでは、ページを表示する速度が劇的に早かったり、アプリのようなヌルヌルっとした使い心地で利用できたりと、ユーザーにとってメリットが多いのです。...
View ArticleClik here to view.
Numbersで作った表をウェブで使えるHTMLに書き出す方法
Webページで表のデザインを組むのは意外と面倒。そんなときに便利な技をひとつご紹介します。 Mac用のExcelソフト「Numbers」。これを使って作った表のデザインをそのままWebで展開できたら、そんなに楽なことはありません。今日はそんな便利な小技をご紹介。 ちなみにExcelを使った方法もご紹介していますので、合わせて参考にしてみてください。...
View ArticleClik here to view.
Excelで作った表をウェブで使えるHTMLに書き出す方法
Webページで表のデザインを組むのは意外と面倒。そんなときに便利な技をひとつご紹介します。 Excelを使って作った表のデザインをそのままWebで展開できたら、そんなに楽なことはありません。今日はそんな便利な小技をご紹介。 ちなみにNumbersを使った方法もご紹介していますので、こちらも合わせてご参考にどうぞ。 Numbersで作った表をウェブで使えるHTMLに書き出す方法 |...
View ArticleClik here to view.
サイト内のアナリティクスやタグマネの動作チェックする最も簡単な方法
ブログをやりつつ、ウェブディレクターとしても活動している私です。 ウェブの制作をしていて意外と見落としがちなのが、Google アナリティクスのコードの挿入漏れや、Google タグマネージャの設置漏れ。 ちゃんと確認するのがディレクターとしての務めですが、ソースコードを一々覗いていたら面倒です。 そこで便利なのが Google Chrome の拡張機能「Google Tag...
View ArticleClik here to view.
【iPhone】アプリ不要！もっとも簡単にウェブページ全体のキャプチャを撮る方法
ウェブページ全体のキャプチャを撮りたい。そんなときに便利なアプリ「Awesome Screenshot」を以前ご紹介した。 関連記事：ウェブディレクター必須！iPhoneでサイト全体のキャプチャを撮るなら「Awesome Screenshot」がオススメ – あなたのスイッチを押すブログ...
View ArticleClik here to view.
簡単！アプリ不要！画像をSVG変換するウェブツール「vectorizer」の使い方
ウェブサイトの制作にあたっては、SVG形式の画像ファイルが必要になるケースも増えてきた。しかしぼくはPhotoshopやIllustratorを持っていないため、アプリを使って自作することができない。 そこで活用しているのが、PNGやJPEG形式の画像をSVG形式に変換してくれるウェブサービス「vectorizer」だ。 Online Image Vectorizer Online raster...
View ArticleClik here to view.
タスクの抱え落ちがなくなる！ボールを即座に打ち返すコツとは
やらなければいけない仕事があるのに、「どうやって処理をしようか…」「なにから手を付けたらいいのか」と、考えなくちゃいけない事がいろいろと多くて、結局あとまわしにしてしまう。 そういう経験はだれでもあると思います。 タスクの実行の前に “考える” って作業が発生すると、途端に腰が重くなってしまいますよね。「何をするべきか」「どうやってやるべきか」を考えて計画するのは、想像以上に大変なもの。...
View ArticleClik here to view.
WebディレクターのMacに入れておくべきアプリ15選
ウェブディレクターな、あなたへ。仕事をするうえで、仕事をスムーズに進めるために、作業を効率的に進めるために、役立つアプリをまとめてみた。 もちろん、あなたがウェブディレクターでなかったとしても、いくつかのアプリは必ず役立つものとなっているはず。お付き合いのほど、どうぞよろしく。 BetterTouchTool リンク：BetterTouchTool公式ダウンロードリンク...
View ArticleClik here to view.
デザインヒアリングシートでクライアントのイメージを形にしよう
ウェブディレクターを何年やってきても、コケるときは大きくコケてしまうのが、デザインだ。 依頼した内容とできあがったデザインが違う。あるいは、クライアントが希望していたデザインと認識の齟齬がある。そういう失敗は何度も経験してきた。 絶対に失敗しない方法を私は知らない。が、お互いの意識をすり合わせて、失敗の確率を下げるための方法のいくつかは知っている。...
View ArticleClik here to view.
Webディレクターが仕事で使っているWebサービス＆アプリまとめ
私はWebディレクターとして日々業務をこなしているわけだが、その中で特に使用頻度の高いITツールをまとめてみた。 プロジェクト管理・オンラインストレージ・コミュニケーションなど、種類別にカテゴライズしてある。現役でWebディレクターをしている方々の参考になれたらうれしい。 オンラインストレージ Dropbox Dropbox Dropbox is a modern workspace...
View Article
