この文書は「HTML5 differences from HTML4 (W3C Working Draft 25 May 2011)」の日本語訳です。 原文の最新版 は、この日本語訳が参照した版から更新されている可能性があります。 この日本語訳は参考情報であり、正式な文書ではないことにご注意ください。また、翻訳において生じた誤りが含まれる可能性があります。他の仕様の訳については Web 標準仕様 日本語訳一覧 を参照してください。 更新日: 2011-09-15 公開日: 2011-05-26 翻訳者: 矢倉 眞隆 <yakura-masataka@mitsue.co.jp> HTML5 における HTML4 からの変更点 2011年5月25日付 W3C 草案 (Working Draft) この版: http://www.w3.org/TR/2011/WD-html5-diff-2011
この文書「HTML 5 における HTML 4 からの変更点」は、W3C の HTML ワーキンググループ による「HTML 5 differences from HTML 4 (Working Draft 22 January 2008)」の日本語訳です。 規範的な文書は原文のみとなっています。この日本語訳は参考情報であり、正式な文書ではないことにご注意ください。また、翻訳において生じた誤りが含まれる可能性があります。 原文が勧告 (Recommendation) ではなく、策定途中の草案 (Working Draft) であることにご注意ください。 原文の最新版 は、この日本語訳が参照した版から更新されている可能性があります。また、この日本語訳自身も更新されている可能性があります。日本語訳の最新版は、W3C 仕様書 日本語訳一覧 から参照することができます。 更新日: 2008-09-
追記：Firefox 7に対応した記事を書きました。 Firefoxのバージョンが1.5になり、それなりに変更があったようなので、私がFirefoxをインストールする時の設定を再確認してみたいと思います。 ツール→オプション→プライバシー→Cookie→Cookieを有効にする→オン（標準設定） ツール→オプション→プライバシー→Cookie→Cookieを保存する期間→Firefoxを終了するまで 個人的にはFirefoxの一番の魅力です。Cookieを有効にしていないといろいろと不便になるサイトはよくあります。なので、有効にしてあげるけどFirefoxのウィンドウを閉じたら全部消しますよと。ウィンドウを閉じてもCookieを残しておいてあげたいサイトは、例外サイトで許可してあげればOK。 最小フォントサイズを12ポイントに設定する ツール→オプション→コンテンツ→フォントと配色→詳細設
一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この日本語訳は、私が理解を深めるために、自分なりに日本語化したものです。本日本語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず原文を参照してください。当方は、この文書によって利用者が被るいかなる損害の責任を負いません。もし誤りなどを見つけたら、当サイトのお問い合わせより連絡いただければ幸いです。 原文URL：http://www.w3.org/TR/2011/WD-html5-diff-20110525// 原文タイトル：HTML 5 differences from HTML 4 - W3C Working Draft 25 May 2011 翻訳日：2011/05/26 最終更新日：2011/05/26
Lumzy ブラウザ上でサイトのモックアップを光速で作成できるサービス「Lumzy」というのが公開されているみたい。 デザイナーさんであれば、Photoshopでまずデザインを作るより、顧客にどういうサイトを作るか、イメージしてもらうためにモックを作るわけですが、それがブラウザ上で高速にできちゃいます。 ネットブック片手にブラウザさえインストールしてネット環境さえあれば、顧客と相談しながらサイトのレイアウトを作っていっちゃえますね。 サインアップとか無しにすぐに使えるところもGoodで、Flashを使った直感的なUIでモックアップをサクサク作れちゃいます。 ツールを立ち上げると、まずプロジェクト作成画面がでるので適当にいれて「Create Project」します。 作成すると、ボタンとかメニューバー、リスト、データグリッド、コンボボックスなどのありとあらゆるUIパーツが最初からそろっていて
※2014年2月26日に更新しました。要素及び属性をなるべく新しい仕様書に準拠、その他頂いたコメントへの対応を行いました。 ※2014年3月3日更新しました。タグと要素の違いについて追記。本文内でタグと要素の記述が間違っていた部分を修正。「要素が要素をまたがってはいけない」というのはどの形式でも同じなので、記述を削除。 どうも、くーへいです。 今日はある方からリクエストされた記事を書こうかと思います。 皆さんは、コーディングをするときに「HTML 4.01」、「XHTML 1.0」、「HTML5」のどれを使っていますか？ 実際には案件ごとに使い分けているかもしれませんね。 この投稿では、それぞれの違いについて、考えていきたいと思います。 ※要素とタグを混同する方も多いですが、要素とタグでは意味が全く異なります。 例えば、「<html>・・・</html>」は要素ですが、「<html>」や「
序文 WebKit と Gecko の内部オペレーションに関するこの包括的な入門ガイドは、 イスラエルのデベロッパー Tali Garsiel 氏による多数の研究の結果です。1 ～ 2、3 ブラウザの内部構造に関する公開データをすべて確認し、 あまり時間を費やすことはありません。彼女は次のように書いています。 ウェブ デベロッパーとしてブラウザの操作の仕組みを学ぶ より適切な意思決定を行い、開発の背後にある正当性を理解するのに役立つ ベスト プラクティスをご覧ください。これはかなり長いドキュメントですが、Google に 時間をかけて調査を進めていきます。できてよかったね。 Chrome デベロッパー リレーションズ、Paul Irish はじめに ウェブブラウザは最も広く使用されているソフトウェアです。この入門編では 舞台裏で働きます「google.com」と入力するとどうなるかを確認し
2021年になりましたね。 矢倉眞隆（myakura）です。ウェブ標準やブラウザに興味のあるウェブ開発者です。gihyo.jpでは2009年に「Web標準とその周辺技術の学び方」という連載をしていました。 今回は昨年の泉水さんに代わり、2021年のウェブ標準やブラウザの動向を占おうと思います。2020年は世界もブラウザもそれなりに大きな出来事がありましたので、2020年の動きをまずおさえ、そのうえで2021年はどうなるのかを考えてみました。 W3Cのプロセス改訂でLiving Standardライクな仕様の改訂が増えていく W3Cは2020年9月に、新しいプロセス文書と特許ポリシーを公開しました。 新しい文書プロセスはW3Cの組織の定義や標準化の流れ、意思決定などについて定めた文書です。ここ数年は毎年更新されていますが、2020年はこれまでと比べて最大級とプレスリリースでもうたわれています
Windows対応のビジュアル開発環境「Delphi」がiOS対応クロスコンパイラを搭載。iOSネイティブなアプリ開発を実現
Windows対応のビジュアル開発環境「Delphi」がiOS対応クロスコンパイラを搭載。iOSネイティブなアプリ開発を実現 Windowsアプリケーションの開発では一般的になったビジュアル統合開発環境を用いて、ネイティブなiOSアプリケーションの開発を実現する製品が登場しました。 旧ボーランドの開発部門を2008年に合併し、以来DelphiやC++Builderなどの旧ボーランドの製品の開発販売を進めてきたエンバカデロ・テクノロジーズは4月22日、DelphiにiOSのクロスコンパイラを搭載し、iOSネイティブなアプリケーション開発を可能にした「Delphi XE4」を含む新製品「RAD Studio XE4」を日本を含む世界で同時発表しました。 ビジュアル開発環境とDelphi言語でiOSプログラミング Delphi XE4では、Object Pascalを拡張したDelphi言語でi
この文章について これは Front-End Study #3「『当たり前』をつくりだすWebアクセシビリティ」で基調講演をするにあたって、登壇内容を整理するために書いたものです。登壇内容とは一部に差異があります。 イベント映像 この文章はむちゃくちゃに長いので、登壇映像を見たほうがいいかもしれません。わたしの発表は13:23くらいから30分ちょっとです 登壇資料（内容は同一です） https://speakerdeck.com/ymrl/webenziniatosite-imazhi-tuteokitai-webakusesibiritei https://docs.google.com/presentation/d/1uhCvhh6sZCPUnReSBVDjvGfNAOTKbZ5Sxs8fYMlxMsI/edit?usp=sharing 目的 Web業界で「エンジニア」の肩書で仕事して
エンジニアがFlashアプリを作るためのツール。それがAdobe Flexです。新バージョンの登場でぐっと使いやすくなると同時に，求めやすい価格になったFlexの使い方を解説します。 中垣 茂 隔週更新中 ・第29回 Flexが備えるMXMLコンポーネント（Part13：Tree） 今回は【mx.controls.Tree】コンポーネントを紹介します。階層構造のナビゲーションなどに使われるコンポーネントで，非常になじみ深いユーザー・インタフェースです。ただし，実際に使うときには注意すべき点があります。 ・【特別レポート】ブラウザ/OSを越えた次世代環境「Adobe AIR」を試してみよう アドビシステムズは2008年2月25日に，アプリケーション実行環境「AIR」の正式版をリリースしました。AIRについては名前は聞いたことがあっても，“正体”を理解している人はさほど多くないのではないかと思
● 自由の翼フォント ➡ ( ☑ 表示サンプル ) ※ 禁止事項 当フォントファイル(TTFファイル本体)を無断で販売する行為 M+ FONTS ベース 個人・商用問わず無料でご利用いただけます。 ● りいてがき筆 ➡ ( ☑ 表示サンプル ) ● りいポップ角 ➡ ( ☑ 表示サンプル ) ※ 禁止事項 フォントファイルの無断転載・再配布・販売・改変 公序良俗に反する行為・違法行為・アダルト・出会い系・宗教関係・その他迷惑行為等でのフォントの使用 フォントを使用して作成したロゴ等の商標登録・意匠登録 上記の禁止・使用不可とさせていただいている行為を除き、誰でも、用途や、商用・非商用を問わず利用可。 商用利用される場合でも、利用方法に上記の禁止事項以外の制限なし。 事前のご連絡や許可等は不要。 webフォントとしてもご利用可能。 ● FZイモケンピ ➡ ( ☑ 表示サンプル ) ※ 禁止事
アプリケーションを開発する上で、避けて通れないもの、それがテストです。とくにブラウザごとの非互換性が大きい Web アプリケーションでは、念入りなテストが必要です。でも、テストはあまり創造的な作業ではないし、やったからといってなにか機能が増えるわけでもない。できるだけ手間をかけずに済ませたいところですね。 そんなわけで、本日は JavaScript 用のテストフレームワークである JsUnit を利用したユニットテストの方法をご紹介しようと思います。 Ruby のユニットテストの記事でも書きましたが、ユニットテストによるテスト・ファースト開発は開発効率の面でも良い影響があります。まだ導入していない方は、ぜひこの機会に使ってみてください。 JsUnit について 今回利用する JsUnit は Java 用の JUnit を参考にして作られた JavaScript 用のユニットテストフレーム
Wijmo - jQuery UI Widgets 30近いウィジェットがセットになったjQueryプラグイン集「Wijmo」。 jQueryといえばプラグインによって様々なことが出来るのはご存じだと思いますが、Wijmoはこれ1個で30ものウィジェットが実装できるパックです。 UIのデザインをそろえたいような場合に使えそうです。 アコーディオン カレンダー 各種グラフ コンボボックス オーバーレイ 独自フォームデザイン グリッド リスト まだまだあります・・・。 よくここまでそろえたなという品ぞろえですね。 関連エントリ YoutubeやUstream等の動画埋め込みが超簡単になるjQueryプラグイン「jquery.mb.mediaEmbedder」 jQueryでYoutube埋め込みビデオをブロックの幅に合わせるコード 再生ボタン等も変更できちゃうYoutube操作jQueryプラ
▲訂正とお詫び▲ テキスト本体（第3.2版以前のもの）の中のオブジェクト指向プログラミングの解説部分で，デストラクタ（ファイナライザ）に関する記述に誤りがありましたので修正しました．どうか最新版に差し替えてください． ●テキスト本体（PDF形式421ページ:3.58MB） 2024/06/18更新 （→ミラーサイトからDL）（→GitHubからDL） 言及している主なライブラリ： Kivy, argparse, socket, threading, concurrent, requests, BeautifulSoup, mpmath, subprocess, datetime, time, timeit, tzlocal, zoneinfo, pickle, struct, locale, re, csv, functools, asyncio, sched, schedule, tra
Tween Wiki - SourceForge.JP
ナビゲーショントップページ はじめに 特徴 動作環境 更新履歴 以前の更新履歴 インストール アンインストール ダウンロード WAVファイルの配布 アイコンファイルの配布 既知の問題 基本的な使い方 アンカーと関連発言移動について 高度な使い方 正規表現について 高度なタブの使い方 html解析用キーデータ Outputz連携 画像投稿 プロフィール表示 操作方法 各部名称 メニュー ファイル 編集 操作 タブ その他機能 ヘルプ 設定 基本 更新間隔 起動時の動作 取得件数 動作 投稿時 表示 発言一覧 イベント受信時 フォント＆色 通信 Additional タブ振り分けルール ショートカットキー タスクトレイアイコン よくある質問 逆引きヘルプ 動画で解説 こんなときは API制限について ソースコード Tips 関連ツール／書籍 寄付 掲載／紹介 公式検索の記法 RTとQT 最近の
一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この日本語訳は、私が理解を深めるために、自分なりに日本語化したものです。本日本語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず原文を参照してください。当方は、この文書によって利用者が被るいかなる損害の責任を負いません。もし誤りなどを見つけたら、当サイトのお問い合わせより連絡いただければ幸いです。 原文URL：http://www.w3.org/TR/2011/WD-html5-diff-20110525// 原文タイトル：HTML 5 differences from HTML 4 - W3C Working Draft 25 May 2011 翻訳日：2011/05/26 最終更新日：2011/05/26
特集：UIオートメーションによる自動UIテストの実践 WindowsアプリのUIテストを自動化しよう クロノス 亀野 弘嗣 2008/06/03 読者の方々は、UI（ユーザー・インターフェイス）にかかわるテスト（以下UIテスト）を自動化できているだろうか？ UIテストを自動化しようとしても、UIテストのコードは記述しにくく、記述方法に一貫性がない、などの理由から、自動化をあきらめる場合が多いのではないだろうか。 .NETの開発においても単体テストの自動化は一般的に行われるようになってきているものの、UIテストの自動化はそういった理由で実現が難しく、あまり行われていないのが現状だ。 そこで本稿では、標準的で一貫性のある記述ができるMicrosoft UIオートメーション（以下UIオートメーション。詳細後述）と、テスト・ツールであるNUnitを使用して、UIテストを自動化する方法を紹介する（N
Golangができること、むしろ「得意」と言われるものはすでにたくさんあります。 クロスコンパイルが得意だし依存が少ないバイナリができるから、いろんな環境で使えるコマンドラインツールを書くにはGoがいいよ パフォーマンスが高いし文字列処理もやりやすいので、高速なAPIサーバが得意。gRPCでもHTTP/2でも Webアプリケーション・フレームワークも増えてきていてウェブサービス作れるよ ビルドシステムとパッケージマネージャ内蔵なので、gitから簡単にパッケージをダウンロードしてきたり、◯makeコマンドとか◯runtとか◯owerで消耗しなくて済む gopher.jsでJavaScriptにもなる 逆に今まであまり良い解がなくて、「Goにはちょっと不向きだね」と言われ続けていたのがGUIです。鳴り物入りで出てきたGXUIが開発が止まってしまい、それと同じぐらいにshinyというものが開発が
20071103追記 Gmail 2.0 では動作しません。そのうち対応するつもり。 20080125追記 Greasemonkey 0.7.20080121.0 だと一部障害（返信時に動作しない）が出てるようです。原因がわかれば対応します。 20080129追記 0.1.20080129.0でGreasemonkey 0.7.20080121.0 に対応しました。 20080423追記 コメントにもありますが、Gmailのバージョンアップに伴い、旧バージョンに戻しても以前のテンプレートが使用できなくなっています。原因不明なため、対応の目処は立っていません。 20080501追記 Greasemonkeyで連絡先を取得・編集できないため、Gmail 2.0への対応はできません。実現する方法なり、アイデアなりをお持ちの方はコメントお願いします。 20080510追記 Gmail2で動作するよ
Webデザイン制作で人気の Bootstrap フレームワークには、役立つツールやコンポーネントがあらかじめパッケージされており、すぐにサイトやアプリの制作をはじめることができます。しかし、ときには必要な機能が十分に揃っていないケースがあるのも事実です。 この記事では、Bootstrap の機能を最大限に拡張できる、50種類のプラグインやアドオン、コンポーネントをまとめてアルファベット順にご紹介します。 ここでは、ボタンやパンくずリスト、カレンダー、ツリーメニュー、ビデオプレイヤー、WYSIWYGエディターなどウェブ制作に必要な機能をすべてまとめています。今後のプロジェクトに活用してみてはいかがでしょう。 制作に活用したいBootstrap 用プラグイン、アドオン、コンポーネント（アルファベット順） アクセシビリティ （英: Accessibility） Accessibility Plu
【ハウツー】ゼロからはじめるFlex 2 - Flex 2で作る簡単なWebカタログと商品注文フォーム (1) Adobe Flex 2を使ってみよう | パソコン | マイコミジャーナル
本稿では、ここ最近、Web系プログラマーの間で話題になっているAdobe Flex 2を使って、商品注文フォームを作る過程を紹介します。Flexはすでに様々なところで、機能が紹介されていますが、実際にその機能を使う時にどんな手順で作るのか、またどのくらいの作業量が必要になるのかという部分までは、なかなか見えてこない部分があります。そこで本稿では、一歩突っ込んで、簡単なWebカタログと商品注文フォームを作ることで、Flexという技術の魅力を確認していこうと思います。 今回作成するプログラム ここではFlex Builder 2を使って簡単なWebカタログと商品注文フォームを作ってみます。このURLでテスト版を試すことができます。 商品選択画面 フォームには郵便番号を自動検索する仕組みもある Flex 2の魅力はコンポーネントにあり Flex 2には、豊富なコンポーネントが用意されており、本稿
Tailwind CSSチーム、GitHubスター数2.4万超のUIコンポーネント集「Headless UI」をメジャーアップデート
5月8日、Tailwind LabsはReact用の「Headless UI v2.0」をリリースした。 Headless UIとは、Tailwind CSSベースのUIコンポーネント集である。 Tailwind CSSチーム自身が開発を行っており、GitHubスター数も2.4万を超えるなど、高い人気を博している。 このアップデートは、開発者がより少ないコードでより良い開発体験を実現できるようにするための多数の改善を含んでいる。 主な更新点は以下の通りだ。 組み込みアンカーポジショニングのサポート 新しいチェックボックスコンポーネントの追加 HTMLフォームコンポーネントの拡充 状態検出の向上 コンボボックスリストの仮想化 新しいウェブサイトと改善されたドキュメント 組み込みアンカーポジショニングのサポート Floating UIがHeadless UIに直接統合され、Menu、Popov
スクショをExcelに張り付けるのに役立つ4つのテクニック：テストエビデンス取得自動化の秘技（後編）（1/3 ページ） システム開発におけるソフトウェアテスト（結合テスト～システムテスト）において重要視されるエビデンス（作業記録）。前後編の2回にわたって、エビデンスとしてスクリーンショットをキャプチャし、テスト仕様書や納品書に張り付けていく作業を自動化するためのVBA／マクロのテクニックを紹介する。後編は、画像ファイルをシートに張り付け、Excel 2013のメニューからスクショを直に張り付け、画像を縮小し、指定した時間にマクロを実行する方法を解説。 前編「Selenium VBAを使って自動でブラウザーを操作してスクショをExcelに張り付けてみた」では、エビデンスとしてスクリーンショット（以下、スクショ）を撮る意義や、Selenium VBAのインストール方法と使い方、スクリーンショッ
正規表現検索-Excel用正規表現検索ダイアログアドイン
English 紹介 －Excel用正規表現検索・置換ダイアログ－ 機能概要 正規表現による検索・置換ダイアログを表示するExcelアドインです。 エクセルで正規表現を使用した柔軟な検索が行えます。 インターフェースがエクセル標準の検索に近いので使い易いと思います。 類似ソフトと比較して以下の特徴があります。 ・次を検索、前を検索での順次検索…すべて検索のみが多い。 ・検索処理と検索ワークシート関数の二刀流…どちらか一方のものが多い。 ・VBScript＋.NET Framework、.NET Framework、Onigmoの複数正規表現エンジン対応 …VBScriptのみが一般的。.NET Frameworkも取り入れることで戻り読みも可能。 主に以下の機能があります。 ・正規表現による検索、置換 ・正規表現に関するワークシート関数 ・オートシェイプの検索、置換、Grep、Grep置換
AngularJSアプリケーション開発ガイド
TOPICS Web , JavaScript 発行年月日 2014年04月 PRINT LENGTH 220 ISBN 978-4-87311-667-9 原書 AngularJS FORMAT PDF EPUB Web開発者にいま最も支持されているJavaScript MVCフレームワーク「AngularJS」の解説書。定型的な単純作業が繰り返されがちなWeb開発をよりシンプルで楽しいものにしようというのがAngularJSの試みです。本書ではまずAngularJSアプリケーションの構成要素を押さえた上で、AngularJSアプリケーションの開発、テスト、実行手順を解説します。サーバ通信のAPIや考慮するべき点、ディレクティブの仕組みについて解説し、最後にAngularJSのさまざまな活用例を紹介します。GoogleがサポートするAngularJSには、開発メンバーがGoogleのメー
はじめに もうだいぶ前に、当時主流だったバージョン管理システムである、CVSを研究して開発に使用したことがあります。 周りに知っている人がいなかったので、ネットで調べたり、本を買ってきて読んで勉強したりましたが、最初のうちは、ぜんぜん分からなくて、かなり苦労しました。 今回、Gitについて調べていて、やはり同じように、はじめは、ぜんぜん分からない状態が続きました。 CVSの時も、今回のGitの時も、「ううん、僕にはバージョン管理を理解する才能が欠落しているのだろうか？ もうやめちゃおうか」とも思ったのですが、「えいくそ！」と何とかがんばって続けて、 最終的には理解できました。 この２つのバージョン管理システムの研究で苦労した経験から、 なぜ最初は全然理解できなかったのか、その理由が分かりました。 皆さんがコンピュータのソフトで分からないときは「こんなことがしたい」と思いながら ヘルプを見た
43 Essential Controls for Web Applications | UX Booth WEBアプリケーション作成に使われる４３のコントロールパターンがまとまっています。 ４３のパターンが網羅されているので、部分的に、どういうインタフェースが良いか？という点について迷った際にエントリを眺めるだけで参考になる部分がありそうです。 オートサジェスト カルーセル カレンダー、スケジュール グラフ、チャート コンボボックス スライダ ４３と言わずもっとありそうな気もしますが、ある程度のパターンを知っておき、適材適所のUIを考えてユーザビリティを上げるのに役立てることが出来そうですね。 それぞれのUIにも沢山のインタフェースがあると思いますが、その場合は「パーツごとのデザインが盛り沢山で参考にできるPattern Tap」で紹介したPatternTapなどを更に参考に出来そうです
基本的な文法 変数 var 変数名:型名; var num1:int; var textField1:TextField = new TextField(); クラスの定義 package 所属するパッケージ名 { // パッケージ名省略可 import xxx; import xxx; // 変数宣言 アクセス修飾子 var プロパティ名:プロパティの型; // コンストラクタ アクセス修飾子 function コンストラクタ名() { this.aaa = dddd; } // メソッド1 アクセス修飾子 function メソッド名1(引数1:型 = デフォルト値):戻り値の型 { return this.mmmm; } } Flashを描画するクラスは Sprite クラスを継承する package { public class Test
この文書「HTML 設計原則」は、W3C の HTML ワーキンググループ による「HTML Design Principles (W3C Working Draft 26 November 2007)」の日本語訳です。 規範的な文書は原文のみとなっています。この日本語訳は参考情報であり、正式な文書ではないことにご注意ください。また、翻訳において生じた誤りが含まれる可能性があります。 原文が勧告 (Recommendation) ではなく、策定途中の草案 (Working Draft) であることにご注意ください。 原文の最新版 は、この日本語訳が参照した版から更新されている可能性があります。また、この日本語訳自身も更新されている可能性があります。日本語訳の最新版は、W3C 仕様書 日本語訳一覧 から参照することができます。 更新日: 2008-04-16 公開日: 2007-11-27
こんにちは。アクセシビリティ本部のアクセシビリティエンジニアの五十嵐です。SmartHRでは主にアクセシビリティテスターが見つけた課題を技術的な観点から改善したり、根本的な問題を解決するための仕組みづくりを担当しています。 さて、Meta が開発する UI ライブラリとして長い間人気を博している React ですが、2024年4月に最新版であるバージョン 19 のRC版が公開されており、注目を集めています。 バージョン 19 では "use client" や "use server" でも知られる Server Components を含む様々な機能が含まれる予定ですが、この記事では、そんな React バージョン 19 をアクセシビリティの観点からキャッチアップし、特に便利になりそうな点や、注意が必要になりそうな点などを見ていきます。 forwardRef が不要になった 仮想 DOM
自己紹介 ネイバージャパンのUIT(User Interface Technology)チームの裵完理(ベワニ)です。 概要 CSSやJavaScriptを使って複雑なデザインや動的なページを実装しているサービスが増えてきていますが、速度低下などの問題が発生しやすくなっています。これを100%直すことは難しいですが、改善するにはブラウザレンダリングプロセスを理解する必要がありますので、理解した上で改善方法を探してみましょう。 ブラウザレンダリングプロセスの理解 ブラウザの基本構造 User Interface – アドレスバー、戻る・進むボタン、ブックマークメニューなど、メインウィンドウに表示(document)されるページ以外の部分 Browser Engine – UIとレンダリングエンジン間のアクションを制御するもの Rendering Engine – リクエストしたコンテンツを表
ColumNav Documentation ColumNav is a hierarchical menu implementation utilizing Bill Scott's Yahoo UI Carousel component. iPod風の階層的なナビゲーションを実装する面白ＵＩサンプル「ColumNav」。 一見、アイコンのついたコンボボックス風ＵＩでiPodライクな次のようなナビゲーションを実装する方法. ファイルをクリックでファイルを表示し、フォルダをクリックでアニメーションしながら階層を移動します。 動きがなめらかでクールな印象を出すことが出来そうです。まさにiPod風。 Ajaxを使って無制限に階層を辿ることが出来たり、なかなか工夫されているようです。 ソースも次のようにクリーンになるので使いやすそう。 <ul id="basketball-list"> <li>
Excel(エクセル)VBAの基本的な構文についてまとめています。 簡易なサンプルを使って説明していますので、Excel VBA(マクロ)の学習の一助になれば幸いです。 マクロそれともVBA この2つを区別すると、 マクロ：ある目的の操作手順を登録しておき、これを実行する機能。 VBA(Visual Basic For Application)：Microsoft社の製品を操作するためのプログラミング言語。 ということになるのでしょうか・・・ どちらを使うのが適当かよくわからないのですが、弊サイトでは「VBAの使い方」ということで説明しています。 VBA入門 マクロの自動記録と実行 マクロの自動記録と実行（Excel2007編） マクロが無効にされる(マクロを含んだブックを開く) VBAコード(プログラム)の記述と実行の手順 VBE(Visual Basic Editor/VBエディタ)の
wxPython Index
最終更新日：2007年7月27日 18: Device Context (wxDC) の内容を追加 1: はじめに 2: 最初のスクリプト 2-1: ウィンドウの表示 2-2: エラー内容の書き出し 2-3: ボタンの表示 2-4: ボタンによるイベントの例（ウィンドウを閉じる） 2-5: ウィジェットの位置とサイズ 2-6: ボタンによるイベントの例（テキストのコピー） 3: 基本的なコントロール１（単独タイプ） 3-1: 固定テキスト (wxStaticText) 3-2: テキストコントロール (wxTextCtrl) 3-3: ボタン (wxButton) 3-4: トグルボタン(wxToggleButton) 3-5: スピンコントロール (wxSpinCtrl) 3-6: スライダー (wxSlider) 4: 基本的なコントロール２（項目選択タイプ） 4
Linux初心者入門講座
Linuxのインストールやダウンロード、ディストリビューションの種類、活用方法などについて、初心者向けに基礎から詳しく解説します。 Linuxは、ディストリビューションによっては、USBメモリーにインストールして、起動することができます。 普段はメインでWindowsを使っていて、Linuxを試してみたいユーザーにオススメの方法です。 USBメモリーを使えば、Windows環境をまったくいじることなく、今話題のLinuxを試すことができます。 ただしパソコンが、USBメモリーからの起動(ブート)に対応している必要があります。 2006年以降のパソコンなら、大体大丈夫です。それ以前のパソコンは、BIOSを確認してみてください。 通常はLiveCDを作成してから、USBメモリーにインストールします。 でも最近は、Windowsパソコン上で、直接USBメモリーにLinuxをインストールできるソフ
Sandcastle Help File Builder を使って、ソースコードからドキュメントを自動作成しよう
Sandcastle というのは、ソースコードの構造やコメントを元に、ドキュメント(APIや内部説明書)を自動作成してくれるソフトです。 類似のソフトとして、doxygenやNDocがあります。 今回は、Sandcastle と 支援ソフトの Sandcastle Help File Builder の使い方について、簡単に説明します。 まずは概要 Sandcastleには、以下の特徴があります。 MSDN風のHTML Help形式(.chm)のドキュメントを作成してくれます。 .NET 2.0に対応しています。 Microsoft自身が対応してくれています。 VS SDK 4.0 December CTP に同梱されたり、単独で配布しています。 日本語を使っても大丈夫のようです。 Sandcastleについて、先行で調べてらっしゃる方については、以下が参考になると思います。 Kazzzの
基礎 j001 ＪＡＶＡプログラムの作成と実行 j002 ＪＡＶＡのインストール j101 画面への出力 j111 変数と型 j112a 演算(整数演算) j112b 演算(実数演算) j113 文字コード j121a 文字列（宣言） j121b 文字列（比較） j121c 文字列（探索） j131a 配列（１次元配列、宣言と確保、代入） j131b 配列（１次元配列、列挙による宣言と代入） j132a 配列（２次元配列、宣言） j132b 配列（２次元配列、宣言） j141a 分岐（if文） j141b 分岐（if文の繰り返し） j142 分岐（switch文） j151a 制御構造（for文） j151b 制御構造（for文、continue文、break文） j151c 制御構造（for文、ラベル付きcontinue文、ラベル付きbreak文） j152a 制御構造（while文）
「iPhone Developer Program」に法人名義で登録して実機でオリジナルアプリを動かすまで
iPhoneの実機でオリジナルのプログラムを動作させたりAppStoreで配布するには「iPhone Developer Program」に登録する必要があるということが分かった。 じゃ，やってみようか。 「Standard Program」か「Enterprise Program」か？ プログラムは「Standard Program」と「Enterprise Program」の２種類がある。Enterpriseの方は500人以上の従業員がいる大企業で，社内アプリケーションを作りたい場合に選択するものらしい。Standardは個人と法人の両方が対象なので，今回はこのStandardに法人名義で登録する事にした。 新しいApple IDを作る まず「iPhone Developer Program」で「Enroll Now」する。 登録には「Apple ID」が必要だが，既存のものを使うか，
C# Tips
このドキュメントに対するご意見、質問はws@woodensoldier.infoまでメールください。 このドキュメントはFAQ Builderを使用して作成されています。 BasicC#とは.NET Frameworkとはブラウザを起動し指定したURLを開くアプリケーションを閉じるにはタスクトレイに格納するにはコンソール出力をするにはexeに含めたリソースを使用するにはユニットテストを行うには(NUnitについて)Debug時にメッセージをコンソールに出力するアプリケーションのバージョンなどの情報を設定するにはメソッドをカテゴリごとにまとめるには二重起動を禁止するにはノータッチデプロイメントとはC#言語仕様基本的な型プロパティを使用するには変数の初期化についてboxing/unboxingとはsealedクラスsizeofを使用するasを使用するenumについてoutについて関数のパラメー
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5 における HTML4 からの変更点
HTML5 における HTML4 からの変更点
Firefoxをインストールしたらまず行う設定 Ver.1.5 : audiofan.net blog
W3C - 『HTML 5 differences from HTML 4』日本語訳 - HTML5.JP
ブラウザ上でサイトのモックアップを光速で作成できるサービス「Lumzy」:phpspot開発日誌
「HTML 4.01」と「XHTML 1.0」と「HTML5」の違いまとめ フラップイズム
ブラウザの仕組み | Articles | web.dev
2021年のウェブ標準とブラウザ | gihyo.jp
Webエンジニアとしていま知っておきたいWebアクセシビリティ
Flex 2.0でリッチなWebアプリを作ろう---目次：ITpro
フリーフォント で簡単ロゴ作成 | キーボード画像作成 | アイコン・はんこ画像作成
JsUnit を使った JavaScript のユニットテスト - WebOS Goodies
30近いウィジェットがセットになったjQueryプラグイン集「Wijmo」:phpspot開発日誌
Pythonのテキスト作りました - Qiita
W3C - 『HTML 5 differences from HTML 4』日本語訳 - HTML5.JP
UIオートメーションによる自動UIテストの実践 ― ＠IT
Go最後の秘宝「GUI」を探しに行く - Qiita
記憶は削除の方向で - Gmail にテンプレート切り替え機能を付けてみた
Bootstrap を拡張パワーアップ！参考にしたい50個の無料プラグイン、コンポーネントまとめ
スクショをExcelに張り付けるのに役立つ4つのテクニック
Gitによるバージョン管理入門 for windows
WEBアプリケーション作成に使われる４３のコントロールパターン:phpspot開発日誌
tips : tips/02.プログラミングなど/Flex/ActionScriptメモ.txt
HTML5 設計原則「HTML Design Principles」の翻訳「HTML 設計原則」
React 19 で変わるアクセシビリティ周りの技術 - SmartHR Tech Blog
ReFlowの原因とマークアップの最適化 « NAVER Engineers' Blog
iPod風の階層的なナビゲーションを実装する面白ＵＩサンプル「ColumNav」:phpspot開発日誌
Excel(エクセル)VBA入門：目次
Java プログラミング入門