ウェブページに「数値の入力欄」を実装する際はテンキーの存在を考慮する必要あり
ウェブページ上には「クレジットカード番号」「郵便番号」「電話番号」といった数値の入力欄が存在することがありますが、実装方法によってはブラウザの挙動によって入力内容が変化してしまったり、テンキーでの入力を受けつけなくなってしまったりします。そこで、数値入力欄の実装時に気を付けるべき点をまとめてみました。 KeyboardEvent - Web API | MDN https://developer.mozilla.org/ja/docs/Web/API/KeyboardEvent Why the GOV.UK Design System team changed the input type for numbers – Technology in government https://technology.blog.gov.uk/2020/02/24/why-the-gov-uk-desig
「IKEAの椅子に座るとPCの画面が真っ暗になる」という怪現象の理由が判明
エンジニアのFelix Häcker氏が「IKEAで購入した椅子に座ったり立ち上がったりすると、PCのモニターが突然真っ暗になる」という不思議な現象を報告しています。 Felix Häcker: "So folks, don't forget to chec…" - Mastodon https://mastodon.social/@haeckerfelix/110272427676278609 Häcker氏は数週間前から、PCの画面が数秒間突然真っ暗になる現象に悩まされていたとのこと。すべてのケーブルを交換したり、モニターのケーブルを別の端子に差し込んだりしましたが、何の変化もなかったこと。ただ1つだけ、IKEAで購入した「MARKUS」というモデルの椅子を使い始めてから不思議な現象が起こるようになったことから、このIKEAの椅子が関連しているのではないかとHäcker氏は考えました。
無料でキャラクターボイスを自動で合成してくれるAIトークソフト「COEIROINK」は誰でも超簡単に創作物の「声」を作り出せる
シロワニさん氏が趣味で開発したというWindows向けのAIトークソフト「COEIROINK(コエイロインク)」が無料で公開されています。COEIROINKは連絡不要で商用利用もOKなフリー素材キャラクター・つくよみちゃんに好きなテキストを誰でも簡単に読み上げてもらうことが可能なので、自作アニメやボイスドラマのキャラクターボイス、実況動画や解説動画のナレーションなどの作成にお役立ちです。 COEIROINK https://coeiroink.com/ ✨COEIROINKリリース✨ 無料の音声合成エンジン「#COEIROINK」が登場！ 文章を読み上げます！ ■公式サイト⇒https://t.co/66YStrCYu0 ■COEIROINK開発：シロワニさん様 @shirowanisan ■VOICEVOX開発：ヒホ様 @hiho_karuta 第１弾は「#つくよみちゃん」！ 商用利用O
画像ファイルやデータベースの文字列を「grep」のように検索できる「ripgrep-all」
Linuxのコマンドラインで文字列を検索する際に必要不可欠なコマンドといえば「grep」です。しかし、grepは動画ファイルやPDFファイルの文字列を検索できないのが弱点。そんなgrepの弱点を克服し、動画ファイルのメタデータやデータベースのレコード、画像ファイル内の文字列まで検索可能なコマンドが「ripgrep-all(rga)」です。 GitHub - phiresky/ripgrep-all: rga: ripgrep, but also search in PDFs, E-Books, Office documents, zip, tar.gz, etc. https://github.com/phiresky/ripgrep-all rgaはLinuxに限らずWindowsやmacOSでも利用することが可能。今回はUbuntu 20.04でrgaを利用してみます。以下のコマンドを
二度と使えないレベルで割れたお皿を味のある器として復活させる「簡単！ おうちで金継ぎ」を使ってみた
形あるものはいつか壊れるとは言うものの、お気に入りの器をうっかり割ってしまった時の悲しみは深く、もう二度と使えないのはわかっていながらも捨てられずに「いつか修復に出す……」とズルズル保管してしまっていたところ、おうちで割れたり欠けたりした器を復活させることが可能な「大人のおしゃれ手帖特別編集 簡単! おうちで金継ぎ」を発見。果たして初心者でも死んだ器を生き返らせることができるのか……？ということで、実際に付録の金継ぎセットを使ってお皿の修復に挑んでみました。 大人のおしゃれ手帖特別編集 簡単! おうちで金継ぎ (TJMOOK) | |本 | 通販 | Amazon これが「大人のおしゃれ手帖特別編集 簡単! おうちで金継ぎ」(宝島社) MOOKは24ページの冊子と金継ぎセットが一体となっており、厚さは3.7cmほど。 冊子の部分をめくってみると、目次は「基本の金継ぎ」「LEVEL.1 ひび
Windowsの「タスクマネージャー」を開発した本人が直々に使い方や知られざる機能を伝授
by Christiaan Colen Windowsで現在起動しているプログラムやCPUの使用状況などを確かめたい時に、真っ先に思いつくのが「タスクマネージャーを使う」ことです。そのタスクマネージャーを約25年前に開発したMicrosoftの元エンジニアであるデビッド・プラマー氏が、直々に使い方や知られざる機能を説明しています。 I wrote Task Manager and I just remembered something... : techsupport https://old.reddit.com/r/techsupport/comments/gqb915/i_wrote_task_manager_and_i_just_remembered/ プラマー氏は1993年からMicrosoftに勤務していたそうで、1994年頃、タスクマネージャーのプログラムである「TaskMgr
Chrome・Firefox・Edgeなどブラウザは初回起動時にどのような通信を行っているのか
by Thomas William Microsoftの元エンジニアであるSampsonさんが、Google ChromeやFirefox、Microsoft Edgeなどのウェブブラウザを初めて起動した際に、ユーザーの見えない場所でどのような通信が行われているのかを調査し自身のTwitter上で詳細なデータを公表しています。 Sampson(@jonathansampson)さん | Twitter https://twitter.com/jonathansampson ◆Google Chrome Windows 10上で初めてGoogle Chromeを起動した場合、32件のリクエストが作成され、7.26MBのデータがダウンロードされます。 What happens when you launch Google Chrome for the first time on a Windo
ひっそりとパブリックドメイン化された膨大な書籍が電子書籍となって無料ダウンロード可能となっている
by Min An パブリックドメインとは、著作物や発明などについての知的財産権が消滅した状態を指す言葉で、人々はパブリックドメイン化された創作物を自由に入手したり利用したりできます。アメリカではミッキーマウスのパブリックドメイン化を恐れたディズニーのロビー活動などによって、著作権の保護期間が次々に延長されてきた歴史がありますが、「大量の書籍が人知れずひっそりとパブリックドメイン化していた」とアメリカメディアのViceが報じています。 Where to Download the Millions of Free eBooks that Secretly Entered the Public Domain https://www.vice.com/en_us/article/kz4e3e/millions-of-books-are-secretly-in-the-public-domain-
ある日突然無断で他人の建物をショベルカーで破壊する企業は「反社会的勢力」ではないのか？
2019年2月16日、地主のYさんとパワーエステート株式会社が突然GIGAZINE第一倉庫をショベルカーで破壊。法的な正規の手続きを一切無視して破壊するのは「建造物損壊」ではないのか？ということで警察が被害届を受理したその翌日、3月28日に新たな地主「日新プランニング株式会社」が2回目のショベルカーによる破壊を強行。そして4月1日、日新プランニング株式会社はさらに3回目の破壊をしに来ることがわかりました。 ◆2019年03月29日 23時00分 ある日突然自分の建物を他人がショベルカーで破壊しても「建造物損壊」にはならないのか？ - GIGAZINE ◆2019年03月31日 20時02分 続・ある日突然自分の建物を他人がショベルカーで破壊しても「建造物損壊」にはならないのか？ - GIGAZINE ◆ショベルカー、三度登場 日新プランニング株式会社による2回目の破壊が行われる前日夜の間に
ある日突然自分の建物を他人がショベルカーで破壊しても「建造物損壊」にはならないのか？
大阪市西淀川区にあるGIGAZINE旧本社へ編集長たちが自動車で荷物を取りに行ったところ、なんと斜め前にあるGIGAZINE第一倉庫がショベルカーでぶっ壊されている真っ最中の現場に偶然遭遇しました。 ◆所有している倉庫が見知らぬショベルカーに破壊されていた 現場はココ、2019年2月16日のことです。現場到着して確認直後からすぐ録音開始しているため、以降の様子はすべて音声データが存在していますが、記事執筆時点で警察が捜査中とのことなので、支障が出ないように専門的で詳細な部分はあえて省略し、被害届や供述調書に沿った事実関係のみで記事化しています。 上記の倉庫がこんな感じに。 解体業者がショベルカーで破壊中。もちろんすぐに「ここはうちの名義になっているし、登記して権利を所有している。火災保険もかけているし、税金も払っている。何かの間違いではないか」と伝えたところ、「上の不動産会社の社長から取り
博物館が一生懸命、標本をデジタル化してオンラインへ移行し誰でも閲覧可能にしている
生物の種や型などに学名を与える際に基礎となる模式標本をデジタル化して、オンラインで誰でも無料で3Dモデルを閲覧できるプロジェクトをベルリン自然史博物館が進めています。 ZooSphere Specimen Web Hub - Access interactive high resolution images sequences of biological collection objects http://www.zoosphere.net/ Museum Specimens Find New Life Online - The New York Times http://www.nytimes.com/2015/10/20/science/putting-museums-samples-of-life-on-the-internet.html ベルリン自然史博物館では、6階建ての建物の大
江戸開府以前から昭和後期までの貴重な古地図をブラウザで見まくることが可能な「ゼンリンバーチャルミュージアム」
日本最大手の地図制作会社のゼンリンがこれまでに収集した国内外の古地図をデジタル化して公開しているサービスが「ZENRIN Virtual Museum」です。江戸開府以前から昭和後期までに作成されたさまざま種類の地図が約220個も公開されているとのことなので、実際に古地図を見まくってみました。 ゼンリンバーチャルミュージアム http://www.zenrin.co.jp/zvm/ 上記URLを開いたら「Collections 公開地図一覧」をクリック。 公開地図一覧のページでは「時代」と「分類」から公開されている地図を検索可能。公開されている地図の時代は「江戸開府前」から「昭和後期」まで多岐に及んでいます。 例えば、「江戸開府前 (～1602)」をクリックして「日本図」をクリックすれば…… 江戸開府前に作成された日本図が表示されます。サムネイルをクリックすると…… 選択した地図が表示され
台湾の夜市で1300円出せば12品飲み食いする事ができる
台湾といえば「食べ物が安くて美味しい」というイメージがありますが、「グルメの街」台南にて、アラサー女が限界まで食べ尽くしてきました。 こんにちは！世界新聞特命記者の赤坂惟名です。世界一周中の私は、先日まで日本人にも馴染みのある台湾に滞在していました。その中でも台南市は台南小吃(シャオチー)で知られる「グルメの街」として有名です。 Wikipediaの小吃の項目によると、小吃とは「店や屋台で食べる中華の一品料理のこと。『小』は軽い、『吃』は食べるという意味から日本語に直訳すれば『軽食』『スナック』になるが、中華文化圏のニュアンスはかなり異なる。麺類や、餃子・焼売・饅頭などの包子(パオズ)、粽や餅から、肉料理、炒飯や魯肉飯などのどんぶり料理までを含む一品料理である。もちろん杏仁豆腐などの甘いものも含まれる」とあります。 台湾は本当に軽食屋さんで溢れています。こちらは、とある街で食べた蒸し餃子。
恐竜の化石やミイラの一部などを樹脂の中に閉じ込めた持ち運べる博物館「Mini Museum」レビュー
「数十億年前の恐竜の化石」「アポロ11号のコマンドモジュールを覆っていたホイル」「紀元前350年ごろのエジプトのミイラの巻き布」「ベルリンの壁」「ドラキュラ城の土壌」など、歴史的に貴重なものの破片を樹脂の中に閉じ込めた、持ち運べるサイズのミニ博物館が「Mini Museum」です。 Mini Museum http://www.minimuseum.com/ Mini Museumはこんな感じのケースに入って到着。ケースの側面には「3436」というシリアルナンバーが書かれています。 箱をパカリと開けると、まずはメッセージカードが現れます。 Mini Museum本体は灰色の巾着の中に緩衝材に包まれて入っていました。 手に持ってみるとこんな感じ。表面にはビニールシートが貼ってあります。 ぺりぺりと剥がすと…… たくさんの化石や歴史的な物質が閉じ込められたMini Museumの全貌が明らかに
無料で自由に利用できる歴史的画像1400万枚を公開するプロジェクト
インターネット上のあらゆる情報を記録・保存するインターネット・アーカイブが所有するパブリックドメインの電子書籍200万冊から、1400万枚の画像を抽出して無料で公開するプロジェクトが開始されました。対象となった書籍は過去500年に発行されたもので、医療に関する資料から風刺画までジャンルはさまざま。全て無料でダウンロードでき、商用利用することも可能です。 Millions of historic images posted to Flickr | Internet Archive Blogs https://blog.archive.org/2014/08/29/millions-of-historic-images-posted-to-flickr/ 同プロジェクトのFlickrアカウントにはすでに260万以上の画像がアップロードされており、今後も1日に1000冊以上のペースでコレクション
ロードバイク乗りがスネ毛を剃ることで生まれていた最大のメリットとは？
By Erwin Bolwidt 街なかで見かけることが多くなったロードバイク乗り(ローディ)の多くに共通している特徴と言えば、「ピチピチのレーシングジャージ」に「ツルツルに剃りあげられた足」を思い浮かべる人も多いはず。ローディにとっては「カッコいい」と思っているスタイルなのに興味のない人には奇妙にうつることもあるものですが、実はスネ毛を剃ることでパフォーマンスに大きな影響を与える効果が生まれていたことが明らかになってきています。 The curious case of the cyclist’s unshaven legs - The Globe and Mail http://www.theglobeandmail.com/life/health-and-fitness/health/the-curious-case-of-the-cyclists-unshaved-legs/arti
片手で持ち運べて野外でも使えるどこでもソファ「ワンハンドキャリーソファ」を使ってみた
「好きな場所で好きなコトを。自由人のための持ち出せるインテリア」ということで、インテリアのデザイン性とアウトドアギアの携帯性を金合わせたのがGoing Furniture(ゴーイングファニチャー)のインテリア。今回はソファなのに折りたたんで片手で持ち運べるという「ワンハンドキャリーソファCS2-141」を借りることができたので、どんな感じなのか、実際に使ってみました。 ワンハンドキャリーソファCS2-141［Going Furniture(ゴーイングファニチャー)］ http://www.goingfurniture.jp/product/cs2-141/ ワンハンドキャリーソファCS2-141が到着。 箱を開けてみると、ビニール袋に包まれたワンハンドキャリーソファと…… 取扱説明書が入っていました。 ということで、これがワンハンドキャリーソファ。 身長150cmの女性の隣にワンハンドキャ
ドラえもん＋コロ助＋パーマン＋ドラミちゃん＋チンプイ＋ゴンスケが超合金超合体したSFロボ登場、ベレー帽・カブラペン・タイムマシンも装備
超合金40周年と藤子・F・不二雄80周年を記念し、「ドラえもん」「ドラミ」「パーマン」「コロ助」「チンプイ」「ゴンスケ」をモチーフにした計6体のロボットと、藤子・F・不二雄氏になじみ深い「ベレー帽」「カブラペン」「タイムマシン」をモチーフにした計3体のメカが変形・合体する「超合金 超合体！SFロボット 藤子・F・不二雄キャラクターズ」が2014年11月29日の日本発売を皮切りに、世界15カ国で順次発売されることが発表されました。 超合体！SFロボット 藤子・F・不二雄キャラクターズ スペシャルページ | 魂ウェブ http://tamashii.jp/special/sf_robot/ 全員集合 合体するとこうなります ◆ドラえもんロボット（作品：ドラえもん） 合体時にはボディになる。単体時にはベレー帽型メカ、カブラペントライデントを装備可能。 ◆ドラミロボット（作品：ドラえもん） 合体時
Photoshopで30分かかっていた作業がわずか1分でできるようになる「神速Photoshop [Webデザイン編]」
「学校では教えてくれない、89の時短テクニック」「自己流で時間をムダにしていませんか？ウェブデザインをもっとラクに、もっとすばやく」ということで、かなり実践寄りの効率的なテクニックばかりを集めたのが「神速Photoshop [Webデザイン編]」です。ちょうどPhotoshop CC＋Lightroom 5が月額980円で使える「Photoshop 写真家向けプログラム」を使い始めたところだったので、しげしげと読んでみてお役立ちっぽいのがないかどうか探してみました。 まず以下が神速デザイン五カ条、「ショートカットを活用しよう」「最新機能を使いこなそう」「目的によってツールを使い分けよう」「「直し」に強いデータを作ろう」「面倒な作業は自動化しよう」ということで、どれもこれもごもっともな感じ。人は放っておくと今までの慣れ親しんだやり方が非効率的であっても「慣れているから」というただそれだけの理
![Photoshopで30分かかっていた作業がわずか1分でできるようになる「神速Photoshop [Webデザイン編]」](https://cdn-ak-scissors.b.st-hatena.com/image/square/0c41fbe4b12f924168669811ff3092c3f86d6551/height=288;version=1;width=512/https%3A%2F%2Fi.gzn.jp%2Fimg%2F2014%2F04%2F04%2Fphotoshop-god-speed-web%2FP1930188.jpg)
商用でも無料で使える2種類の日本語フォント「刻明朝」「刻ゴシック」
漢字に比べて平仮名・カタカナを幅ごと小さくデザインし、文章全体を表示させた時の統一感を重視したフォントが「刻」シリーズです。明朝体の「刻明朝フォント」とゴシック体の「刻ゴシックフォント」の2種類が用意されている「刻」シリーズは無料でダウンロードでき商用・非商用問わず自由に使用可能になっています。 フリーフォントの樹 http://freefonts.jp/ その字体が持つ雰囲気はもちろんのこと、両フォントが特徴としているのは仮名と漢字の大きさにアクセントを付けたデザイン。何行にもわたる長い文章を表示させたときに、紙面そのものが一つの模様であるような統一感のある美しさを演出するように作られています。 刻明朝体で文章を表示させるとこんな感じ。 漢字とかな文字のサイズの違いがメリハリを与えています。 一方の刻ゴシック体で同じ文章を表示させたらこんな感じ。ページ全体から受ける印象は、刻明朝体と大き
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
