[コラム] Web担のなかの人――編集部ブログ人気記事ランキング

Web担で過去30日にアクセスが多かった順の人気記事ランキングです。

（全 660 記事）

ページ

初代編集長ブログ―安田英久

エレベーターの車椅子用ボタンには工夫が? 意外と知らない仕組みを解説

エレベーターの車いす専用ボタンは、低い位置に設置されているだけじゃないって知っていましたか? 実は、扉の開放時間に関係があるんです。早く来るか遅く来るか、エレベーターの運行にも関わるので、車イスの人以外は使わないようにと書いてありますね。注意書きはあるけれど、伝えようとしないと伝わらない。今回はそんなUXのお話です。

初代編集長ブログ―安田英久

PNGとJPEG画質の違いは? 拡張子でどう違う? ウェブ画像使い分けの基本

Web画像は「jpeg」と「png」どちらを使用すればよいのでしょうか。また、拡張子を使い分けることで解像度にどのような違いが出るのでしょうか。画像を綺麗に保存する方法、ファイルサイズを軽くする方法も併せて解説します。「画質が悪い」「画像が重くて表示が遅い」「メタデータってなに?」お困りの新人Web担当者が知っておきたい使い分けの基本。

初代編集長ブログ―安田英久

図と表のキャプションやタイトルの位置、違いはある？どこが正解？

「図のタイトル」と「表のタイトル」では置く場所が違います。記事、論文、レポートなどを書いているとき「図表の題名は上と下どっちに入れるんだ？」「図表番号はどの位置に置けばいい？」「グラフの注釈の入れ方は？」と疑問に思ったことはありませんか？実は、JISでしっかり定められています。

初代編集長ブログ―安田英久

遷移とは? 意味を理解して正しく使おう! 「Webページ移動」のススメ

ページ遷移(画面遷移)の意味、正しく理解していますか? 辞書や辞典では、「遷移」は「状態が移り変わること」と定義されています。それって、Webサイトにおいてページが移動することとは違うんじゃない? 誤用とまではいかなくても、どうも納得いかない……ということで、サイトからサイトに飛ぶことを「ページ移動」と呼ぶようにしたい、「画面遷移・ページ遷移言うな協会」を立ち上げます。

初代編集長ブログ―安田英久

info@とは? 問い合わせ対応に欠かせない会社用メールアドレスの使い方を解説

「info@」や「webmaster@」から始まるメールボックス、御社のサイトでは用意していますか？実は、企業サイトが設置するべき代表アドレスにはルールがあります。今回はWeb担当者に関係するアドレスを中心に紹介。問い合わせ対応や広報など、メールの目的に合わせて正しく使い分けましょう。

初代編集長ブログ―安田英久

え? この表現ダメなの？あなたの文章を一瞬で残念にする10の言葉遣いミス

編集者の目で見ると「あちゃー、そういう言葉のミスしちゃうのね、残念」という表現が……

初代編集長ブログ―安田英久

HTTPリクエスト/レスポンスとは? HTTPヘッダーを理解しよう

HTTPは「HTTPリクエスト」と「HTTPレスポンス」に分けて考えます。これらは一体どのようなものなのか? よく耳にするリファラー(Referer)やクッキー(Cookie)などはどんな働きをしているのか? HTTPヘッダーを理解しておくとサイト上での仕組み作りの視野が広がるかもしれません。また、知っておくと役に立つステータスコードやHTTPヘッダーの確認方法も紹介します。

初代編集長ブログ―安田英久

「お役所言葉改善の手引」がスゴい。これは全社会人が読むべき日本語マニュアルだ

Webライティングにもメールにも役立つ、「わかりやすく、読みやすい」文章を作るための日本語とは

初代編集長ブログ―安田英久

この漫画はフィクションです。実在の人物や団体などとは関係ありません。←なぜ書くの？

なぜこの「書かなくてもそりゃ当たり前だよね」とも思える記載をしているのでしょうか？

初代編集長ブログ―安田英久

URLとURIの違いとは？パーツの構造・名称・意味も大解説！

