とあるweb屋の仕事術

10年以上現役のweb製作屋さん。web製作雑務全部やる。

どうしてる?Webサイト制作に関係ないクライアントからの質問や相談の受け答え

Web制作あるあるですが、クライアントからWebサイトに関係ないことで質問や相談を受けることがたまーにあります。たとえば「PCが動かなくなった」「PCを変えたらメールが受信できなくなった」「印刷設定が変わってしまった」などなど。 クライアントからのこ…

手軽に時短!ひとつの画像をアップするだけでfavicon(ファビコン)などのアイコン各種を一発作成!マルチアイコンジェネレーター

Webサイト製作時には設定が欠かせないアイコン類。favicon(ファビコン)やWebクリップアイコン作成もWebデザイナーのタスクのひとつです。まじめに一つ一つ作成すると結構な数になるため各種のアイコン類を作成するのは面倒ですし、手間も工数も意外にかか…

誰でもできる企画提案・プレゼンの印象を少しでもよく方法。デザイン案を印刷するときの用紙サイズは A3 がおすすめ!

Web製作のフローでデザイン案をクライアントに提案・プレゼンするフローは必ずあります。 最近だとプロトタイプを作って実際にブラウザ動かし画面上で提案し、クライアントに見てもらうことも多いと思いますが、プロトタイプと合わせて、紙で印刷して資料と…

YouTube埋め込み動画をPC、スマホで音声なしで自動再生する方法。レスポンシブで背景全面、背景動画にも。

サイトにYouTubeを掲載するときに 背景全面に動画を表示してデザインの 一部として利用するケースがあります。 背景でなくてもYouTubeをサイトに 設置して自動再生しておきたい。 ググったところ、 PCでは自動再生できても、 スマホではブラウザの制約上、 …

成果物を他人にフィードバックしてもらうときは100%自分で納得したクオリティまで上げてから出そう

ベイジさんの社内日報 入社2年目で身につけたwebデザインの5つの習慣 | ベイジの日報 こちらにある内容が 3000回いいねしたい内容でした。 「自分の中で100点を取ってからフィードバックをもらう」 ある人が、後輩をレビューする際に「このデザインって自分…

クックパッドのトップページにはh1タグがない件の考察

タイトルのとおりですが、 今回はクックパッドのwesサイト トップページにh1タグがないのを 先日発見したというか、たまたま 見ていてあれーと思ったので、 そんな記事です。 クックパッドのトップにはh1タグがない 2019/08/24時点で、 PCサイト、スマホサイ…

記事タイトルとURLコピーするボタンをSNSシェアボタンと同列に並べるUIがスマートで洗練されている

記事タイトルとURLコピーする機能は 便利だ、いいよねという記事を 以前書きました。 www.toaru.jp 上記で紹介した内容は、 記事本文の上か下に 「この記事タイトルとURLコピーする」 というボタンが配置してあるサイトを 例にしました。 今回はそれの少し進…

デキるデザイナー、ディレクターの条件。相手の時間を奪わない、負担をかけない、考えさせない。

ディレクターやデザイナーが Web製作する上で、手を動かす 実務より大切なことがあります。 それは 相手の時間を奪わない、 相手に負担をかけない、 相手に考えさせないやりとりを 心がけること、です。 気が利くかどうかがデキるWeb屋の条件です。 先日見か…

超簡単。Webサイトのページ内でのPDF埋め込み、インライン表示、疑似サムネイル化表示の実装は「Google Docs Viewer」がおすすめ。むずかしい実装は不要!

Webサイト、WebページでPDFを掲載したいとクライアントから要望をもらうことがよくあります。よくある要望としては以下のようなかんじ。 PDFをページの中にインラインで表示したい。 PDFをサムネイルのように表示したい。 PDFを記事内に埋め込みたい。 PDFを…

食べログのPCサイトのSEO。h1タグの使いどころが工夫されている件

Webサイト製作の勉強には 大手サイトのソースや設計、 つくりをみるのが勉強になる! ということで、 今回は 食べログサイトの h1タグ の話。 食べログは古くからあるサイトなので、 PCサイトのデザインや設計は割と 古いところがあるかもしれませんが、 h1…

スマホの大型化でWebサイトの画面下の要素、見逃しちゃうことあるよね問題

スマホの大型化したことで Webサイトの画面下に配置してある要素、 たまに見逃しちゃうよね、という話。 先日こんな記事を読みました。 note.mu 大型化するスマホのディスプレイ、 そしてUIのトレンドに関する記事です。 大手のアプリの例を交えて解説されて…

深津さんの note の段落の余白(間隔)が見やすいので測ってみた

piece of cake CXOで、 THE GUILD代表でもある深津さんの note の段落の余白のとり方が めちゃくちゃ見やすい、 という話です。 note.mu 深津さんは note では UI/UXデザインに関しての記事や、 noteの新機能、機能改善についての 記事などなどを書かれてい…

企画・プレゼン力・提案力を養う。別の視点でみる『誰も教えてくれなかった「余白」デザインがわかる本。けっきょく、よはく。 余白を活かしたデザインレイアウトの本』

今回は、デザインは「余白」が9割 というキャッチの書籍、 「けっきょく、よはく。 余白を活かしたデザインレイアウトの本」 を別の視点で見ると、 企画、プレゼン力、提案の勉強になり いい訓練になる、というお話です。 書籍の内容紹介 この書籍は、 お題…

「noteカイゼン報告」はサービスの改善、アイデアが詰まっているので勉強になる

ここ最近Web系の情報収集を していく中で、note に書かれた 記事を目にしない日はないので、 note の勢いがすごいなと思っています。 web業界で note を知らないひとは ほぼいないとおもいます。 note.mu note はサービスの改善がすごい note の何がすごいか…

不具合や技術的な問題が起きたときのガイドライン、テンプレ。クライアントからの質問の質が低い場合は正しく伝えてもらうように誘導しよう

今回はクライアントワークでの コミュニケーションのお話。 先日こんなツイートを見かけました。 技術的な問題で質問する時質問側がちゃんと状況説明できないと難航する。〈悪い例〉サイトが急に動かなくなった!〈良い例〉wordpressで作ったサイトに○○をし…