MDN Web Docs
Resources for Developers, by DevelopersDocumenting web technologies, including CSS, HTML, and JavaScript, since 2005. //////////// //////////// //////////// //////////// //////////// //////////// //////////// ++++++ ++++++ ++++++ ++++++ ++++++ ++++++ ++++++{{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} ../../ ../../ ../../ ../../ ../../ ../..
ここ最近のぼくのフロントエンド｜平尾ゆうてん
いわゆるホームページの制作は、フロントエンド技術ではWebサービス系と比べると何かと遅れがちなのだけど（地方の場合はもっと）、ここ1年近くは「次の時代に変わりつつある」と感じるようなことが多かったので、2018年度のエンジンもようやくかかり始めたので綴ってみようと思う。 ※完全に主観です。 Webアクセシビリティ少し前までは知識が先行して「やりましょうやりましょう」と言っていたけど、WCAG達成を目標にするケースが突然増えた。実施までは（残念ながら）ならくても、クライアントから求められて見積もりをすることも増えた。 総務省のガイドラインの理由もあるだろうけど、普及を行っている方々の活動の賜物だと思う。社内でも言葉すら知らなかった人間もいたはずだけど、今では最初の要件定義や提案で考えられるようになってきているので、本当に変わったなぁと思う。 脱jQueryReactやVue.jsをはじめとし
今なぜHTTPS化なのか？インターネットの信頼性のために、技術者が知っておきたいTLSの歴史と技術背景
【変更履歴 2018年2月15日】当初の記事タイトルは「いまなぜHTTPS化なのか？ 技術者が知っておきたいSEOよりずっと大切なこと ― TLSの歴史と技術背景」でしたが、現行のものに変更しました。現在GoogleではWebサイトのHTTPS対応と検索結果の関係を強調しておらず、本記事の趣旨の一つにも本来は独立した問題であるSEOとHTTPS化を関連付けるという根強い誤解を解くことがありますが、当初のタイトルではかえってSEOとHTTPSを関連付けて読まれるおそれがあり、また同様の指摘もいただいたことから変更いたしました。 HTTPとHTTPSは、共にTCP通信上で動作します。したがって、いずれもTCPハンドシェイクで通信を開始します。 HTTP通信の場合には、このTCPハンドシェイク直後に、HTTPリクエストとレスポンスのやり取りが始まります。このHTTPのやり取りは平文通信であり、途
これ知ってる？WEBの人なら押さえておきたいツール＆サービス50選 - 死ぬまでWEB屋
公開前に知人に見せたら、読むのに20分もかかったわ！！ と、お叱りを受けましたｗ オススメのツールやWEBサービスということで50ほど紹介していますが、僕の使用感のほかに、ところどころ経験談的なものが入っています。そのあたり、読むのがめんどうな方は読み飛ばしていただければ幸いです。 2万文字近くあるので、お時間ある際にゆるりと読んでいただければと思います。 それではお楽しみ下さい！ サイト解析に使えるツール・サービス import.io Juicer Ptengine GTmetrix CLOUD FLARE wayback timemachine シミラーウェブ Open Site Explorer サクラサクLABO aguse Built with ディレクションに使えるツール・サービス ウェブチェッカー Cat Mdes maindmaister ひとりブレスト 関連キーワード取得
16種類（45カテゴリ）の業界150サイトの調査から分かるスマートフォンサイトUIの現状10選（スライド付）
2015年5月、スマートフォンによるGoogleの検索数がPCでの検索数を抜いたというニュースがGoogleの公式ブログで発表されました。昨今の私たちは多くの情報をスマートフォンで検索しています。その流れに伴って、現在は多くの企業がスマートフォン用に最適化されたWebサイトを持つようになりました。 我々Web制作者はこの流れの初頭、PCサイト制作で培ったノウハウを元に、手探り状態で制作していたのを記憶していますが、この数年の間で一定の制作ノウハウが蓄積されてきたように思います。 しかしデバイスが多様な進化を遂げる中で、スマートフォンサイトのUI作法も日々刻々と変化し続けています。私たちWeb制作者は一定のノウハウを使い回すことに固執せず、常に新しい動向を自分の目でキャッチして知識を刷新し、日々の業務にフィードバックさせる活動が大切です。 というわけで少々前置きが長くなりましたが、今回は昨今
【稼ぐブログへ】月10万超！ブログ運営の収益化の方法、おすすめの本や無料便利ツール - Life is colourful.
2016年5月にはてなブログをはじめてすでに3年半超。このブログは開設から半年経過したくらいで月10万の収益を超え、それ以降も順調に増収が続き、今もコンスタントにブログから収入を得ている。 下のグラフは1年目のブログ売上推移。（※正確な数字を出すと色々面倒なのでボカします…） 正直、自分自身もここまでになるとは思っていなかったけれど、「"ちゃんとやれば"誰にでもチャンスはある」ということを実感できた。 4年経過したので、改めてこちらに収益付きでまとめました。 関連ページ【はてなブログ5年目へ】アフィエイト収益とASPについて ● ● ● この記事では、僕が4年間ブログ運営をしていく中で収益化に役立った手法やツールを紹介してみたい。基本的には初心者向けに書いている。 前半は、収益化のステップと「ブログで稼ぐための必須ツール」に関して。誰もが収益化のために使っている必須のツールを紹介している。
無償SSLサーバー証明書Let’s Encryptの普及とHTTP/2および常時SSL化 | OSDN Magazine
Webサイトの暗号化（SSL化、HTTPS対応）はこれまでEコマースやプライバシを守る目的で部分的に導入されてきたが、SHA1からSHA2への切り替え、モバイル端末の普及やHTTP/2の登場によって、サイト全体を常にHTTPS通信にする常時SSL化の動きが活発になっている。さらにSSLサーバー証明書を無償で入手可能なLet’s Encryptのサービス開始や主要なWebサーバーソフトウェアの安定版でHTTP/2が利用できるようになったことでその動きは加速している。本稿ではSSL化を取り巻く最近の状況を整理し、NginxとLet’s EncryptによるHTTP/2＆SSL化の実装例も紹介していく。 これまで証明書の無償入手は限定的 HTTPSのWebサイトを運用するには通常、商用の認証局にSSLサーバー証明書の発行を申し込み、必ず費用が発生するものだった。一部限定した目的では無償で利用でき
常時SSL時代のSSLサーバー証明書の選び方完全ガイド2016年版 | Web担当者Forum
「常時SSL化」とは、Webサイトのすべてのページをhttpsにすることだ。しかし、Web制作を請け負ったとき、クライアントにきちんと説明して、常時SSL化を進言できるだろうか。そのためにはWeb制作者がまず、常時SSL化のメリットを理解しなければならない。 「SSLは、セキュリティ向上のために入力フォームに導入するもの」というのが一般的なイメージだが、今はそうではなく、全ページをSSLにするメリットがあるのだ。また、SSLサーバー証明書には複数の種類があり、どれでもいいというわけではない。常時SSL化のメリットとSSLサーバー証明書の選び方を紹介しよう。 常時SSL化は待ったなし大多数のホスティングサービスでは、9割のユーザーがhttpのみを使っている。つまり、これまでは大多数のユーザーにとってSSLは無関係なものと思われていた。しかし、これからはすべてのWeb担当者にとって、SSLが関
エンジニアでも一読の価値あり！UI / UXの入門スライド厳選10点まとめ
Webサービス開発にしてもアプリ開発にしても、ユーザーに気持よく使ってもらうにはUI / UXを工夫する必要があります。 多くのユーザーに支持されている大規模WebサービスやアプリのUI / UXをよく見てみると、ユーザーにストレスがかからないよう細やかな工夫が施されていることがわかります。 エンジニアにとってもUI / UXに関心をもっておくことは重要です。 フロントエンドエンジニアはもちろん、バックエンドエンジニアもユーザーにより良い体験を届けるためにUI / UXを学ぶことをおすすめします。 今回は、エンジニアがUI / UXを基礎から学ぶ際に参考になるスライドを厳選して10個まとめました。
これからのWebデザインは、コンポーネント化を意識しよう
2016年6月14日 Webサイト制作, Webデザイン Webデザインのプロセスが変化しています。以前「実践で学ぶWebサイト制作ガイド まとめ」という記事でWebサイトの制作手順を紹介しましたが、この方法はまだ使えるものの、徐々に廃れていくでしょう。最近ではこの記事で書かれているように、画面にあるパーツ（部品）のみを用いてデザイン・コーディングするのではなく、あらかじめ様々なパーツを作っておいて、それを組み合わせて画面を構成していく方法に移りつつあります。今回はそんなパーツをまとめた「コンポーネント」について考えてみましょう。 ↑私が10年以上利用している会計ソフト！ コンポーネントとは？ Webデザインにおいて、コンポーネントとは機能を持つ各パーツ（部品）の集合体です。例えば料金表ひとつとっても、テキストや線、ボタン、色など、様々な情報を組み合わせて作られていることがわかります。それ
7つの実例で学ぶ「ワイヤーフレーム通り」のデザインから脱却する具体的な方法
「ちょっと〇〇君！これワイヤーフレームそのままじゃない！」 Webデザイナーなら、できることなら聞きたくないセリフですよね。私自身ももれなく、こう言われた経験はありますし、逆に後輩に対して同じく「これだとワイヤーフレームのまんますぎるね。。」と伝えたこともあります。 この「ワイヤーフレーム通り問題」は、Webデザイナーなら誰しも一度は経験するあるあるの一つと言えますが、なぜ「ワイヤーフレーム通り」と言われてしまうのでしょうか。また具体的に何をすれば、ワイヤーフレーム通りではなくなるのでしょうか。今回はそのあたりの原因と対処方法を考えてみたいと思います。 「ビジュアルを作る力」と「情報を理解・提案する力」 ズバリ結論を言いますが、ワイヤーフレーム通りじゃん…と言われてしまう人は「ビジュアルを作る力」と「情報を理解・提案する力」が弱いと言えます。 ビジュアルを作る力は幅広い表現の中から適切な手
1万記事以上入ったサイトをフルリニューアルした過程と結果！ゴクリ - アフィリエイト戦記
どもです、水野です。 サイトを作って更新していると最初のサイト設計が甘かったり、知識が増えたことによって、サイトのカテゴリや構造を変更したくなる時がサイト運営者なら一度はあると思います。 まさに自分のことなのですが、手持ちのサイトで初期計画よりも記事が予想以上に増えて、1万記事以上入っているサイトがあります。なんとこのサイト、1万記事入っているのにカテゴリーが9個しかないという・・・ずさんすぎるサイト管理です、ハイ。 まずはそんな可哀想なサイトの概要をお伝えします。 女性の美学 http://josei-bigaku.jp/ ・運営歴2012年~現在 ・記事数12,000ほど ・1日のオーガニック流入10万UUほど ・リニューアル前のカテゴリ数9個 このサイトは2012年から運営していて、2013年頃からサイト構造の最適化をしていかなければいけないと思いつつ、 ・めんどくさ ・手間だから
今年こそWebサービスを作りたい人に伝えたい５つのこと（＋番外編） - パパパパ
長くなったので目次を作りました。 1.アイディア出しより前にするべきたった１つのこと 2.あなたが狙うべきテーマは？ 3.成功するサービスは何が違うのか 4.外さないサービスの実例と僕の実体験 5.僕が考える究極のWebサービスとは 番外編.サービスを作ることと、稼ぐは別物 - アフィリエイトに取り組んだら売上が月3,000万円になった話 まえがき 最近、個人でWebサービスを作りたい人がとても増えている気がしています。僕は個人開発者として、最近リニューアルしたばかりのQ&Aなうや書き起こし.comなど、これまで30以上のWebサービスを作ってきて、失敗したりちょこっとうまくいったりした経験が、これからWebサービスを作りたい人に少しは役に立つことがあるんじゃないかと思ったので、僕なりにWebサービスを作る上で気をつけているポイントを書き残すことで、僕と同じ失敗を避けて、うまくいくWebサ
図解でわかる『世界一わかりやすいマーケティングの教科書』の導入部分 - 晴耕雨読
2016 - 05 - 13 図解でわかる『世界一わかりやすいマーケティングの教科書』の導入部分 ビジネス・経済 マーケティング・セールス 図解 スキル向上 シェアする Bookmark! Facebook Twitter Google+ Pocket マーケティングはマーケティング部門だけの仕事ではない。人々が求める製品やサービスを提供するためには、あらゆる人々がマーケティングを理解していることが重要。マーケティングの基本的な考え方と流れ、その本質についてわかりやすく述べた本。 世界一わかりやすいマーケティングの教科書 作者: 宮永博史 出版社/メーカー: KADOKAWA/中経出版 発売日: 2011/09/16 メディア: 単行本 この商品を含むブログを見る スポンサーリンク 1. マーケティングとは「人の心をつかむこと」 マーケティングを成功させるためには、お客様だけでなく関係する
SEOを学びたい！初心者でもわかりやすくSEOを学べるサイト４選 - ミニマリストは世界を変える！
ＳＥＯを学びたい・・でもどのサイトがいいの？ ＳＥＯ（検索エンジン最適化）やブログ集客について情報を集めていると、本当に沢山のサイトが出てきますね。その中から、初心者でも抵抗なく学べて、かつ情報がまとまっていると思えるサイトを選びました。ブログ初心者の方は参考にご覧ください。 １ ヨッセンス yossense.com オンラインサロンも運営している、プロブロガー「ヨス」さんのブログです。ヨスさんのブログはとっても親切で、画像も多用してくれてわかりやすい！ストレスなくブログについて学べる親切なサイトです。 お勧め記事はこちら ▶[ブログ]その記事タイトルでは響かない! 初心者が知っておくべき7つの基本 | ヨッセンス この記事は、記事タイトルの付け方を本当にわかりやすく解説してくれています。ドラゴンボールの例えが秀逸！ ▶SEOに強いブログへ! 高品質コンテンツを書くために重要な5つの本質
Webデザイナーの仕事って何をするの？現役デザイナーが解説| 株式会社LIG
こんにちは、Webデザイナーのもりたです。 これからWebデザイナーを目指す人、またWebデザインへの興味を深めたい人向けにお届けしています、LIGデザイナー陣による連載「Webデザインをはじめよう」。第1弾となる前回は、「デザイナーの仕事は問題解決をすること」とご説明しました。 今回は「じゃあwebデザイナーが問題を解決するために、Web制作の中でどんな仕事をするの？」「Webデザイナーの仕事は具体的に何をするの？」という疑問にお答えしていきます。 Web制作のご依頼はこちらから Web制作の依頼をご検討の方はこちらへ 関わるひとたち Webデザイナーの仕事についてお話する前に、デザイナーの他にどんな人がWeb制作に関わっているのか見てみましょう。 Web制作には、ざっくり分けると4つの職種の人間が携わります。 Web制作に関わる職種 Webディレクター Webデザイナー フロントエンド
ワイヤーフレームを捨ててHTMLプロトタイプに移行した結果 | ベイジの社長ブログ
私たちの会社では長らく、画面設計といえばPowerPointを使い、ワイヤーフレーム（以下、WF）を作っていました。Web制作会社における非常にスタンダードなやり方であったため、ベターな方法と受け入れつつも、例えば以下のような無駄も多く、決してベストではないとも感じていました。 設計者がコーダーに文書構造の意図を説明する時間の無駄 設計者が考えたファイル構造やヘッダ情報を定義するためのドキュメントの無駄 コーディング時にWFやPSD上のテキストをコピペして移し替える無駄 リンク構造や動き、使い勝手を紙面上で表現しようとする努力の無駄 共通パーツに修正が入った時に各ページごとに修正を入れていく無駄 PC用とスマホ用の2種類のWFを作る無駄 更新するたびに新しいWFを印刷する紙の無駄 いずれも工夫次第で軽減できる問題でしたが、意思疎通のための中間成果物の体裁を整えるための多くの時間が無駄では？
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
矢印・特殊文字・記号一覧｜コピペ・標準フォントで使用可能 | 初代編集長ブログ―安田英久
links-creations.com - links creations リソースおよび情報
Webサイト制作におけるフロントエンドの必須スキル＆開発環境はこれで決まり！ - North-Geek