URL（Uniform Resource Locator）とURI（Uniform Resource Identifier）の構造の違いはご存知ですか？ Webページのアドレスを指す場合はどちらを使うべきなのでしょう。URLを分解して「https:（スキーム）」「#（フラグメント）」「?（クエリ）」「パス（path）」などの名称・意味についても解説します。

初代編集長ブログ―安田英久

デザインに赤い十字（✚）を使うと法律違反って知ってましたか？

病院や救急箱や薬局など医療を表すマークではなく、もっと大切なものなのです

初代編集長ブログ―安田英久

「木こりのジレンマ」という寓話｜斧を研ぐ時間がなぜ重要なのか？

木こり（樵）のジレンマは、効率の悪い仕事の例え話です。斧ではなくノコギリが使われるなど、さまざまなバリエーションはあるようですが、「目の前の仕事の手を休め、効率よく作業する工夫をすれば全体の効率が上がる」という意味です。Web担当者・マーケターの斧研ぎは「業務効率化」「成果改善の仕組み」「情報収集」がキーワード！楽しく仕事をするために思考を転換しましょう。

初代編集長ブログ―安田英久

Webサイトのメンテナンス中画面を出す正しい作法と.htaccessの書き方

サイトのメンテナンス中画面を人間にも検索エンジンにも適切にするやり方。

初代編集長ブログ―安田英久

矢印・特殊文字・記号一覧｜コピペ・標準フォントで使用可能

矢印、検索マーク、マップピンなど、WEBページでアイコンとして使える絵文字を一覧にまとめました。これらのUnicodeで定義される特殊文字・記号・絵文字は、画像を使わず、標準フォントだけで表示することができるので、ページが重くなりにくく、変更も楽というメリットがあります。CTAボタンや見出し、区切り線などをおしゃれに装飾することもできるでしょう！

初代編集長ブログ―安田英久

印刷用CSS(@media print)の設定とデバッグ方法って? HTMLの印刷崩れを解決

プリント用のCSS、うまく設定できていますか? 「htmlの印刷プレビューでレイアウトが崩れてしまう」「どのCSS指定がどこに反映されているのかを確認したい」「@media printの修正方法は? 」印刷用スタイルシートの使い方にお困りの方必見。設定の基本とPCブラウザ別のデバッグ方法をまとめました。

初代編集長ブログ―安田英久

“世の中みんなバカばっかり”と思ったら、たぶん本当にバカなのは自分だ

「この会社の人間、だれもWebのことをわかってない、バカしかいない」そう思ったら……

初代編集長ブログ―安田英久

和真にメガネを作りにいったら、やんわり断られた。ファンになった。

ファンを増やす顧客対応について。買うつもりで行った店で「あなた、今は買わないでいいですよ」と言ってくれたのです。

初代編集長ブログ―安田英久

『恋愛論』恋の7段階と情報商材のランディングページが似ていて驚いた

スタンダールの『恋愛論』で述べられている「恋の発生7段階」とマーケティングの類似点について

初代編集長ブログ―安田英久

エクセルのカラースケール(ヒートマップ)の使い方色分けで数値を見やすく

今回は、Excelのデータ表について。どういった特徴・ポイントがあるのかをひと目で分かりやすく、見やすくするために、ヒートマップを用いてみてはどうでしょう。条件付き書式の「カラースケール」「データバー」機能で、数値によってセルを色分けしたり、棒グラフ的なバーを表示したりすることができます。エクセルの基本的な操作ですが、知っておいて損はない、便利な機能です。

初代編集長ブログ―安田英久

Webコンテンツの正しい『かっこの付け方』教えます

かぎ括弧、二重かぎ括弧、隅付き括弧などの「括弧」の使い方や三点リーダー、ダーシなどの約物の使い方の基本を解説

初代編集長ブログ―安田英久

スマホを落としたけど拾った人からスムーズに連絡をもらえた！その仕組とは？

先日、家族がスマホを落としたのですが、拾った方からさくっと連絡を頂き、無事に戻ってきたのです。その仕掛けとは？

