HTML5 を学ぶための情報源まとめ
ちょっと更新サボりすぎでしたが、最近 HTML5 関連の話もとっても増えてきましたので、ここらで HTML5 に関する情報を集めるときに情報源として有益なサイトをまとめてみたいと思います。やはり、英語での情報が多くなってしまうので、英語能力が残念な私なんかは結構厳しいんですが、いくつか日本語での情報源も挙げてみましたので、併せて見ておくといいと思います。 ちょっと更新サボりすぎでしたが、最近 HTML5 関連の話もとっても増えてきましたので、ここらで HTML5 に関する情報を集めるときに情報源として有益なサイトをまとめてみたいと思います。 やはり、英語での情報が多くなってしまうので、英語能力が残念な私なんかは結構厳しいんですが、いくつか日本語での情報源も挙げてみましたので、併せて見ておくといいと思います。 ちなみに、XHTML 好きな私としては、XHTML5 で次のサイトリニューアルとか
ゲームエンジンはアートである - 8 年以上自作ゲームエンジンをメンテし続けている話｜Hajime Hoshi
自分は Ebiten という 2D ゲームエンジン (ゲームライブラリ) を趣味で開発しています。使用しているプログラミング言語は Go です。 2013 年 6 月に最初のコミットを行ったので、現在 8 周年の 9 年目です。 Ebiten は「くまのレストラン」などのモバイル及び Nintendo Switch 向けゲームで使われており、一定の実績があります。 ゲームエンジンの開発は一朝一夕では終わりません。Unity や RPG ツクールといった既製品がある中、ゲームエンジンをわざわざ自作することは酔狂かもしれません。ではなぜそのようなことをしたのでしょうか。端的に言うと「ミニマムな API で実用的な 2D ゲームが作れるかどうか」ということを証明したかったのです。自分の美的感覚の追求です。この目的に気づいたのは割と最近のことです。やっていくうちに「自分がやりたかったのはこういうこ
ここのところ、ポータブルレコーダーがいろいろ発売されているのでそのうちまとめてご紹介でもしようかと見ていたら、KORGがレコーダーの支援ソフトとして無料配布している「KORG AUDIO UTILITY」がいろいろと使いやすいことがわかりました。 KORG AUDIO UTILITYは、音声ファイルの簡易編集ができるソフトで、WavやAIFFといったファイルをWav、AIFF、MP3、WMAに変換（サンプリング周波数やビット数、ステレオorデュアルモノを選択可）して保存したり、音量レベルやバランスの調整、フェードイン/アウトの処理やメタデータ（ファイルのアーティストやタイトル、画像等）の一括変更、音声ファイルの統合やチャンネルリンク（モノラルのファイルを左右のステレオに分配）、音楽CDの読み込みやCD-R/CD-RWに書き出し（ノーマライズも可能）したりすることができる簡易的な音声編集ソフ
4Gamer.net ― Eee PC発売記念（？） この小さいマシンでゲームを動かしてみよう――その1：Windows XPを頑張って小さくしてみる（Eee PC）
Eee PC発売記念（？） この小さいマシンでゲームを動かしてみよう――その1：Windows XPを頑張って小さくしてみる 編集長：Kazuhisa 派手なところは一切ないが，値段の割には質実剛健。2台目のマシンとして非常にお勧めだ ※第2回：Windows XPを頑張って軽快にしてみる → 「こちら」 ※第3回：FFXIも完璧！ ついにゲームの起動にトライ → 「こちら」 発表されるやいなや一気に「小さいものフェチ」の心を奪った，ASUSTeK Computer（以下，ASUSTeK）のノートPC「Eee PC」。日本でもついに4万9800円というプライシングで発表され（Windows XP導入済），通信端末にしようとか出先でYouTubeを見よう（？）とかゲームもできるといいなぁとか，色々と心を躍らせている人も多いことだろう。 〜この小さいマシンでゲームを動かしてみよう〜 ・冒頭 ・
CSS3のテクニックはさまざまなものがありますが、その中からまさに今、そして次のプロジェクトに使用したくなるテクニックを紹介します。 The Bright (Near) Future of CSS [ad#ad-2] 下記は各ポイントをピックアップして意訳したものです。 はじめに Styling HTML5 Classing like HTML5 Media Queries Styling Occasional Children Styling Occasional Columns RGB Alpha Color HSL and HSL Alpha Color Shadowy Styles Multiple Backgrounds 2D Transforms はじめに ここでフォーカスするのは、今、そして近い将来に使用するであろうスタイリングのテクニックです。HTML5の要素のスタイリング
「enchant.js」でゲームを作ろう！ HTML5とJavaScriptによるアクションゲーム制作入門 ライター：Veki HTML5でゲームが作れるライブラリ「enchant.js」がユビキタスエンターテインメントから発表されました。Webブラウザだけでスプライトを使ったゲームが動くとのことで興味を持った人も多いのではないかと思います。ここではenchant.jsを使ったゲーム作りについて見ていきたいと思います。 enchant.jsがサポートしているHTML5は，長らく使われていたHTML4に代わる次世代Webシステムの要となるものです。HTML5ではWebページの動的な要素，とくにグラフィックスの描画機能などが大幅に強化されており，これまでFlashを使わないとできなかったようなことが，HTMLとJavaScriptだけでできるというのが最大の特徴となっています。 ここにきてIn
まだ人間が議事録書いてるの？ 日本語特化の文字起こしAI『kotoba-whisper-v2.0』がスゴいらしい
まだ人間が議事録書いてるの？ 日本語特化の文字起こしAI『kotoba-whisper-v2.0』がスゴいらしい 企業の業務の中でも会議やプレゼンなどの議事録作成は効率化したい作業の上位に挙がってくるのではないでしょうか。実際、2023年8月にソースネクスト株式会社が行った「議事録に関する意識調査」によると、議事録の作成には平均50.4分の時間が費やされており、また部下の75.8%が会議中の議事録の作成によって発言しにくいと感じることがあるといいます。 そこで利用を検討したいのが、AIによる自動音声認識を利用した議事録の作成です。本記事では、日本語に特化して高い精度と速度を誇ると話題を呼んだ『kotoba-whisper-v2.0』を主に取り上げ、AIによる議事録作成の最前線をご紹介します。 日本語特化の文字起こしAI『kotoba-whisper-v2.0』とは？ 『kotoba-whi
Video Converter Experience powerful and intelligent conversion capabilities.
普通のHTMLの書き方
保守しやすく、規模に依存しないHTML文書のために 一般 DOCTYPEで始める 置き換えられるべきまたは旧式のDOCTYPEを使わない XML宣言を使用しない 文字参照はできる限り使わない &と<、>、"、'は名前文字参照を使ってエスケープする 制御文字や不可視文字は数値文字参照を使う コメントではその内容の前後へ空白文字を置く 終了タグを省略しない 空要素の書き方を混ぜない タグや属性値の前後へ空白文字を置かない 大文字・小文字を混ぜない 引用符を混ぜない 属性を2文字以上の空白文字で区切らない 真偽値を取る属性の値は省略する 名前空間は省略する XML属性は使わない data-*とMicrodata、RDFa Lite用の属性と通常の属性を混ぜない デフォルトの暗黙のARIAセマンティックスを尊重する 文書要素 lang属性を追加する lang属性の値はできる限り短くする できる限り
年末だからというわけでもないのですが、いつものサイト作りに使う CSS リセットについて見直してみました。今までもちょっとずつ手を入れてはいたのですが、今回はかなり大きく修正しています。というのも、Nicolas Gallagher と Jonathan Neal の両氏による normalize.css を知り、大きく影響を受けたからです。 Normalize.css は「新手の CSS リセット」ではありません。CSS を「リセット」するのではなく「ノーマライズ」する、という新しい考え方です。CSS リセットとノーマライズはどちらも、ブラウザ間で CSS の実装に差異があることを前提にそれらを吸収しようとする、という同じ目的を持っています。ただ、リセットはすべてをまっさらな「さら地」にしようとするのに対し、ノーマライズは使える部分は残しつつ手を入れる必要のある部分だけを整える、という違
以下はSimon Holdorf( dev.to/ Twitter / GitHub )による記事、9 Projects you can do to become a Frontend Master in 2020の日本語訳です。 9 Projects you can do to become a Frontend Master in 2020 Introduction あなたがプログラミングの初心者であるか、既に経験豊富な開発者であるかにかかわらず、この業界では、急速な変化に追いつくために新しい概念と言語・フレームワークを学び続けることが必要です。 たとえばFacebookが4年前にオープンソース化したReactは、既に世界中のJavaScript開発者にとって第一の選択肢になっています。 もちろんVueとAngularにも多くのフォロアーがついています。 さらにはSvelte、Next
https://twitter.com/kozeni_shkt/status/709743397196541953 http://www.b-ch.com/ttl/index.php?ttl_c=467 照度センサーという事で最初arduinoが思い浮かんだのだけれど、一般のご家庭やオフィスにarduinoは無いと思うのでiOSでやった。使わなくなったiPadにアプリを入れてオフィスの出入口に置いておく運用イメージ。 設定した閾値をディスプレイの輝度(部屋の照度)が下回ったらGet Wildし始める。なお手を抜いてるので閾値以下で輝度が変化するたびにGet Wildされる。 // // ViewController.swift // gettlod // // Created by ouba on 2016/03/28. // Copyright © 2016年 oubakiou. All
![[iOS]部屋の灯りが消えたら自動でGet Wildを再生してGet Wild退勤する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/9cde98d1d8bb81a836f1d4c62dd3f715be64f370/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNDc4MjMlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2OTExMjk_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9ZjlkNDkwOGY1Njk5OTE0MDg4MGNkY2Q3YzAwOThhYTk%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dc85eb3e27462cebbbcab1d5a86f66368%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCaU9TJTVEJUU5JTgzJUE4JUU1JUIxJThCJUUzJTgxJUFFJUU3JTgxJUFGJUUzJTgyJThBJUUzJTgxJThDJUU2JUI2JTg4JUUzJTgxJTg4JUUzJTgxJTlGJUUzJTgyJTg5JUU4JTg3JUFBJUU1JThCJTk1JUUzJTgxJUE3R2V0JTIwV2lsZCVFMyU4MiU5MiVFNSU4NiU4RCVFNyU5NCU5RiVFMyU4MSU5NyVFMyU4MSVBNkdldCUyMFdpbGQlRTklODAlODAlRTUlOEIlQTQlRTMlODElOTklRTMlODIlOEImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1iZjA0NzU5M2Q5NmE4MzYwNzI3MWQ1Mzk4NDhmNzRjNg%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBvdWJha2lvdSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPTlhZTQ0OGI3N2E0NjVkNDI2NDJlYTgwNzhmOTcwNjc4%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Dd529d5fc19e33a8fecdf74cb9c181d2d)
Convert Files - free online file converter / Flash video downloader (YouTube,DailyMotion,MetaCafe...
Convertfiles provides a robust online file conversion platform designed for seamless and quick transitions between various file formats. Whether it's documents, images, presentations, archives, audio, or video files, Convertfiles caters to all your conversion needs. Supporting over 200 file formats and handling files up to 250 MB, the platform allows users to select the output quality and format f
Normalize CSS [ad#ad-2] Normalize CSSの主な特徴 Normalize CSSの対応ブラウザ Normalize CSSのデモ Normalize CSSの使い方 Normalize CSSの主な特徴 Normalize CSSは、他のリセット用スタイルシートとは一味違った特徴を備えています。 有用なデフォルトはそのまま 多くのリセット用スタイルシートは異なり、有用なデフォルトのスタイルは維持します。 スタイルの正常化 さまざまな種類のエレメントのスタイルを正常化します。 バグの修正 各ブラウザごとの異なるスタイルやバグを修正します。 ユーザビリティの改善 ほんのわずかな改良でユーザビリティを改善します。 コードの説明 各コードには詳細な説明があります。 Normalize CSSの対応ブラウザ 対応ブラウザは下記の通りです。 Chrome Firefox
VSCodeの拡張機能、なに使ってますか？ はてなエンジニア世論調査 #2 - Hatena Developer Blog
こんにちは、Webアプリケーションエンジニアのid:hogashiです。 半年ほど前に公開した「開発環境のフォントなに使ってますか？」に続く、はてなエンジニア世論調査の第2回「VSCodeの拡張機能、なに使ってますか？」です。 ソースコードエディタであるVisual Studio Code（以下、VSCode）は多くのエンジニアに利用されています。VSCodeにはソースコードのシンタックスハイライトやデバッグなど、さまざまな拡張機能をインストールして使うことができますが、公開されている拡張機能は膨大にあります。 その中から、はてなのエンジニアはどんな拡張機能をインストールして、日頃の開発に使っているのでしょうか？ 前回と同様にアンケート調査してみました。 アンケート方法 アンケート結果から見える人気の機能拡張 6割の拡張機能は1人だけが使用 人によってかなり異なるインストール数 興味深いコ
IT戦記
みなさんお元気ですか？僕は少しだけ元気ではありません。じんわりとした夏の暑さを感じながらブログを書いています。 実は、数ヶ月前にスマートニュースという会社を退職しました。 しばらく無職 しばらくは就職せずに無職でいようかなと思っています。 すぐに再就職した方がいいんだろうな〜。とは思うのですが少し疲れたかも。 いい時代になったものだ 最近は AI の進化も素晴らしく、昔ソフトウェアで出来なかったことがどんどんできるようになってるなって感じます。 Rust とか、ちょうど欲しかった感じのプログラミング言語もあるし、 ChatGPT は完璧ではないけど何か新しいことを始めるときに素晴らしい洞察を与えてくれる。 時代は確実に良くなってる。そんな時代に「自分は働いていないくていいのか」と少し不安になるけれど、自由気ままにコードを書く、そんな時間が今あってのもいいのかなって思ってます。 オフトピック
HOME ＞ Webサービス ＞ Gmail（Gメール）の使い方まとめ Gmail（Gメール）の使い方まとめ 管理人 @ 3月 13日 06:12am Gmail使ってますか？こんな便利な無料サービス使わなきゃ損です！ ってことで、Gmailについてまとめてみました。 2007/11/14 更新 Gmail に関する最新記事は、ブログエントリーのカテゴリー「 Gmail 」で参照できます。 Gmailとは GmailとはGoogleが無料で提供しているウェブメールサービス。 4.9GB以上の大容量と、Google の検索技術を搭載した高度なメール管理機能を備えている。 通常無料のウェブメールサービスだと、ポップアップ広告などが表示されるたり、目障りなバナーが表示されるが、 Gmail では関連性の高いテキスト広告や関連ウェブページへのリンクがメッセージの横に表示されるので、邪魔にならな
音楽ファイルをあらゆる形式に変換＆結合し、動画から音声を抽出できる無料ツール「Free Audio Converter」 : 二十歳街道まっしぐら
「Free Audio Converter」は音声変換、動画から音声抽出ができる無料ツールです。 サポートしている形式は以下の通り。 よく見かける拡張子はだいたいカバーできているかと。 音声を別の形式に変換することはもちろん、動画から音声を抽出することも可能です。 動作もサクサクしていて、日本語対応なので初心者の方にもおすすめ。 音声ファイルの結合も行えます。 以下に使ってみた様子を載せておきます。 まず「Free Audio Converter」へアクセスしましょう。 ダウンロードして、インストールします。 起動した画面はこのようになっています。 ファイル一覧が表示され、最下部に変換する形式がずらりと並びます。 右上には「ファイルを結合」する機能が。 音声ファイルおよび動画ファイルを読み込み、 最下部の変換形式を選びましょう。 変換するときの詳細設定です。 ビットレートなどカスタマイズで
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
CSSでWebサイトのレイアウト組み＋装飾の基本プロセスCSSでレイアウトを組むのは、最初はすごく難しく感じるかもしれません。私も何度も挫折しかけました。。でもよく使うプロパティを理解し、少しずつ組み立てていくと自然と慣れてきますよ！今回はサンプルファイルも用意したので、ダウンロードしてコードをじっくり見てやってください。連載企画「実践で学ぶWebサイト制作ガイド」、CSSでラストスパートです！ 実践で学ぶ Web サイト制作ガイド：その 7目標：CSS でレイアウトが組める・基本的な装飾ができる必要なもの：Windows メモ帳 や、Mac OS Text Edit などの文章エディタツール。もちろん Adobe Dreamweaver などの Web 系オーサリングソフトがあるならそれで OK対象レベル：CSS の基礎知識がある・基本的な CSS が手打ちで書ける目次誰のため？何のため
ESL
Choose from over 1800 audio lessons + written guides Listen and read anywhere on your computer or mobile device Improve your speaking and listening quickly with specially-designed lessons for intermediate and advanced learners
この文書「HTML 5 における HTML 4 からの変更点」は、W3C の HTML ワーキンググループ による「HTML 5 differences from HTML 4 (Working Draft 22 January 2008)」の日本語訳です。 規範的な文書は原文のみとなっています。この日本語訳は参考情報であり、正式な文書ではないことにご注意ください。また、翻訳において生じた誤りが含まれる可能性があります。 原文が勧告 (Recommendation) ではなく、策定途中の草案 (Working Draft) であることにご注意ください。 原文の最新版 は、この日本語訳が参照した版から更新されている可能性があります。また、この日本語訳自身も更新されている可能性があります。日本語訳の最新版は、W3C 仕様書 日本語訳一覧 から参照することができます。 更新日: 2008-09-
Hello GPT-4o
GPT-4o (“o” for “omni”) is a step towards much more natural human-computer interaction—it accepts as input any combination of text, audio, image, and video and generates any combination of text, audio, and image outputs. It can respond to audio inputs in as little as 232 milliseconds, with an average of 320 milliseconds, which is similar to human response time(opens in a new window) in a conversat
Wink - [Homepage]
Freeware: Completely free for personal or commercial use. However if you want to redistribute Wink, please get permission from the author. Cross-Platform: Available for Windows and Linux. Audio: Record and use your voice in your tutorials. Input formats: Capture screenshots or use existing images. Output formats: MPEG-4 video (for web), PDF (for printable manuals), PostScript, HTML or images. Mult
どう考えても無料拡張プラグインを紹介してくれるDTMerの方が「カッコイイじゃねーか！」と思うので格好付けるため紹介する Dexed言わずと知れたYAMAHA DX7のエミュレーター。 世の中にはYAMAHA DX7オマージュやクローンと呼ばれるシンセサイザーは多数あるけれどDexedはエミュレーターとして扱われている。 その理由はYAMAHA DX7をシステムレベルで再現することが開発目標となっており、DexedはDX7実機のSysExすらもサポートしていてDX7の音色拡張ROMデータを読み込むことができる再現度が強み。 欠点は、あまりにもYAMAHA DX7へ寄り過ぎているためか内蔵エフェクターが搭載されておらず、DX7でもエフェクターを接続することが当たり前に行われていたことがDexedでも踏襲され、Dexedにエフェクタープラグインを接続することが前提となってしまっている。 そもそ
『超実践 読書術』がスゴイ - 凹レンズログ
日経済ビジネス Associeの2011 10/4号にて、多忙の中でも仕事に必要な知識を本から効率よく吸収する方法が紹介されていました。 「忙しくて読めない人」から「忙しくても読める人」に このキャッチフレーズがとても良かったです。 日経ビジネス Associe (アソシエ) 2011年 10/4号 [雑誌] 大量の本から刺激を得る まず目を引いたのは、大量の本から情報を得る読書の仕方でした。 書店で本に触れる＆買う ほぼ毎日書店に行く 少し読んで、1行でもピンときた本は買う ベストセラーは必ず買う 買ったその日に読む すぐに近くのカフェで読み始める その日のうちに90％近く読む 読み方に幅を持たせる（精読から、付箋を貼るだけの本も） 毎日50冊くらいの本に触れる 量が質を凌駕するというのは、こういうことを言うんだと思います。絶対的な本への接触量を増やすという発想が新しかったです。 「買っ
再生できないムービーに必要なコーデックをダウンロードしてインストールできるフリーソフト「CodecInstaller」 - GIGAZINE
ネット上には山のようにムービーがありますが、その中には「一体このファイルはどうやって再生すればいいのだろうか？」というようなものもあります。そういう場合には再生用の「コーデック」をインストールすればいいわけですが、どのコーデックをインストールするべきかがわからない場合があります。 そういった際に役立つのがこのフリーソフト「CodecInstaller」です。ムービーファイルを解析して必要なコーデックを特定したり、既に自分のPC内にインストールされているコーデックを一覧化し、バージョンアップが必要な場合にはダウンロードして更新する手助けを行うことが可能になっています。よくあるようなコーデックをまとめたまるごとパックをインストールするのはちょっとアレなので、自分で何のコーデックをインストールするかをきちんと確認しておきたいという人向けです。 ダウンロードとインストール、実際の使い方は以下から。
以下はSimon Holdorf( dev.to/ Twitter / GitHub )による記事、9 Projects you can do to become a Frontend Master in 2020の日本語訳です。 9 Projects you can do to become a Frontend Master in 2020 Introduction あなたがプログラミングの初心者であるか、既に経験豊富な開発者であるかにかかわらず、この業界では、急速な変化に追いつくために新しい概念と言語・フレームワークを学び続けることが必要です。 たとえばFacebookが4年前にオープンソース化したReactは、既に世界中のJavaScript開発者にとって第一の選択肢になっています。 もちろんVueとAngularにも多くのフォロアーがついています。 さらにはSvelte、Next
HTML5に踏み出せない人に捧げる、HTML5を使う10の理由
HTML5、使ってますか？ このサイトも未なのですが、これからHTML5を使い始めるぞっとなる10の理由を紹介します。 Top 10 Reasons to Use HTML5 Right Now [ad#ad-2] 下記は各ポイントを意訳したものです。 10. アクセシビリティ 9. ビデオとオーディオのサポート 8. Doctype 7. よりクリアなコード 6. ストレージ 5. インタラクション 4. ゲームの開発 3. 古いブラウザのサポート 2. スマートフォンへの対応 1. これからはHTML5 10. アクセシビリティ HTML5は「セマンティック」「ARIA」の2つの理由でサイトをアクセシブルにします。header, footer, nav, section, adiseなどのような要素はスクリーンリーダーにもコンテンツに容易にアクセス可能なようにします。また要素にrole
iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日本語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 iOS 6 がリリースされましたがアップデートされましたか？私はマップアプリをよく使うのですが、早速アップデートした方々の、マップがぁぁという叫びにびびってまだアップデートできておりません… で、まだ私の手元の iPhone 4S では iOS 5 が元気に動いている今日この頃ですが、iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日本語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 原文 iPhone 5
本日は、2024 年中に紹介したフリーソフト・オープンソースソフト の中から 特に感動した・気に入った というものを、17 個 ピックアップして紹介しようと思います。 2023年、特に感動した・気に入った フリーソフト 2022年、特に感動した・気に入った フリーソフト 2021年、特に感動した・気に入った フリーソフト 音楽 KVM スイッチ 絵文字 ファイル共有 システム監視 アーカイバ 音量調整 OCR ディスプレイ 癒し・ヒーリング・集中 X（Twitter） 画像編集 Firefox 通知 テキスト入力支援 マウスカーソルの移動制限 音楽 AI Audio player AI Audio player 音源分離機能を備えた音楽プレイヤーです。 AI を利用し、音源を ボーカル ドラム ベース その他（シンセサイザー、ギターなど） に分離させ、各パートごとに音量調整したりしながら再
検証：WAVと320kbps mp3はクラブで聴き分けられるのか!?: FLYING COW - DJ Q'HEY blog
これ、ずーっと気になってた事です。 とにかく一度しっかり検証してみたかった！ 小箱じゃなくて大箱で。それもトップクラスの。 しかもできるだけ多くの人に参加してもらって。 そしてその結果をここで書きたかった！ WAV vs mp3のこの話題、少し前のだぶさん（Dub Master X氏）のブログでも扱われてボクも拝読させていただいたわけですが… 「ご家庭レベルならいいんだけどね」 （これには以降2回に渡って後日談となる記事があるので、合わせて読んでください。） だぶさんは「DJは音に拘るべきで、WAVという選択肢がある中でmp3を使うべきではない」という旨の事を書かれています。 ただしここではその使うべきではないmp3のビットレートに関しては触れられていません。 もちろん128kbps程度のものだと劣化が顕著なのは明らかですが、最高品質である320kbpsだとどうでしょう？ （文中には「ビー
仕事に疲れたとき、人生に疲れたとき何かをボーっと眺めたくなることありませんか。僕はボーっと何も考えず「ネジ」を眺めるのが好きでして、できればもうたっくさんのネジを眺めたいなと常々思っているタイプなんですがここのところものすごく疲れておりまして、いつもの如くAmazonでネジ商品を探しておりましたところ良いネジがたくさんありましたので「仕事や人生に疲れた時こそ眺めて欲しいネジ」をこの度展開することと相成りました。とんでもない回数スクロールしなければならないと思いますが、宜しければ御覧ください。 読了時間:2時間 仕事や人生に疲れた時こそ眺めて欲しいネジ 163選 トラスコ TRUSCO(トラスコ) 皿頭小ネジ ステンレス 全ネジ M6×12 40本入 B06-0612 トラスコ中山(TRUSCO)Amazonまず始めはコチラ。トラスコさんが誇る「皿頭小ネジ ステンレス サイズM6X12」が4
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
超優秀なプレイヤーは出世させてはいけない
Recent Commentsクラウドソーシングでパキスタン人にアニメーションを作らせてみた | innova on アニメをアウトソースする#031 金持ち父さん貧乏父さん 実践その1:まず5つの障害を乗り越えよう (#3 怠け心) | あすなろ(earth76)式 on プレゼンの冒頭で伝えなければいけないWIIFMとは？何故日本人はブレストを嫌うのか | Masafumi Otsuka's Blog on 根回しが何故日本人に必要なのか、ちゃんと説明しよう外国人上司に「私に活躍させたかったらやり方をこう変えて欲しい」と言葉にして伝えよ う！ | Masafumi Otsuka's Blog on 根回しが何故日本人に必要なのか、ちゃんと説明しよう外国人上司に「私に活躍させたかったらやり方をこう変えて欲しい」と言葉にして伝えよ う！ | Masafumi Otsuka's Blog o
自分のパソコンが一体どこのメーカーの何というブランドなのかまではなんとかギリギリ覚えていても、CPU・メモリ・マザーボード・グラフィックボード・ハードディスクドライブ・光学ドライブ・オーディオなど、パソコンの内部を構成する各パーツについてすらすらと何も見ずに言える人は自作PC大好き人間でもない限り、かなり少ないはず。特にメーカー製のノートPCやデスクトップPCを買って使っていると一体どのようなハードウェアで実際には構成されているのか調べるのは困難です。 そこで使えるのがこのフリーソフト「Speccy」です。自分のパソコンのハードウェア構成を非常にわかりやすくまとめて表示してくれます。CPUやHDDの温度、CPUの各コアのバススピード、メモリのDRAM Frequency、HDDのS.M.A.R.T.値などもリアルタイムにグラフ化可能です。 また、調べたパソコンスペックについてはファイルとし
All commands
This will download a video when given the link and it will extract the audio from the video. The filename will be the same as the video's title. File extension in mp3.
HTML5を使ったスマホアプリ開発に興味があったので、カメラやGPSなどスマートフォンの機能がどこまで使えるのか試してみました。 Webアプリケーションなのでブラウザに依存しますが、以下のサイトにモバイルブラウザ別対応状況が書かれています。 http://mobilehtml5.org 試したのは以下の機能です。端末はGalaxy NexusとiPod Touch 4世代を使いました。 Androidのバージョンは4.0.4でブラウザはChromeと一部Firefoxです。iOSは5.0.1、Safariで試しました。 スマートフォンで確認できるようにサンプルを作ったので試してみて下さい。 タッチイベント(Touch Events) マルチメディア(Multimedia) 位置情報の取得(Geolocation API) 加速度センサー(Motion Sensors) ファイルアクセス(F
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
KORG AUDIO UTILITYがかなり使える！
[CSS]今、そして近い将来に使用するであろうスタイルシートのテクニック集
「enchant.js」でゲームを作ろう！ HTML5とJavaScriptによるアクションゲーム制作入門
Online Audio Converter
俺の CSS リセット: 2011 冬
2020年のフロントエンドマスターになりたければこの9プロジェクトを作れ - Qiita
[iOS]部屋の灯りが消えたら自動でGet Wildを再生してGet Wild退勤する - Qiita
ブラウザのスタイルをリセットするスタイルシート -Normalize CSS
Gmail（Gメール）の使い方まとめ - Google Mania - グーグルの便利な使い方
How To Enable HTML5 In Chrome | Robots.net
How To Enable HTML5 In Chrome | Robots.net
CSSでWebサイトのレイアウト組み＋装飾の基本プロセス
HTML5 における HTML4 からの変更点
DTMで無料拡張プラグインを使うなと言うので逆に紹介したるわ
2020年のフロントエンドマスターになりたければこの9プロジェクトを作れ - Qiita
HTML5 開発者向け iPhone 5 / iOS 6 での変更点等まとめ
2024年、特に気に入ったフリーソフト＆オープンソースソフト
仕事や人生に疲れた時こそ眺めて欲しいネジ 163選 - 自省log
コードの健全性: 礼儀正しいレビュー == 役立つレビュー
自分のパソコンのCPUやHDDの温度・各ハードウェアの詳細などをわかりやすくまとめて表示するフリーソフト「Speccy」
HTML5で使えるスマートフォンの機能 | DevelopersIO
How To Enable HTML5 In Chrome | Robots.net