HTML 5.2のそれぞれの要素が入れ子にできる「子要素」、包含されることが可能な「親要素」の一覧のルールを視覚化して表示します。 ※1 a要素の親要素が包含可能であること※1 audio要素の親要素が包含可能であること※1 canvas要素の親要素が包含可能であること※1 del要素の親要素が包含可能であること※1 ins要素の親要素が包含可能であること子要素省略※1 map要素の親要素が包含可能であること※1 noscript要素の親要素が包含可能であること かつ body要素の子孫であること子要素省略※1 video要素の親要素が包含可能であること ルート要素＆文書メタデータ html 親 子 head 親 子 title 親 子 base 親 子 link 親 子※HTML 5.2から可能。フレージングコンテンツが期待される場所※head要素の子孫であること meta 親 子※he

あと、最近、家に飛んでいる光+無線WiFiを、IPv4からIPv6にしました。これで、無線LANのスピードが、これまで、全部屋、だいたい100Mbps前後だったのが、200Mbps前後まで上がりました。 まぁ、IPv6にするといっても、実はやったことはたった一つで IPv6対応のルーターにこれまでのルーターを交換しただけ です。 なんか、いろいろとWiFiルーター調べているときに、どっかで IPv6にすると速くなる というのを読んで、半信半疑で変えてみたのですが、ほんとうに倍近くになりました。 もともと、光は1Gまででるといっても、ベストエフォートベースだし、WiFiにすると速度落ちるし、それでも、100Mbps前後でていれば、4G回線よりは速いからいいか、と思っていたのですが、 どうも、私が使っているプロバイダーはIPv6に対応しているらしい というのを知って、一応プロバイダーのページで

こんにちは〜！鹿です。わたしは minne を担当しているデザイナーです。 インターネットが好きで、とくにウェブブラウザのアドレスバーが大好きです。好きすぎるあまりに、ミーティング中にボーッとアドレスバーを見ていて怒られることも…。きょうは、そんな三度の飯よりアドレスバーが好きなわたしが選ぶ、美しい URL を紹介したいと思います。 まずは、みなさんおなじみの GitHub。たとえば React のリポジトリの URL を見てみると… はぁ…（うっとりした目で）。 なんて美しい URL なんでしょうか。なぜなら、「facebook」という名前の組織（organization）が作っている「react」という名前のプロダクトを「github.com」がホスティングしている、という事実が URL で表現されているからです。そのおかげで、わたしたちはこの URL にアクセスする前から、いったいど

今日は、Webフォームが「うわ、使いづらい」となってしまわないようにする、意外と対応されていないことが多いHTMLタグ「<label>」について。 HTMLを自分で書かないWeb担当者さんでも、デザイナーさんが作ったフォームに関して最低限これだけはチェックしておくといいですよ、というお話しです。 コンバージョンの要である「Webフォーム」。アクセス解析での改善やEFO（入力フォーム最適化）をしていると思いますが、意外と忘れられていることが多い「<label>」をご存じでしょうか。 フォームの入力項目それぞれの「ラベル（項目名）」を書くためのHTMLの作法なのですが、これをちゃんと使っているかどうかで、フォームの使いやすさがガラッと変わるのです。 一番わかりやすいのは、ラジオボタンやチェックボックス。<label>をちゃんと使っていると、ボタン部分ではなく文字の部分をクリックするだけで項目を

あまりまとめられないので箇条書きで。 「クラウド (IaaS)」と「レンタルサーバ」の区別 技術的には「クラウド (における IaaS)」と「レンタルサーバー」は明確に異なるものなので、そこは混同されないことをおすすめしたい 今回障害が起こったファーストサーバのサービスはレンタルサーバであって、クラウドサービスではないだろう クラウド = Amazon Web Services (AWS) や Heroku がその代表例だと思ってもらえばいい *1 具体的には、日経新聞の当該記事のこと → http://www.nikkei.com/article/DGXNASFK2600L_W2A620C1000000/ 意図は不明だが「クラウド」のような目新しいものと今回の事件とを結びつけて何かしらの印象を与えようとするのは、個人的には感心しない 業者が「クラウド」と謳っていたかどうかは知らない。例え

なんてわかりやすい…猫で覚えるネットのあの表示 ネットを巡回していると、誰でも一度は目にするであろう「404 Not Found」などの表示。 Webサーバからのレスポンスの意味を表現する3桁の数字からなるコードで、HTTPステータスコードと言うそうです。 404くらいなら覚えていても、他の数字はなんのこっちゃとなる人が多いとおもいますが、猫とセットにしたわかりやすいものがありましたので、ご紹介します。 100 Continue 継続。クライアントはリクエストを継続できる。サーバがリクエストの最初の部分を受け取り、まだ拒否していないことを示す。 200 OK OK。リクエストは成功し、レスポンスとともに要求に応じた情報が返される。ブラウザでページが正しく表示された場合は、ほとんどがこのステータスコードを返している。 206 Partial Content 部分的内容。部分的GETリクエスト