初代編集長ブログ―安田英久

「中小企業」「大企業」という言葉、定義なしに適当に使ってませんか？

「中小企業」とか「大企業」、言っている人と聞いている人で規模感や予算感などのイメージを正しく共有できてますか？

初代編集長ブログ―安田英久

ギガが足りない！中高生の30%弱が2～3か月に1回は通信速度制限

中高生が「ギガが足りない」状況になっている頻度は、毎月が13%程度、2～3か月に1回が14%～16%程度

[コラム] Web担のなかの人――編集部ブログ

Twitterは年齢制限アリ！何歳から使える？凍結の流れと解除方法まとめ

ツイッターの年齢制限により、web担の公式アカウントロック！いつから使えるの？誕生日が関係？13歳以上なのに使えなくなった？実体験に沿って、twitterの利用規約と凍結した経緯、解除申請の手順をお伝えします。

初代編集長ブログ―安田英久

自社のメールがGmailでどれだけスパム判定されてるか、グーグルのPostmaster Toolsで調べてみた

自分のドメイン名から送ったメールが、Gmailのシステムでどの程度迷惑メール判定されているのか、ドメイン名の評判はどうかなどを確認できるツール

初代編集長ブログ―安田英久

Twitterで同じ内容を複数アカウントからツイートしまくると凍結!? 3月24日から

「同じ（ような）内容のツイートを複数のアカウントからするのは禁止ですよ」とTwitterが発表、場合によってはアカウント凍結のおそれも

初代編集長ブログ―安田英久

二重価格表示とは「通常価格」表記は違法になる? 景表法を事例でわかりやすく

どんな場合に「通常価格」と示すべきか、あなたは理解していますか? 気をつけないと、景品表示法に違反する二重表記となってしまうかもしれません。今回は、商品やサービスを提供する人ならば知っておきたい二重価格表示(ダブルプライス)について、例を交えつつ簡単に解説。実は、「当店通常価格」や「セール前価格」の表記には、ルールがあるんです。ガイドラインを理解して、つい2重価格表示してしまうことを防ぎましょう。

初代編集長ブログ―安田英久

1万時間の法則：人が何かに習熟してスペシャリストになるのにかかる時間

今日は、「人が何かに習熟して一流になるのにかかる時間」の話題を。

初代編集長ブログ―安田英久

【これは便利】あなたのWebサイト表示のどこが遅いかを一発で調べるブックマークレット

ページ表示にサーバーとブラウザのどこで時間がかかっているか一発で表示するブックマークレット

初代編集長ブログ―安田英久

Twitterの始め方とは？ツイッターは何する所？など初心者必見ガイド

Twitter（ツイッター）ってどんなことをつぶやけばいい？そもそも何をするものなの？初投稿のツイートってどうすれば…など、これから始める初心者の方に向けた簡単な解説＆ガイドです。「フォロー」「＠」「DM」「TL」「RT」などの基礎的な用語から解説を行います。

初代編集長ブログ―安田英久

YouTubeの動画埋め込みで再生開始時間や字幕表示を指定する方法

YouTubeの動画を埋め込むときに、スタート時間（再生開始時間）や、字幕を出すか出さないかといった設定をするにはどうすればいいのか

初代編集長ブログ―安田英久

画面拡大ツールZoomItが便利すぎてセミナーにも部下指導にも老眼にも手放せない

常駐させておけば、必要なそのときだけ、ほかの設定は変えずに必要なところだけを拡大表示、これは便利

初代編集長ブログ―安田英久

CSSの:afterと::afterどっちが正しい？疑似クラスとか疑似要素って何？

セレクタで「:after」と「::after」がありますが、どちらが正しいのでしょうか。

初代編集長ブログ―安田英久

ウェブ文章TIPS：疑問符（？）や感嘆符（！）の後はなぜアケるの？アキは全角か半角か？

あなたは、疑問符（？）や感嘆符（！）の後に空き（スペース）を入れてますか？なぜアキを入れるのでしょうか

