ECMAScript 2015(ES6)の概要と次世代JavaScriptの新たな機能
ECMAScript 2015(ES6)の概要と次世代JavaScriptの新たな機能 泉水翔吾 この記事は「ECMAScript2015/ES6特集」の第1回目です。この特集ではJavaScriptの次世代仕様であるECMAScript 2015（ECMAScript 6）を取り上げ、歴史や経緯から追加された機能や文法の詳細など複数回に渡って解説していきます。 ECMAScriptとJavaScript そもそもECMAScriptとはなんでしょうか？JavaScriptとは一体何が違うのでしょうか？ECMAScriptとJavaScriptの関係は、JavaScriptが生まれた1995年まで遡ります。 JavaScriptは1995年、当時Netscape CommunicationsにいたBrendan Eich氏がWebで実行できるスクリプト言語として開発しました。その後Inte
タブ型 UI について考える | Accessible & Usable
公開日 : 2016年1月18日 (2020年8月30日 更新) カテゴリー : アクセシビリティ / ユーザビリティ タブをクリック/タップすると、JavaScript によって、そのタブに紐づいた情報 (タブパネル) が切り替わり表示されるユーザーインターフェース (UI) があります。限られたスペースで複数のコンテンツを併存させることができ、メタファとしてもわかりやすいと言えます。 タブ型 UI の例 今回は、このタブ型 UI について、ユーザビリティおよびアクセシビリティの観点から配慮したいことを考えてみたいと思います。 ユーザビリティの観点から配慮したいこと タブっぽく見えること 言わずもがなですが、タブ型 UI はユーザーにとって「タブっぽく」見えなければなりません。タブなのかボタンなのか微妙な UI を見かけることもありますが、仮にユーザーがそれをタブではなくボタンと認識して
【保存版】Google検索品質評価ガイドラインの完全日本語翻訳 SEO担当者必見(2015年11月版) | 大阪 バリューエージェント
2015年11月にGoogleが公開したGoogle General Guidelines（Google検索品質評価ガイドライン）をすべて日本語に翻訳したものを公開します。元のPDFファイル160ページをすべて翻訳しています。 SEOコンサルタント、Web担当者、Webコンサルティングをする方には必見の内容です。ぜひご覧ください。 翻訳文の中でリンクがたくさんありますが、アクセス出来ないリンク(www.raterhub.com など)があります。翻訳前のデータでもアクセスできない状態です。リンクがあるという認識を持って頂くためにあえてそのままにしております。ご了承ください。また、画像などは翻訳していません。Google検索品質評価ガイドラインの原盤をご覧頂きながら見ると理解を深めやすいと思います。翻訳はなるべく忠実に行っておるつもりですが誤訳などがありましたらご連絡頂くと幸いです。また、最
UXでもビジュアルデザインは大事？
Marliは教育とゲームが大好きなコンテンツ・ストラテジストです。彼女の仕事はゲームデザインからWebアプリケーション、モバイルにまで及びます。MarliはTwitterでもUXデザイン、文学、マペットについて発信しています。 『エモーショナル・デザイン―微笑を誘うモノたちのために』において、著者のDon Norman氏は、「システムの見た目は、美しさとユーザビリティ両方のユーザー認識に影響があったのに対して、ユーザビリティはこれらに全く影響がなかった」と語りました。つまり、ビジュアルデザインは、実際のユーザビリティと同じくらい全体のエクスペリエンスに影響するということです。 ビジュアルデザインがユーザビリティと同じくらい、またはそれ以上に大事かもしれないという考えは、何だかしっくりこないでしょう。人間は、見た目の美しい物や人に惹かれてしまうもので、大人も子供も、外見が魅力的だと感じる人を
Custom Elements: HTML に新しい要素を定義する - HTML5 Rocks
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
Webページのレイアウトに役立つ20のデザインテクニック
ページのレイアウトをする時に全てが同じ大きさ・形・色だと、それは非常に退屈なデザインになってしまいます。要素を整理し、階層をつくり、重要な箇所にフォーカスがあたるようにするにはコントラストを効果的に使うことです。 レイアウトにビジュアルの興味を加え、デザインを生き生きとさせるコントラストの使い方を紹介します。 色の値(value)とはカラーの明るさや暗さをあらわす用語で、ピュアブラックとピュアホワイトに最もコントラストがあります。だからといって高いコントラストのデザインをつくるために、白黒のカラーパレットにこだわる必要はありません。簡単な方法の一つは、そのカラーからより明るいカラーと暗いカラーをつくり、コントラストを加え、あなたのデザインの特定の場所を目立たせることができます。 シンプルな例として、下記のような暗い背景に明るいテキストは効果的にコントラストをつくっています。背景が写真で、テ
CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ
最近改めて CSS の基本、要素の配置、レイアウトについて学習しました。過去に CSS でのレイアウトなどの記事を書いた事があるんですけど、改めて勉強してみたら、いろいろ間違えて解釈していたなー ... っていうか、基本が分かってなかったんだなーと反省 ...。今回は CSS の基本中の基本、視覚整形モデルについてまとめてみました。 Webデザインをする上で、必須とも言えるのが CSS …。このブログ – Webデザインレシピでも、過去に CSS について書いた記事がいくつかあります。最近 … でもないけど、以下のふたつは CSS でのレイアウトについて、いろいろと書いた記事でした。 CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ – 2011年 6月17日 CSS：初心者の頃にハマったスタイルシートのあれこれ … IE7多め -2011年 4月21日 で
PHP: The Right Way
ようこそ 時代遅れの情報がウェブ上にあふれている。そんな情報を見たPHP初心者は戸惑ってしまうだろう。そして、まずい手法やまずいコードが広まってしまう。 そんなのはもうやめよう。PHP: The Right Way は気軽に読めるクイックリファレンスだ。PHPの一般的なコーディング規約、 ウェブ上のよくできたチュートリアルへのリンク、そして現時点でのベストプラクティスだと執筆者が考えていることをまとめた。 大事なのは、 PHPを使うための正式なお作法など存在しない ってこと。 このサイトの狙いは、はじめて PHP を使うことになった開発者に、いろんなトピックを紹介すること。 経験豊富なプロの人にとっても、これまで深く考えることなく使ってきた内容について、新鮮な見方を伝えられるだろう。 このサイトは、決して「どのツールを使えばいいのか」を教えるものじゃない。 いくつかの選択肢を示して、それぞ
■公開資料
2010年9月15～18日にドイツのDagstulで行われたUXセミナーの成果をまとめたものです。 様々な解釈で語られていたUXについて、共通の認識を形成すべく、専門家(研究者、実務家)30名が「UXの概念」について議論しました。 その成果は、2011年2月に「ALL ABOUT UX」というサイトで公開されました。 原文の公開場所はこちら(https://experienceresearchsociety.org/wp-content/uploads/2023/01/UX-WhitePaper.pdf)です。（2023年2月修正） UX白書の日本語訳は、hcdvalue有志が日本語訳・校正したものです。 本ページは、そのUX白書を人間中心設計推進機構の校閲を経て、日本語公式訳として公開するものです。
初心者Webアプリケーション開発者がチェックすべき情報源2011 - ハニーポッターの部屋
毎年恒例の診断前準備として開発者向けに、「初心者Webアプリケーション開発者がチェックすべき情報源」を集めているので、皆さんにもご紹介。他に追加した方が良い情報源があった場合はご指摘いただけると助かります。 上から重要な順。★がとりあえず読んどけ、の必須。必須のポイントは、短期間で大雑把に網羅的にポイントが整理されているもの。 徳丸本を必須に入れるか迷ったけど、あの厚さは、万人は読めないので、上位ランクだけど必須からははずした。 ★Webサイト構築 安全なウェブサイトの作り方 改訂第5版 http://www.ipa.go.jp/security/vuln/websecurity.html 携帯ウェブサイトの実装方法を追加 セキュリティ実装 チェックリスト（Excel形式、33KB） 安全なSQLの呼び出し方（全40ページ、714KB） ★発注仕様 発注者のためのWebシステム／Webアプ
DOMの基本。正しいHTMLとドキュメントツリーを理解しよう
DOMを介してHTMLを操作する方法を理解しよう。そのためには、正しいHTMLの概念とドキュメントツリーを知る必要がある。 旧来のDHTMLの手法では、JavaScriptから操作できるHTML要素には限りがありましたが、DOMでは、HTML上のありとあらゆる要素を自由自在に読み取ったり、書き換えることができるようになります。本連載では、おもにDOM Level 1で規定されている手法を使って、JavaScriptを使ってどのようにHTML上の要素へアクセスするのか、そして、それをどうやって書き換えるのかを詳しく解説していきます。JavaScriptからHTML要素を手に取るように操れるようになります。 ドキュメントツリーとは DOMスクリプティングでは、HTMLに関する正しい知識が求められます。まずは正しいHTMLとはなんなのかを理解していただきます。そして、DOMスクリプティングでは欠
サーバの仮想化技術とビジネス展開の可能性（1/2）
従来は、インターネットビジネスのボトルネックは回線であるといわれていた。しかし、8Mbits/sのADSLが月々3000円程度で提供され、iDC料金も低下傾向にある現在、むしろ、サーバにボトルネックが移っている状況がある。 そこで注目されるのが、ブレードサーバなど、1機能1サーバ、1ユーザー1サーバといった使い方ながら、従来に比べ費用対効果に優れたサーバを多数使用する方法である。その一方で、1台の高性能サーバに複数の役割を集約させる仮想化技術がある。この種の技術には主に、 バーチャルホスティング jail 仮想OS 仮想マシン がある。この4つの技術をふかんした後、それがどのようなビジネスに応用できるか考察する。 各種仮想化技術の特徴 ■バーチャルホスティング 「バーチャルホスティング」の原理は簡単で、1つのIPアドレスに対して複数のドメイン名を割り当てる。そして、（例えばWebのアクセス
The Backyard - JavaScriptのおもしろさ
JavaScript（ECMAScript）は、他のプログラミング言語の決まりに慣れ親しんでいると、非常に奇妙な存在です。一見すると、CやJavaから型宣言を省いただけの単純なプログラミング言語に見えます。しかし、prototype.jsやjQueryのような優れたライブラリのソースを眺めると、それが単なる勘違いに過ぎないことに気づくでしょう。 ここでは、prototype.jsのソースファイルを読むのに必要となるJavaScriptの文法のうち、特に重要な3点を説明します。これらは、JavaScriptでプログラムを記述するのに重要な役割を持つ反面、単にHTMLにアクセントを付ける程度の利用方法では出現しません。したがって、ここで説明するJavaScriptの「濃い」部分を知らなければ、prototype.jsのソースファイルを眺めても何が記述されているのか理解することはできないでしょう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
3 Minutes Networking