タグ

2022年3月1日のブックマーク (3件)

  • 日本のプログラミング教育を支援するカリキュラム「CS First」を公開

    2020 年度の学習指導要領改訂に伴い、小学校におけるプログラミング教育が必修化されました。Google では、Google.org を通した特定非営利活動法人みんなのコードの教材開発および教員研修への ご支援 や、文部科学省が協力企業と連携した総合的な学習の時間におけるプログラミング教育を推進する「 みらプロ 」への AI プログラミングのツールやカリキュラムの提供 などを通して、子どもたちが、性別や家庭環境に関わらず、公教育の中でプログラミング教育を受けられるよう取り組んでいます。本日は、その取組の一環として、新しく日本のプログラミング教育を支援するカリキュラム「 CS First 」を公開しましたので、本ブログにてご紹介します。 日本におけるプログラミング教育 特定非営利活動法人みんなのコードが Google.org の支援のもと調査した、国内の学校教育における「 プログラミング教育

    日本のプログラミング教育を支援するカリキュラム「CS First」を公開

  • label で input[type="file"] を装飾するな

    input[type="file"] な要素を装飾する方法を検索したときに、次のような間違った label 要素の使い方を紹介する記事ばかりヒットするのが気になったので書きました。label 要素を使っても問題ない場合もありますが、間違った使い方をしている（しようとしている）人に届きやすいようにこのような表題にしています。 何が問題か 上記の方法は input 要素を display: none で非表示にし、label 要素を使ってヒット領域を拡大させて「ファイルを選択」ボタンを表現するという方法ですが、この方法ではフォーカスが当たりません。また、tabindex 属性に非負の値を設定しフォーカスを当てられるようにしても label は clickable な要素ではないので Space / Enter キーで click イベントを発火することができません。 どうするべきか butto

    label で input[type="file"] を装飾するな

  • これだけは押さえよう！住所フォームの作り方 - ケンオールブログ

    まとめ 住所フォームの作り方 住所フォームを作るときには以下の4つを押さえましょう。 オートコンプリート機能に最適化する 郵便番号フィールドは1フィールドにしてハイフン有無どちらも対応する モバイルUX優先なら郵便番号が入力されたら即座に補完。精度優先なら郵便番号補完ボタンを設置 住所フィールドは「都道府県」「市区町村」「町名以下」の3フィールドが基本。「建物」フィールドはオプション 本文 地域SNSのユーザー登録、ECサイトの配送先入力、資料請求、自治体サイトでの電子申請など、ウェブサービスを活用する上で住所入力は欠かすことができません。 住所入力をシンプルかつ正確に行えるような入力インタフェース（住所フォーム）は、離脱率を減らし、コンバージョン率を向上させる上で重要です。 郵便番号を入力すると対応する住所を自動入力する機能（郵便番号による住所補完）は、住所フォームの改善方法として最も効

    これだけは押さえよう！住所フォームの作り方 - ケンオールブログ

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.