初代編集長ブログ―安田英久

調整さんをちょっと使いやすくする3つの機能をブックマークレットで作ってみた

スケジュールが合わなくても判断しやすく＋見出し行がスクロール追従＋ExcelにコピペもOK！

初代編集長ブログ―安田英久

Facebookで特定の人の投稿を見逃さないようにする2つの方法

その方法とは、「トップに表示」と「お知らせを受け取る」の2つです。

初代編集長ブログ―安田英久

いいね!数1000を5分で自作自演する方法：いいね!数のカラクリとその見破り方

「いいね！」ボタンに表示される数の仕組みを解説し、「いいね！数の内訳を確認する方法」を解説します

初代編集長ブログ―安田英久

サイト埋め込みGoogleマップが7月16日からAPIキー必須で有料に、ただし対応不要の場合も多いので慌てずに

通常のGoogleマップから［地図を埋め込む］でページに設置したマップはそのままで問題なし

初代編集長ブログ―安田英久

meta name="referrer"は、HTTPS→HTTPでもリファラを出す新しい仕様

HTTPS→HTTPでもリファラが送られるようにするタグをChromeとFirefoxが実装へ

初代編集長ブログ―安田英久

ページ表示2秒でユーザーはイライラし始め、3分の1が「もういいや」となる

ページの表示にどれくらいかかると「遅い」と感じられ、ユーザー行動にどんな影響が出るのか

初代編集長ブログ―安田英久

サードパーティクッキーとは? 基本の仕組みを解説(3rd party cookie)

そもそもクッキーとは何で、サードパーティクッキーとファーストパーティクッキーは何が違うのかを理解しておきましょう

初代編集長ブログ―安田英久

良いセミナー・プレゼン資料を作るための10の手順

私がこれまでに行った数十回のセミナー講演経験から、ポイントをまとめて10個

初代編集長ブログ―安田英久

Facebookでシェアしたリンクの画像やタイトルがおかしいときの直し方

シェアした元記事のタイトルやアイコンを変えた場合にも、削除して再投稿せずに反映できます

初代編集長ブログ―安田英久

ヤフーの画像はなぜyimg.jpドメインなのか？サイト高速化の手法とヤフーの失敗例

初代編集長ブログ―安田英久

.co.jpは1社1ドメイン名、でも合併なら複数ドメインOKになってた！

組織合併などによる場合は、1社で複数のドメイン名を保持できるようになっていたこと、ご存じでしたか？

初代編集長ブログ―安田英久

社会人なら知っておきたい無料の公的統計データ「e-Stat」と「統計メールニュース」

新しい統計データが自動的に飛んでくる統計メールニュースは登録必須です

初代編集長ブログ―安田英久

「越える/超える」「抑える/押さえる」「計る/測る」正しい使い方は？使い分け133例を文化庁が公開

「越える・超える」「抑える・押さえる」「計る・測る」「勧める・薦める」など

初代編集長ブログ―安田英久

改正個人情報保護法、5月30日全面施行。中小のWeb担当者が知っておくべきことまとめ

保有個人データ5000件以下でも対象に。個人やNPOも

初代編集長ブログ―安田英久

Yahoo!の関連検索に出るようになったネガティブ情報を消す方法

自社のブランドで検索したときに、検索エンジンの「関連検索ワード」にネガティブな情報が出てしまう場合

初代編集長ブログ―安田英久

Excelのカラースケール風にHTMLのtableを見やすくするjQueryプラグインを作ってみた

Excelのカラースケールやデータバーのような機能をHTMLで手軽に実現するjQueryプラグインです

検索フォーム

[コラム] Web担のなかの人――編集部ブログ 人気記事ランキング

ページ

ページ

最新のニュース

Web担は、企画広告も役立つ情報バッチリ！

人気記事トップ10（過去7日間）

今日の用語

連載/特集コーナーから探す

編集部からのお知らせ

インフォメーション

Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]

[コラム] Web担のなかの人――編集部ブログ人気記事ランキング