とあるweb屋の仕事術

とあるweb屋の仕事術

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

実務

最近よく見かけるCookieの使用を宣言したり使用にクッキーの使用に同意するUIはGDPR対策の一環

海外のサイトでよく見られる Cookie使用に同意するUIや クッキーの使用を宣言して ユーザに案内を促すUI。 ここ最近では少しづつ、 日本のWebサイトでも 見かけるようになってきました。 CNET Japan CNET Japan のサイトではフッターでCookieの使用宣言と同…

管理画面にWYSIWYG(ウィジウィグ)を採用してしんどかった話

WebサイトやWebシステム、 Webサービスには 管理画面と公開画面があります。 WordPressにもありますよね。 僕の勤めている会社では 受託でWeb製作しているのですが、 いわゆるCMSは、 独自開発したCMSを使っています。 クライアントごとにオーダーメイドに …

webページ(HTML)をPDF化するなら mPDF が便利。ただし使えるCSSが限定されるから注意。

「webページ(HTML)をPDF化したい。」 クライアントからそんな相談をされたら mPDF を使いましょう。 受託でweb製作をやっていると このニーズはそこそこ多くて 何回か要望いただいたことがあります。 とはいえPDF化するのも簡単ではありません。 要望を詳…

特定のブラウザだけCSSを調整したいときはハックを使おう

大手のナショナルクライアントの webサイトではいまだにIEが捨てきれずに 動作保証範囲としているwebサイトも多いと思います。 Microsoftが、企業にIE11の使用をやめるように 推奨はしているものの、ユーザの使用率によっては 捨てられないwebサイト、サービ…

クライアントからもらう資料のテキストをそのままコピペするとスペースやゴミデータがはいることあるので注意

クライアントから資料をもらって、 webサイトにテキストを掲載するとき。 クライアントは、パワポやWordファイル、 エクセル、CSV、PDF...などなどいろいろな ファイル形式で送ってきますよね。 実装あるあるなんですが、 それらのファイルからテキストをコ…

検索能力は問題解決能力。web製作の現場では調べる力、検索能力のスキルも重要。

組織やチームでweb製作するメリットのひとつ として、知識量と経験値があります。 課題や問題にぶち当たったときに、 自分ひとりの知識や経験だけでなく チーム内の全員の知識と経験がプラスされるので、 解決が早かったり、自分ひとりではたどり着けない ア…

修正が反映されない!?webサイトの修正、更新でハマりがちな「キャッシュ」

HTMLやJavaScript、CSSを確かに 修正・更新したはずなのに、 webサイトに内容が反映されない。 そんな現象にでくわしたらキャッシュを 疑いましょう。 キャッシュを知らない新人webデザイナーがハマっている ケースを何度か見てきました。 新人でなくても、w…

リセットCSSの種類をざっくりおさらい。リセットCSSはどれを使うか問題。

リセットCSSについての すばらしい良記事がありました。 becolomochi.hatenablog.com 昨今、リセットCSSにもいろいろ種類があります。 記事で紹介されているCSSは以下の4つ。 Eric Meyer’s “Reset CSS” 2.0Normalize.cssress.csssanitize.css それぞれざっく…

会員登録フォームでメールアドレスを2回入力させるのどうなの問題。導入したら問い合わせが減った例

会員登録フォームでたまーにある メールアドレス間違え防止のためのフォーム、 ありますよね。 「確認用に再度メールアドレスをご入力ください」 というやつです。 メールアドレスを入力したすぐその下にあるやつですが、 これ意味なくない?というのが僕の…

フォームの姓名、電話番号、郵便番号...など入力フィールドを分割するべきか問題

先日ツイッターで見かけた フォームの入力フィールドを分割するべきか問題。 一般的なフォームで、名前や電話番号の入力欄の分割をやめるよう指摘すると、DBの都合でできないと言われることがある。なぜDBのフィールドを分けるのか聞くと、「できるだけ細か…

多言語サイトで言語切り替えしたときは、同一ページでの切り替えをしよう

多言語webサイトで、 検索してヒットしたページにアクセスして 外国語だったので、サイトにある言語切り替え機能で、 自分の言語に切り替えをしてコンテンツをみようとしたら、 トップページに飛ばされてしまう、という現象。 これけっこうあるあるで、 大手…

【事例紹介】サーバ移転が必要なwebサイトのリニューアルで過去の公開側コンテンツ、データをどうするか

