モダン ブラウザのためのクライアント サイド Web 開発ガイダンス ～ Project Silk リリース：ASP.NET on the Web.：オルタナティブ・ブログ
ここ、マイクロソフト米国本社のレドモンド キャンパスで働き始めてから、あっという間に 1 か月が経ってしまいました。このブログ更新も前回が 9/8 ですのでかなり間が空いてしまいました。。。仕事や生活環境にはかなり慣れてきましたが、ブログ更新の時間がなかなかとれない状況が続いていますが、お許しください！（私の生息確認は Twitter などでぜひ） さて、私がお世話になっている patterns & practices チームから、モダン ブラウザのためのクライアント サイド Web 開発ガイダンス “Project Silk” がリリースされました。 Project Silk Home Page on MSDN Project Silk download HTML5, CSS3, JavaScript, jQuery や、さまざまな Web ブラウザと共にクライアント サイド 開発の重要
Webデベロッパのためのオンラインエディタ4選 | エンタープライズ | マイコミジャーナル
Make Tech Easier - Uncomplicating the complicated, making life easier Make Tech EasierにWebデベロッパ向けのオンラインエディタを紹介する記事が「4 Great Online Editors For Web Developers」として掲載されている。紹介されているエディタはシンプルなJavaScript/HTML5エディタから多機能開発向けエディタ、統合開発環境までさまざま。今後の流行を予想させる興味深い点もいくつかある。 「jsdo.it」(ChdromアプリではJustEdit)はJavaScript、HTML5、CSSを記述してその場でチェックできるサービス。紹介されている4つのエディタの中ではもっともシンプルだが、多くのスニペットをチェックできること、さらにスニペットから自分のプロジェクトを作成
データ可視化のためのグラフ描画JavaScriptライブラリ20選 | ゆっくりと…
SixRevisionsでオンラインでグラフを描画する場合に活躍しそうなJavaScriptライブラリの特集がありましたので、紹介します。個人サイトではあまり役に立たないかもしれませんが、観ているだけで楽しくなります。元記事に敬意を表し、なるべく趣旨が異ならずかつ変な日本語にならないよう心がけたつもりですが、訳に間違えがありましたら容赦願います。 2010年1月17日 by Jacob Gube 退屈な数値データを美麗かつインタラクティブに解り易く可視化するためのJavaScriptライブラリは数多くあります。通常はHTMLテーブルで表現するデータを、JavaScriptを使って可視化し美しく見せる事ができればあなたのデータはアクセシビリティーの優れたものとなるでしょう。私は2008年にデータのグラフ化＆チャート化のためのJavaScriptを書き上げましたが、今回再び単なるデータに生命を
5分でわかる Python を知らない人が Python の便利さを学べる記事をかいたよ | Act as Professional
昨日はJavaScript版が出たので、あまり書いたことのない Python を勉強がてら書いてみました。 Python を知らない人に Python の話をして欲しいと言われてないけど、ブログを書きました。(*1) 難しい話は抜きにしたいんだけど、抜きにしちゃうとまったく訳わかんないから簡単に説明する。 今回は Python の psp ってのを使って元ネタ同様のことを実現する。 mod_python や CGI が動くサーバなんて自分でつくらないとないだろうけど、その辺はどうにかしてもらう。 そんなこんなで、どうにかしてもらったら、 <%= と %> で囲めば動きます。 import ではじまるコードの部分とか事前に処理するところは <% と %> で囲んでください。 どうにかしてもらったサーバで example.html というファイルの拡張子を example.psp すれば良いだ
【レビュー】モバイルブラウザからWebページのソースコードを表示する方法 | エンタープライズ | マイコミジャーナル
Steve Souders - High Performance Web Sites スマートフォンやタブレットデバイスといったPC以外のデバイスからWebページにアクセスするシーンが増えている。ハードウェア性能の差もあり、PCのブラウザからアクセスする場合と比べて、こういったデバイスからアクセスしたときの方がページの表示はモッサリと重さを感じることが多い。しかしこれはただハードウェア的な性能差というよりも、モバイルデバイス特有の処理にWebページの方が適合していないという理由もある。 どのようにデータ通信が実施され、どういった順序でWebページのレンダリングが実施されるかといったことはPCで動作するブラウザであれば比較的容易に調べることができる。ブラウザがデフォルトで提供している開発ツールや、エクステンション/プラグインとして後から追加したツールなどを使って調査できるようになっている。
コピペで使える言語・コマンドリファレンス - ITproリファレンス：ITpro
HTMLやCSS、DynamicHTML、JavaScriptやPerl、Windowsコマンド、ネットワークコマンド、Linuxコマンドといった、Webサイト構築やアプリ開発に欠かせないプログラミング言語とコマンドのリファレンスマニュアルです。各項目のサンプルコードは、コピーし貼り付けてすぐに使えます。入門講座も用意しました。ぜひブックマークしてお役立てください。 HTML HTMLは、Webコンテンツを作成する上で、最も基礎となる記述言語です。各タグについての概要や属性などをサンプルを交えて説明します。 HTMLリファレンス（107項目） HTMLリファレンスの使い方 HTML入門 CSS CSSは、Webページのレイアウトなどといったコンテンツの見栄えを指定する記述言語です。各スタイルの概要や使い方を説明します。 CSSリファレンス（73項目） CSSリファレンスの使い方 CSSの基
大相撲のアノーマリー （1）
Google Refine さて、大相撲の勝敗データさえあれば、それを解析する方法があることは分かっていただけたと思いますが、ここで問題が生じます。 大相撲のデータは、世界銀行のRESTインターフェイスのような、洗練したデータリポジトリから簡単に入手できるわけではない、ということです。そこで今回は、前述したように、Yahoo! Japanスポーツの大相撲の取り組み結果をスクレイピングして、データを入手することにします。そのために用いるのが、Google Refine です。 Google Refineは汚いデータをクリーニング／クレンジングするツールとしてGoogleのFreebaseチームがリリースしたオープンソース・ソフトウェアです。モットーが「Google Refine, a power tool for working with messy data」とあるように、汚い混乱したデー
コーディングのスピードを上げる為の6つの方法
2017年7月25日 Webサイト制作, 便利ツール 今より少しでもコーディングを早くできれば、細かいデザインや機能にも時間をかけて取り組めそう…という事で今回はコーディングのスピードを上げるためにできる事を紹介します。便利なツールを使ったり、ちょっとやり方を変えるだけでより早くコーディングができるようになると思います！ ↑私が10年以上利用している会計ソフト！ 1. コーディング手順を簡略化する これは自分のコーディング能力を高めて手順を省く、便利なツールを使って手間を省くという事です。例えば私は昔このような手順でコーディングを進めていました。 CSSのレイアウトをノートに書き出す レイアウト部分（ヘッダー・メイン・サイド・フッター）のHTMLマークアップ CSSでレイアウト部分のスタイリング 表示確認 うまく表示できない箇所の修正 ヘッダー内のHTMLマークアップ CSSでヘッダー内の
【レポート】IE9におけるXHTML5 | エンタープライズ | マイコミジャーナル
Windows Internet Explorer 9 IE9はXHTMLをネイティブにサポートする初のIEになる。サポートするバージョンはXHTML5だ。しかし、もともとXMLの表記に準拠してHTMLを記述していると、HTMLとXHTMLの違いが意識しにくいかもしれない。IE9のHTMLやSVGでサポートされている要素や属性はそのままXHTMLでも利用できるのでなおさらだ。しかし、XHTMLとして認識させる方法やフレーム読み込みの規則などがHTMLと異なるため、ローカルでファイルとして作成した段階では問題ないように見えるものの、サーバにデプロイするとうまく閲覧できないという経験があるかもしれない。 XHTML in IE9 - IEBlogにおいて、IE9の挙動をベースにHTMLとXHTMLの違いや、XHTMLとして動作するための方法が簡潔に紹介されている。HTMLとXHTMLの違いを把
WebアプリをiPhoneっぽくするための5つのポイント
WebアプリをiPhoneっぽくするための5つのポイント：iPhoneで動かす業務用Webアプリ開発入門（1）（3/3 ページ） ポイント【1】タイトルバー まず、すべての画面にタイトルバーを設置します。タイトルバーには画面のタイトルを影付きの文字で表示して、背景はグラデーション画像とします。 ポイント【2】画面遷移 多くのネイティブアプリケーションがそうであるように、一覧画面があってその項目をタップすると、画面が左にスライドして、詳細画面が出てきます。また、詳細画面のタイトルバーの左には常に、「戻る」ボタンが表示されていてそれをタップすると右にスライドして一覧画面が再び表示されます。 この画面のフローと、タップしたときのアニメーション動作がiPhoneっぽさにつながります。 ポイント【3】パネルの角を丸める 画面内に並ぶ複数の表示項目は、パネルの中に表示してパネルの四隅は丸めて表示します
永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
第2回 SVG実習 | gihyo.jp
前回はSVGの概要を解説したので、今回はSVGの具体的な書き方をざっくりと見ていきます。 と、その前に前回のおさらいとして、SVGをウェブページで用いる方法を2つにまとめます。 SVGをXMLとして記述し、svgファイル（もしくはdataスキームなど）をobjectタグなどで埋め込むか、もしくはXHTMLを用いてHTMLに埋め込む（Firefox 4.0betaやIE9ppなどはHTML（XHTMLでない）に直接記述することも可能） JavaScriptから動的にSVGを作る SVGをXMLとしてあらかじめ記述しておく方法は画像フォーマットとしても利用できますし、InkScapeのようなグラフィカルなインターフェースで作成したものを表示するのに向いています。一方、JavaScriptでSVGを描画する方法は動的に図を描けるので、データを元にグラフを描くといったケースに適していますし、Rap
【レポート】モバイルデバイス向けのWebページを開発する方法 | エンタープライズ | マイコミジャーナル
Opera’s newest Web browser introduces a new technology platform, Opera Unite, allowing you to stream music or share files, photos and more, right from the browser. インターネットへのアクセスはその多くがPCブラウザから行われているが、モバイルデバイスからのアクセスも増え続けており、統計に現れるほどの割合に増えている。そしてデバイスそのものの高速化、通信環境の強化、早いサイクルでのデバイスの買い替えなど、PC以上に激しく変わっている。数年前はcHTMLやi-HTML、WMLなどのサブセット規格に準拠して作成する必要があったが、現在では様変わりしている。 Opera Softwareの開発者であるAndreas Bovens氏がOp
【レポート】CanvasとSVG、どちらを選べばいいか | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers iPhone 4のような高DPIデバイスの登場でグラフィックデータをどう扱っていくかがこのところWebデザイナやWebデベロッパの間で話題に上るようになっている。iPhone 3GとiPhone 4、iPad、MacBook Proなど、どのデバイスからアクセスしても問題ないWebページを制作するには、スケール可能なグラフィックデータへ移行することを考えるというのがひとつの方策。将来的な候補としてはSVGとCanvasが現実的といえる。 Canvas vs SVG: How to Choose the Right Format - SitePointにおいて、SVGとCanvasの特徴が簡単にまとめられている。それを踏まえた上でクロスブラウザで動
第2回 アクションを起こしてもらえるフォームのポイントは？ | gihyo.jp
使いやすいフォームをデザインする6つのポイント みなさんは、どのようにフォームをデザインしているでしょうか？ CSSでスタイリングされていない素のHTMLフォームは、当然ですがデザイン性にとぼしいものです。また、入力エリアが狭いため、ユーザビリティも高いとは言えません。 フォームにはお問い合わせフォーム、申し込みフォーム、予約フォームなどいろいろありますが、共通するのは「ユーザーにアクションを起こしてもらう重要な要素である」ということです。しかし、フォームへの入力は、ユーザーにとって面倒な作業です。そのため、極力簡単に入力できるようにして、ユーザーの負荷を軽減する必要があります。 それでは、どうすればユーザーの負荷を軽減させることができるでしょうか？ そのためのポイントが以下の6つです。 要素を整列させる 適度な余白をつくる ディテールを作り込む デザインされたボタンを使う 住所を自動入力
PCを丸ごとクラウド化、Windows用「ServersMan@Desktop 1.0β」が公開 | パソコン | マイコミジャーナル
「ServrersMan」Webサイト フリービットは10日、自分のPCをクラウド化しインターネットから直接アクセス可能なストレージとして利用できるソフト「ServersMan@Desktop 1.0β」を公開。ServersMan専用サービスWebサイトから無料でダウンロードできる。対応OSは、Windows XP / Vista / 7。 「ServersMan@Desktop 1.0β」は、わずか数分で自身のPCをクラウド化し、外部からネットワークを通じてアクセスすることが可能になる。WebDAVに対応するため、Windows / Macからアクセス可能になるほか、iPhoneやXperiaなどのスマートフォンからも自分のPCへとアクセスできる。また、Webサーバーとして簡単に活用できるように、"public_html"フォルダが設定してあり、「http://serversman.n
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
NameBright - Domain Expired
HTML4から変化したHTML5のマークアップ ここが違う！サンプルで見るHTML5（2）
http://www.designwalker.com/2010/06/html5-template.html
