初代編集長ブログ―安田英久エレベーターの車椅子用ボタンには工夫が? 意外と知らない仕組みを解説 エレベーターの車いす専用ボタンは、低い位置に設置されているだけじゃないって知っていましたか? 実は、扉の開放時間に関係があるんです。早く来るか遅く来るか、エレベーターの運行にも関わるので、車イスの人以外は使わないようにと書いてありますね。注意書きはあるけれど、伝えようとしないと伝わらない。今回はそんなUXのお話です。
初代編集長ブログ―安田英久PNGとJPEG画質の違いは? 拡張子でどう違う? ウェブ画像使い分けの基本 Web画像は「jpeg」と「png」どちらを使用すればよいのでしょうか。また、拡張子を使い分けることで解像度にどのような違いが出るのでしょうか。画像を綺麗に保存する方法、ファイルサイズを軽くする方法も併せて解説します。「画質が悪い」「画像が重くて表示が遅い」「メタデータってなに?」お困りの新人Web担当者が知っておきたい使い分けの基本。
初代編集長ブログ―安田英久図と表のキャプションやタイトルの位置、違いはある? どこが正解? 「図のタイトル」と「表のタイトル」では置く場所が違います。記事、論文、レポートなどを書いているとき「図表の題名は上と下どっちに入れるんだ?」「図表番号はどの位置に置けばいい?」「グラフの注釈の入れ方は?」と疑問に思ったことはありませんか?実は、JISでしっかり定められています。
初代編集長ブログ―安田英久遷移とは? 意味を理解して正しく使おう! 「Webページ移動」のススメ ページ遷移(画面遷移)の意味、正しく理解していますか? 辞書や辞典では、「遷移」は「状態が移り変わること」と定義されています。それって、Webサイトにおいてページが移動することとは違うんじゃない? 誤用とまではいかなくても、どうも納得いかない……ということで、サイトからサイトに飛ぶことを「ページ移動」と呼ぶようにしたい、「画面遷移・ページ遷移言うな協会」を立ち上げます。
初代編集長ブログ―安田英久info@とは? 問い合わせ対応に欠かせない会社用メールアドレスの使い方を解説 「info@」や「webmaster@」から始まるメールボックス、御社のサイトでは用意していますか?実は、企業サイトが設置するべき代表アドレスにはルールがあります。今回はWeb担当者に関係するアドレスを中心に紹介。問い合わせ対応や広報など、メールの目的に合わせて正しく使い分けましょう。
初代編集長ブログ―安田英久HTTPリクエスト/レスポンスとは? HTTPヘッダーを理解しよう HTTPは「HTTPリクエスト」と「HTTPレスポンス」に分けて考えます。これらは一体どのようなものなのか? よく耳にするリファラー(Referer)やクッキー(Cookie)などはどんな働きをしているのか? HTTPヘッダーを理解しておくとサイト上での仕組み作りの視野が広がるかもしれません。また、知っておくと役に立つステータスコードやHTTPヘッダーの確認方法も紹介します。
初代編集長ブログ―安田英久URLとURIの違いとは? パーツの構造・名称・意味も大解説! URL(Uniform Resource Locator)とURI(Uniform Resource Identifier)の構造の違いはご存知ですか? Webページのアドレスを指す場合はどちらを使うべきなのでしょう。URLを分解して「https:(スキーム)」「#(フラグメント)」「?(クエリ)」「パス(path)」などの名称・意味についても解説します。
初代編集長ブログ―安田英久「木こりのジレンマ」という寓話|斧を研ぐ時間がなぜ重要なのか? 木こり(樵)のジレンマは、効率の悪い仕事の例え話です。斧ではなくノコギリが使われるなど、さまざまなバリエーションはあるようですが、「目の前の仕事の手を休め、効率よく作業する工夫をすれば全体の効率が上がる」という意味です。Web担当者・マーケターの斧研ぎは「業務効率化」「成果改善の仕組み」「情報収集」がキーワード! 楽しく仕事をするために思考を転換しましょう。
初代編集長ブログ―安田英久矢印・特殊文字・記号一覧|コピペ・標準フォントで使用可能 矢印、検索マーク、マップピンなど、WEBページでアイコンとして使える絵文字を一覧にまとめました。これらのUnicodeで定義される特殊文字・記号・絵文字は、画像を使わず、標準フォントだけで表示することができるので、ページが重くなりにくく、変更も楽というメリットがあります。CTAボタンや見出し、区切り線などをおしゃれに装飾することもできるでしょう!
初代編集長ブログ―安田英久印刷用CSS(@media print)の設定とデバッグ方法って? HTMLの印刷崩れを解決 プリント用のCSS、うまく設定できていますか? 「htmlの印刷プレビューでレイアウトが崩れてしまう」「どのCSS指定がどこに反映されているのかを確認したい」「@media printの修正方法は? 」印刷用スタイルシートの使い方にお困りの方必見。設定の基本とPCブラウザ別のデバッグ方法をまとめました。
初代編集長ブログ―安田英久和真にメガネを作りにいったら、やんわり断られた。ファンになった。 ファンを増やす顧客対応について。買うつもりで行った店で「あなた、今は買わないでいいですよ」と言ってくれたのです。
初代編集長ブログ―安田英久エクセルのカラースケール(ヒートマップ)の使い方 色分けで数値を見やすく 今回は、Excelのデータ表について。どういった特徴・ポイントがあるのかをひと目で分かりやすく、見やすくするために、ヒートマップを用いてみてはどうでしょう。条件付き書式の「カラースケール」「データバー」機能で、数値によってセルを色分けしたり、棒グラフ的なバーを表示したりすることができます。エクセルの基本的な操作ですが、知っておいて損はない、便利な機能です。
初代編集長ブログ―安田英久スマホを落としたけど拾った人からスムーズに連絡をもらえた! その仕組とは? 先日、家族がスマホを落としたのですが、拾った方からさくっと連絡を頂き、無事に戻ってきたのです。その仕掛けとは?
初代編集長ブログ―安田英久「中小企業」「大企業」という言葉、定義なしに適当に使ってませんか? 「中小企業」とか「大企業」、言っている人と聞いている人で規模感や予算感などのイメージを正しく共有できてますか?
[コラム] Web担のなかの人――編集部ブログTwitterは年齢制限アリ! 何歳から使える? 凍結の流れと解除方法まとめ ツイッターの年齢制限により、web担の公式アカウントロック!いつから使えるの?誕生日が関係?13歳以上なのに使えなくなった?実体験に沿って、twitterの利用規約と凍結した経緯、解除申請の手順をお伝えします。
初代編集長ブログ―安田英久自社のメールがGmailでどれだけスパム判定されてるか、グーグルのPostmaster Toolsで調べてみた 自分のドメイン名から送ったメールが、Gmailのシステムでどの程度迷惑メール判定されているのか、ドメイン名の評判はどうかなどを確認できるツール
初代編集長ブログ―安田英久Twitterで同じ内容を複数アカウントからツイートしまくると凍結!? 3月24日から 「同じ(ような)内容のツイートを複数のアカウントからするのは禁止ですよ」とTwitterが発表、場合によってはアカウント凍結のおそれも
初代編集長ブログ―安田英久二重価格表示とは 「通常価格」表記は違法になる? 景表法を事例でわかりやすく どんな場合に「通常価格」と示すべきか、あなたは理解していますか? 気をつけないと、景品表示法に違反する二重表記となってしまうかもしれません。今回は、商品やサービスを提供する人ならば知っておきたい二重価格表示(ダブルプライス)について、例を交えつつ簡単に解説。実は、「当店通常価格」や「セール前価格」の表記には、ルールがあるんです。ガイドラインを理解して、つい2重価格表示してしまうことを防ぎましょう。
初代編集長ブログ―安田英久【これは便利】あなたのWebサイト表示のどこが遅いかを一発で調べるブックマークレット ページ表示にサーバーとブラウザのどこで時間がかかっているか一発で表示するブックマークレット
初代編集長ブログ―安田英久Twitterの始め方とは? ツイッターは何する所?など初心者必見ガイド Twitter(ツイッター)ってどんなことをつぶやけばいい?そもそも何をするものなの?初投稿のツイートってどうすれば…など、これから始める初心者の方に向けた簡単な解説&ガイドです。「フォロー」「@」「DM」「TL」「RT」などの基礎的な用語から解説を行います。
初代編集長ブログ―安田英久YouTubeの動画埋め込みで再生開始時間や字幕表示を指定する方法 YouTubeの動画を埋め込むときに、スタート時間(再生開始時間)や、字幕を出すか出さないかといった設定をするにはどうすればいいのか
初代編集長ブログ―安田英久画面拡大ツールZoomItが便利すぎてセミナーにも部下指導にも老眼にも手放せない 常駐させておけば、必要なそのときだけ、ほかの設定は変えずに必要なところだけを拡大表示、これは便利
初代編集長ブログ―安田英久ウェブ文章TIPS: 疑問符(?)や感嘆符(!)の後はなぜアケるの? アキは全角か半角か? あなたは、疑問符(?)や感嘆符(!)の後に空き(スペース)を入れてますか? なぜアキを入れるのでしょうか
初代編集長ブログ―安田英久いいね!数1000を5分で自作自演する方法: いいね!数のカラクリとその見破り方 「いいね!」ボタンに表示される数の仕組みを解説し、「いいね!数の内訳を確認する方法」を解説します
初代編集長ブログ―安田英久サイト埋め込みGoogleマップが7月16日からAPIキー必須で有料に、ただし対応不要の場合も多いので慌てずに 通常のGoogleマップから[地図を埋め込む]でページに設置したマップ は そのままで問題なし
初代編集長ブログ―安田英久meta name="referrer"は、HTTPS→HTTPでもリファラを出す新しい仕様 HTTPS→HTTPでもリファラが送られるようにするタグをChromeとFirefoxが実装へ
初代編集長ブログ―安田英久サードパーティクッキーとは? 基本の仕組みを解説(3rd party cookie) そもそもクッキーとは何で、サードパーティクッキーとファーストパーティクッキーは何が違うのかを理解しておきましょう
初代編集長ブログ―安田英久「越える/超える」「抑える/押さえる」「計る/測る」正しい使い方は? 使い分け133例を文化庁が公開 「越える・超える」「抑える・押さえる」「計る・測る」「勧める・薦める」など
初代編集長ブログ―安田英久Excelのカラースケール風にHTMLのtableを見やすくするjQueryプラグインを作ってみた Excelのカラースケールやデータバーのような機能をHTMLで手軽に実現するjQueryプラグインです