webサイトのリニューアル案件で 制作会社を変えたりシステムを変更したり、 サーバを移行する際に結構大変になるのが これまでのデータをどうするか、という問題。 記事データや会員データ、商品データなどなど 運営年数が長ければそのデータは膨大になりま…

多言語サイトの言語切り替えのUIの考察

先日、受託案件で 多言語サイトの案件があったのですが、 そのときに少し考えた話。 多言語展開のwebサイトでは 言語の切り替え機能があります。 言語の切り替え機能は、 主に以下のUIパターンが考えられます。 プルダウンでの言語選択式 ヘッダ、フッタなど…

プロジェクト管理ツールはもういらない!サクッとプロジェクト管理できるGoogleスプレッドシートがおすすめ

みなさんプロジェクト管理ツール、 使っていますか。 今日は僕の勤めている会社ではどのように プロジェクトを管理して進めているか 紹介します。 いろいろ便利なプロジェクト管理ツールが ありますが、使用しているのは、 管理に使用しているのは、 Google…

クレジットカードのブランドロゴは公式サイトからダウンロードして使おう

受託のweb制作では ECサイトやぐるなびや食べログのような 店舗紹介ポータルサイトや、 飲食店のwebサイトのように 取り扱いクレジットカードを表記する場面は そこそこあります。 クレジットカード会社名を表記する際に、 各社のブランドロゴを掲載したほう…

ウェブクリップアイコンの参考にもなる、iPhone・iPadアプリのおしゃれなアイコンデザインギャラリー

スマホ端末でウェブサイトをホーム画面に追加すると、 ホーム画面にアイコンが追加されます。 これをウェブクリップアイコンといいます。 apple-touch-icon(アップルタッチアイコン)とか 呼ばれることもあります。 このウェブクリップアイコンの作成も web…

メルマガ運用するならメルマガ開封率とクリック経路をGoogleアナリティクスで計測しよう

先日紹介したHTMLメルマガ作成の記事に付随して、 www.toaru.jp メルマガ開封率や、 メルマガ経由でアクセスされたかどうかを 集計する方法も調べたので、 参考になったサイトをご紹介します。 受託でWebサイトの保守をしていると、 ちゃんと集計や開封率、…

webサイトの不具合を素早く解決するコツ

webサイトは生モノで、 生き物のように日々変化しています。 動的なwebサイトでは毎日コンテンツが 更新されますし、デバイスやOS、ブラウザ などwebサイトを取り巻く環境まわりの環境も 変わっていきます。 そのためwebサイトは、問題や課題、改善点 が常に…

HTMLメルマガ作成はこれだけ見ておけばOK!参考になる記事まとめ

先日HTMLメルマガを実装する機会が あったので、作成の参考にした良記事を まとめておきたいと思います。 検索するといろいろなメルマガテンプレートが ありますが、各種メールソフトで確認すると、 実用に耐えうるレベルじゃないものが多いなという 印象を…

飲食系webサイトのデザインはフードコネクションの実績が参考になる

受託でwebデザイナー/webディレクターを やっていると、 飲食店のwebサイトの案件、あると思います。 飲食店のwebサイトの参考になるとある会社さん を紹介します。 f-webdesign.biz webサイトのギャラリーサイトを参考にするのも いいですが、飲食店のweb…

運用負担が激減。WebサイトやWebサービスは「よくある質問」を充実させろ

受託でWeb制作10年以上やってます。 そうするといろんなWebサイト、Webサービスの 立ち上げや運用に携わります。 BtoBのものもあれば、 BtoCのものもいろいろ経験してきました。 今回は主にBtoCのWeb運用の話。 そのWebサイト/Webサービスのユーザ層にも よ…

簡単でいいのでロゴ30分くらいで作ってくれない?問題

「ちょっとロゴ作ってくんない?30分くらいで。」 これ言われたことありますか? デザイン経験者ならまず言わないセリフですが、 会社務めでWebデザイナーやってると こういうことを言われたりしますよね。 ロゴはCI(コーポレートアイデンティティ)、 ブラ…

【Webサイト運用】ユーザにメールが届かないときは迷惑メールおまかせ設定を疑え

受託案件をしていると、 メルマガや会員登録、ECサイトなどなど ユーザにメール送信をする場面は多いです。 よく問題に上がるのが、 メールが届いていないという問い合わせだったり、 メルマガ送信したけどエラーで返ってきてしまった、 というもの。 届いて…