飲食店の利用客が料理の感想などを投稿するインターネット上のグルメサイト「食べログ」をめぐり、佐賀市内の飲食店経営者の男性（31）が9日までに、運営会社の「カカクコム」に対し、「自分の店の情報を掲載されたくない」と削除を求める訴えを佐賀地裁に起こした。訴状によると、男性は「望んでいないのに無断で掲載された。店のホームページと食べログの違いをお客さまに説明しづらく、混乱を招いている」「料理を掲載さ

ECサイトのレイアウトは、ユーザーに情報を的確に届ける上で重要な役割を果たす。サポタントの調査結果から、ECサイトでトレンドになっている検索窓の設置場所やサイト幅のピクセル数が分かった。 Web・モバイル業界の人材事業を手掛けるサポタントは7月30日、EC（電子商取引）サイトのレイアウトのトレンドに関する調査結果を発表した。楽天市場（100サイト）、Yahoo!ショッピング（50サイト）に出展しているECサイトおよび企業が独自に運営するECサイト（100サイト）を7月に調査した。 70％がページ上部に「検索窓」を設置 Webページの上部に検索窓を設置しているECサイトは全体の70％だった。増加する商品点数に対し、検索性を向上させる目的で検索窓を設置するECサイトが増えているという。

携帯端末以外のIPを制限するhtaccessを簡単生成（Mobile IP htaccess Maker） 2020年4月25日 2020年4月27日 Web便利ツール 携帯端末以外のIPを制限するhtaccessを簡単生成（Mobile IP htaccess Maker） 携帯サイトを運営する上で、携帯端末のみをアクセス可能にしたい場合にサーバーに設置が必要なサーバー定義ファイル「.htaccess」を簡単に生成します。 キャリアや検索エンジンのクローラーごとに設定可能なため、例えば「auは許可し、docomoは拒否」といった設定も可能です。 使いかた アクセスを許可したいキャリアやクローラーを選択し、最後に「htaccess生成」ボタンを押すと、htaccess用に書かれたIP情報（自IP含む）が表示れます。 表示内容をコピーし、「.htaccess」という名前で保存した後、自分のサ

2017年6月29日 Webサイト制作 「Webサイト勉強するのにおすすめのサイトを教えてください！」との声が多いのですが、日本のWeb関連チュートリアルサイトをあまり見たことがなかったので、今までおすすめできませんでした…。ということでちょっとググって初心者さんによさそうなサイトをいくつか紹介します。小難しい単語が並んであるようなサイトは避けているつもりですが、わかりにくかったらすみません。他にもおすすめサイトがあればぜひコメント欄にて教えてください！ ↑私が10年以上利用している会計ソフト！ Webサイトを作る流れ まずはWebサイトを作る目的を考える 誰のため？何のため？Webサイトを作り始める前に。 サイトマップと呼ばれる構成図を作成 Webサイトの構成図を簡単に作れる便利ツール ワイヤーフレーム（Webサイトのレイアウト）を作成 Webサイトの骨組み: ワイヤーフレームを素早く・

URL（Uniform Resource Locator）とURI（Uniform Resource Identifier）の構造の違いはご存知ですか？ Webページのアドレスを指す場合はどちらを使うべきなのでしょう。URLを分解して「https:（スキーム）」「#（フラグメント）」「?（クエリ）」「パス（path）」などの名称・意味についても解説します。 今日は、ノウハウというよりは、豆知識を。「URL」という呼び方と「URI」という呼び方がありますが、どう違うのか、あなたはご存じですか？ Webページのアドレスを指す場合は、どちらを使うべきなのでしょうか。 URLとURIは何が違うのか結論から言うと、URIとURLは同じものではありません。「URI」のほうが広い概念で、「URL」はURIの部分集合です。同様の仕組みに「URN」というものがあります。 その3つを別のものにたとえてわかりや

私的なメモです。WordPressで個人的にWebサイトを構築したり、受注した際の手順リストをメモ。自分用のチートシートです。いつも何かしら忘れている気がするのでいつもやる事をぱっと見で分かりようにリスト化しておきます。※個人的な主観が入っています。 Todoソフト等はあまり使わないので本当に私的なメモですが、これが誰かのお役に立てたら幸甚です。プラグインなども好みが有ると思いますのでご参考までに。。 [note]情報が古くなったので改正版としてアップデートしました。[/note] インストール DB作成 WP最新版をダウンロード wp-config.phpをDBに合わせて変更 接頭語も変える（wp_　→　example_） FTPソフトでサーバーにインストール ログインして管理者権限のユーザーを作成 作成したユーザー名で再ログイン adminユーザーを削除 ダッシュボードの不要なコンテン