2024年版 HTMLで作るフォームバリデーション - ICS MEDIA
すべてのフォームが要件を満たしている場合のみ、送信できます。 フォームバリデーションのデザイン 上記の例では最低限のHTMLのみ実装されています。しかし、実際のサイトではバリデーションエラーをユーザーにフィードバックする必要があります。よりユーザビリティの高いフォームでは、以下の点を検討する必要があります。 エラー時のスタイル エラーメッセージの出し方 バリデーションエラーの表示タイミング 以下では、それぞれについて深堀りします。 エラー時のスタイル エラーを検知する方法として、CSSには:valid疑似クラスと:invalid疑似クラスがあります。これらの疑似クラスは『CSS疑似クラスを活用した、モダンでインタラクティブなフォームの作り方』でも紹介されている、バリデーションエラーが起きている要素にのみ適用されるクラスです。 しかし、この疑似クラスには欠点があります。required属性を
君は真に理解しているか？z-indexとスタッキングコンテキストの関係 - ICS MEDIA
CSSで要素の重なりを表現する時はスタッキングコンテキストによって決められています。スタッキングコンテキスト（Stacking Context）はウェブページ上の仮想的な奥・手前方向の概念であり、「重ね合わせコンテキスト」、あるいは「スタック文脈」とも言います。 z-indexによる重なり位置の指定もこのスタッキングコンテキストのうちの一つです。今回はz-indexより広い概念のスタッキングコンテキストの深淵を覗いてみます。 z-index:5がz-index:53万に勝つ方法 重なりといえば、z-indexです。z-indexはWeb初心者キラーなプロパティで、その値が必ずしも重なりの順序になりません。例えば次のようなz-indexが53万と5の要素があったとします。この場合、53万の要素が上にきます。 <div class="wrapper wrapper-freeza"> <div
ウェブは“生もの”。基本的に消えるんですよーー「ウェブ魚拓」創業者のメディア観とは | Coral Capital
月間10万人が読んでいるCoral Insightsのニュースレターにご登録いただくと、Coral Capitalメンバーによる国内外のスタートアップ業界の最新動向に関するブログや、特別イベントの情報等について、定期的にお送りさせていただきます。ぜひ、ご登録ください！ ウェブページのアーカイブを記録するサービスとして長く愛されている「ウェブ魚拓」をご存じでしょうか。ネット上のあるページが、「そのURLで、その日時に公開されていた」ことを証拠として残すためのサービスです。 ネットの（炎上の）歴史とともにじわじわとユーザー数を伸ばしてきたというウェブ魚拓は、今年でオープンから17周年。創業者の新沼大樹さんに、長年の運営経験から出てきた哲学や、新沼さんのメディア観・スタートアップ観について聞きました。（取材場所は愛知県内にある、新沼さんの奥さんのご実家が経営されているレストラン） ーー前回、新沼
JavaScriptのES2023・ES2022の新機能まとめ - ICS MEDIA
JavaScriptの仕様であるECMAScriptはEcma Internationalによって定められています。ECMAScript 2015（ES6）の登場以降は、ECMAScript 2016、ECMAScript 2017･･･と、年次で仕様が更新されています。ECMAScript 2022（ES2022）は2022年6月22日のEcma InternationalのGA 123rd meetingにて、ECMAScript 2023（ES2023）は2023年6月27日のGA 125th meetingで承認されました。 ES2022とES2023はすでに多くのブラウザやNode.js環境で利用可能です。本記事では新仕様と使いどころを紹介します。 ES2023 - 配列の非破壊操作 ES2023では配列を非破壊で操作できるメソッドが追加されています。非破壊とは、元の配列を変更せ
JavaScript のメディアタイプと RFC 9239 | blog.jxck.io
Intro 長いこと作業が行われていた JavaScript の MIME タイプについての作業が完了し、 RFC 9239 として公開された。 これにより、推奨される MIME タイプが text/javascript に統一されることになった。 かつて推奨されていた application/javascript ではなくなった経緯などを踏まえ、解説する。 JavaScript MIME Types HTTP で Response する際に指定する Content-Type は、その内容がなんであるかを Client に Indicate し、適切な処理を促すために使用される。 例えば HTML が text/html であったりするように、 JS も内容はテキストなので text/javascript が自然に思える。 しかし、例えば MS が実装していた JS 互換の JScript
意識のズレを感じたら As-Is / To-Be がおすすめ ― チームでコードレビューに対する意識調査をした話 | Recruit Tech Blog
意識のズレを感じたら As-Is / To-Be がおすすめ ― チームでコードレビューに対する意識調査をした話 wakamsha As-Is / To-Be とは？ 現状と理想のギャップを的確に認識し、取り組むべき課題を抽出したうえで行動に移すためのビジネスフレームワークです。 As-Is: 現在の状態がどうであるかを表すもの。 To-Be: 理想の状態を表すもの。実現可能かどうかの制約を受けない純粋な理想（= あるべき姿）のことを指す。 主に計画や戦略の立案時に利用されるものですが、チームビルディングにおいても有効です。 理想のチームに到達するには解決すべき課題が多数存在するものですが、そういった課題が明確に把握されてることは稀です。解決するには対象である課題を明確に把握せねばなりません。 As-Is / To-Be モデルは、現状と理想とのギャップを洗い出すだけのツールです。しかし、
ジョイのボーイズクラブ｜MITメディアラボ所長の辞任騒動をめぐる覚書 【若林恵】｜黒鳥社｜blkswn publishers Inc.
TEXT BY KEI WAKABAYASHI 【まえがき】 下記に掲載したテキストの骨子は、伊藤穰一さんがMITメディアラボ所長を退任した直後に書いたもので、どこかに出そうかどうしようか迷っているうちに思わぬ時間が経ってしまった。 騒動の顛末については、特に終盤になってからかなり熱心に追いかけていたので、新しい情報が出てくるたびにSNSで大騒ぎになるのをリアルタイムで、こういうと大変失礼だが、手に汗握りながら見ていた。 MITメディアラボには、一度ばかり取材に行ったことがあるし、伊藤穰一さんには取材などで何度もご協力いただいたことがあるが、個人的にメールをやりとりするような間柄ではなかった。お話はいつも面白く、キレキレなので、もちろんリスペクトしていたが、MITメディアラボという組織に関して言えば、ある時期から興味を失っていた。なかには好きな研究者もいたが、表立って目立つものと言えばイノ
積極的勧奨控え8年 HPVワクチン効果、国内外で報告：朝日新聞デジタル
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
「ワクチン予約システムに欠陥」～この報道は犯罪？不適切？～メディアへの抗議や批判を検証する（江川紹子） - エキスパート - Yahoo!ニュース
新型コロナのワクチン接種を巡っては、各地で予約に伴う混乱が生じているが、それでも高齢者の接種は徐々に進んでいる。東京、大阪での大規模集団接種センターの予約も始まった。ところが、開始早々、予約システムに不備があることが報じられた。センターの設置・運営をする防衛省は、システムの一部修正を表明するとともに、報じたメディアに対し、抗議文を送ったことを明らかにした。 スケジュール優先で不備のまま予約開始 この不備は、架空の接種券番号などを入力しても予約の手続きが出来てしまうこと。予約が完了しても、会場では接種券を確認するため、虚偽予約で接種はできない。しかし、システムをこのままにすれば、予約はあるのに当事者が現れずにワクチンが無駄になったり、あるいは番号を間違えて入力したりした人が、会場に行っても予約がないとみなされて接種できないなどの問題が生じてしまう。かなり本質的で重大な欠陥と言えよう。 5月1
NHKが「歪曲報道」する「外国人実習生失踪」の実態--出井康博
昨年11月の国会で外国人技能実習制度（実習制度）の拡充が決まった。外国人実習生の受け入れが認められる機械・金属や縫製・衣服関係の製造現場、建設業や農業など74の職種に「介護」を加え、就労期限も3年から最長5年へと延長する。昨年6月時点で約21万人に上る実習生の数は、今後さらに増えていくことだろう。 実習制度は、発展途上国への「技術移転」や「国際貢献」を趣旨に掲げている。しかし現実は、日本人の働き手が不足する仕事に外国人の出稼ぎ労働者を補充するための手段である。そんな欺瞞に満ちた制度が拡大されることに対し、私は過去の本サイトでの連載など（2014年11月10日「『実習制度』拡充で『ブラック企業化』する日本」）でも反対を唱えてきた。本来、"親日"の外国人を増やすための制度であるはずなのに、日本で働くうち"反日"感情を募らせる実習生に数多く出会ってきたからだ。
誰の声でも100人の声に変えられる声変換システム - Dwango Media Village(ドワンゴメディアヴィレッジ,dmv)
著者の声を録画・録音して声を変換し元の映像と組み合わせてみた映像です。 このときの変換元の音声は撮影用のスマートフォンで録音しており、部屋の残響が含まれるなど声が少し不鮮明になる収録環境ですが、それでもしっかり声変換できていることがわかると思います。 概要 Dwango Media Villageの廣芝です。 誰の声でも狙った複数の人の声に変えることができる声変換システムを開発し、実際に声を変えることができるデモページを公開しました。 (2022年5月 SeirenVoiceシリーズの製品化に伴いデモページは終了しました。) この記事では、声変換技術を研究開発する際に取り組んだ課題について紹介します。 声の変換技術には、リアルタイム性と品質のトレードオフがあります。 既存の声変換システムはリアルタイム性を重視する傾向がある一方、品質を重視したものはあまり見かけません。 品質を優先した声変換
私の記事が、ヤフーニュース個人からすべて削除された件について｜山本一郎（やまもといちろう）
先日、東京新聞が「地方新聞のヤフーニュースへの掲載料がページ単価0.025円」である旨を掲載していました。 一方で、かねて批判のある通り、スポーツ新聞などが垂れ流す、芸能やスポーツ、ネットの話題などの大量のコタツ記事がヤフーニュースに流れ込んでいます。もちろん、ユーザーが求めるニュースを流すことが収益の最大化に繋がるというのは事業者としては痛いほど分かる一方、ユーザーの読みたいニュースを選別して送り続けることが「フィルターバブル」を作り上げ、社会問題に対する認識や態度が似通った人たちがネット上でクラスター化することで、これらクラスター間を繋ぐ人物や記事が弱くなり、結果として社会がネットにより分断されるリスクがあることは指摘されてきました。 ポータルサイトとしてのYahoo!JAPANの成長の軌跡は、まさにこれらユーザーが読みたいニュースでページビューをかき集め、そこに広告を掲載することで収
データは怖い／ボツの理由／テック女子：東京新聞 TOKYO Web
八月に発足したデジタル編集部の仕事は、ウェブ版の東京新聞で記事を配信すること。速報や紙面で載りきらない長い記事、動画、動くグラフなど多彩な方法でニュースを伝えている。 送り手と読み手の双方向性もウェブの利点だ。どの記事を何人が、どの部分まで、どれだけの時間をかけて読んだのか、いろんなデータが浮き彫りになる。パソコンの画面で、リアルタイムで動く数字の先に、記事を読む人の姿を想像する。 反響をじかに見て取れるのは面白いが、同時に怖い。自分が書いた記事への反応も一目瞭然。ジャーナリズムは数字がすべてではないけれど、記者が数字に無頓着すぎたことも読者離れの一因と思っている。まずは現実を知り、読者を知ることから。
あなたの知らない「詐欺グラフ」の世界（随時更新中）
僕は #詐欺グラフ が何よりの大好物で、ネットやテレビで変なグラフを見かけるたびにニヤニヤしながらフォルダに保存しています。保存先のフォルダ名はズバリ「#詐欺グラフ」。 そんな詐欺グラフの世界を皆さんに共有したいと思い、筆をとりました。（2024/2/6 update） ネタ記事として、順次、ツッコミながら読んでいただければと思いますが、同僚や上司部下、取引先の「詐欺グラフ」に気づけるようにもなるため「ビジネススキルUP」にもつながるおトクな記事としても読むことができます 詐欺グラフとは詐欺グラフとは、一般的なグラフの作り方とは異なる「演出」を加えることによって意図的に錯誤を狙うグラフ のことを指しています。本来、単なる羅列では直感的に理解しづらい数値等を分かりやすく表現するものがグラフであるわけですから、自分の主張を誇大に伝えるために読み手を誤解させる詐欺グラフはとても悪質なものと言える
【2020年】光造形3Dプリンター6種を比較【3機種を購入した経験から】 | Ayumi Media -生き抜く子供を育てたい-
光造形方式の3Dプリンタにはどんなものがあるの？ 相場感はどんな感じ？ 実際に使った人の意見を聞いてみたい！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Instant Username Search
cakes（ケイクス）
Viewst
【10GBASE-T、ついに普及？】電圧レベルは16段階に、増えたエラーは強力な「LDPC」で対策するも回路規模は増大……【期待のネット新技術】
フジテレビ、過去2年間の外資規制違反を総務省から大したペナルティなく乗り切る : 市況かぶ全力２階建
