今まではJavaScriptを使用しないとできなかったことが、たった1行のCSSで簡単に実装できるようになります。フォームのtextareaに文字を入力すると、その文字量に合わせてサイズを自動で変更するCSSの新しいプロパティを紹介します。 下記のように入力された文字量に合わせてサイズを自動で拡張してくれます。また、min-heightやmax-heightを同時に設定できるので、上限下限のサイズを設定することもできます。 CSSの新しいプロパティはfield-sizingです。field-sizingプロパティを使用すると、フォームコントロールのデフォルトのサイズを無効にし、フォームのサイズをコンテンツに依存させることができます。そのため、自動で拡張されるtextareaを実装するのが簡単になります。 参考: Feature: field-sizing CSS property CSSは

追記: 10/11 ハテブでバズっているようで、色々指摘があったので追記 getElement*は動作が早いのでIDやクラス名が自明の場合はgetElement*を使う方がいいと言う意見もあり、また、ページの表示で大量に呼び出されるわけではないからボトルネックにはならないと言う意見もある。 getElement*で返されるオブジェクトは動的な変化に対応しており、querySelector*は動的な変化に対応していないため、場合によってはgetElement*を使うといい。このサイトで遊んでみよう。 https://ja.javascript.info/searching-elements-dom#ref-263 for await ... ofは非推奨なので Promise.allを現代的な書き方にした 顧客先のブラウザが古い場合も考慮して、あえてレガシーな書き方もする場合があるらしい。現

セミナー講演と解説論文執筆の機会を頂きました．関係各位に感謝します． コンピュータビジョン (CV), コンピュータグラフィクス (CG), ロボティクスなどで，特に姿勢推定や姿勢制御などを扱う際にリー群，リー代数の知識が必要になることがある． 具体的には，論文などを読んでいると，回転行列，剛体変換行列，射影変換行列などを表す際に当たり前のように行列指数関数が出てきて，何が何だかわからない (AA略)，ということがしばしば起きる．これを何とか理解したい． いくつか例を挙げると The matrix $E_\mathcal{CW}$ contains a rotation and a translation component and is a member of the Lie group $SE(3)$, the set of 3D rigid-body transformations.

【告知】「ふつうの軽音部」、ジャンプ＋で1/14(日)より連載開始します！！初回は一挙4話配信です！！ 私は原作担当で、作画は「野球場でいただきます」の出内テツオ先生が担当します！！ 毎週日曜更新の週刊連載となりますので、これからどうかよろしくお願いいたします！！

はじめに みなさんは、CSSで三角形をつくる時どのように作っていますか？ borderを使って作っていませんか？ この記事では、CSSで三角形をつくるベストプラクティスを紹介します。 今までの三角形の作り方 See the Pen CSS Masking - Fade out UI by でぐぅー | Qiita (@sp_degu) on CodePen. 今までは、三角形を↑このようにborderを駆使して作成していました。 どうしてこうなるかは、省略しますが、本来のプロパティとは違う使い方でうつくしくないですよね！ この方法のいけてないポイントは以下の通りです。 1. 指定の大きさの三角形をつくるのに、border-widthを使うところ 本来、border-widthは、要素の境界の幅を指定するプロパティで、要素の大きさを指定するプロパティではありません。 理想は、widht と

例えばソフトウェア開発において、 人が増えても納期が短くなるとは限らない 見積もりを求めるほどに絶望感が増す 納期をゴリ押すと、後から品質はリカバリできない これを見て、「だよねー」「あるあるｗ」という人は、本書を読む必要はない。 プログラミングは人海戦術で何とかならないし、「厳密に見積もれ」というプレッシャーは見積額を底上げするし、納期が優先されて切り捨てられた品質は、技術的負債として残り続ける。経験豊富なエンジニアなら、大なり小なり、酷い目に遭ってきただろうから。 だが、これらを理解できない人がいる。 要員を追加して、手分けしてやれば一気に片付くはず 厳密にやれば、見積りバッファーはゼロにできる 品質のことはリリース後にじっくりやればいい ……などと本気で考えている。これは、ソフトウェア開発とはどういうものか、特性を知らないからだ。こんな無知な人間が経営層にいたり、顧客の代表となった場

「住所の揺らぎ程度のことにAIを使いたいだとかデジタル音痴」だの「住所の正規化なんてExcelで2時間あれば作れそう」だの、たいへんフットワークの軽やかな言説の数々に、位置情報界隈のみならず住所の正規化や名寄せに少しでも関わったことのあるエンジニアが総立ちでマサカリを投げていたのも記憶に新しい今日この頃ですが（2023年6月6日）、この手の騒動は周期的に起こってる印象です。 ということはつまり いつまで経っても解消されない、解決が困難な課題である その困難さが界隈以外に共有されていない であるわけで、その都度Twitterにトリビアが投下されてはTLが賑わい華やかではありますが、そろそろ自分の整理としてもどれだけ日本の住所システムがカオスで、その計算機的な処理がいかに困難かをメモっておこうかと思いました。 なおこの件については既にQiitaにGeoloniaの宮内さんが鼻血の出そうな良エン

この中で私が特に気に入ったコマンドは dateround です。次点は dategrep です。この二つは特に強力で、awk やその他のコマンドを使って日時をこねくり回すような「無駄に難解なコード」を書かずに Dateutils のコマンド群だけで大抵のことはなんでもできてしまいます。専用のことをするには専用のコマンドを作ることが重要であることを思い出させてくれるでしょう。 Dateutils の重要な特徴と使用例 大抵のコマンドは機能の説明から想像できると思いますし、公式サイトにも例があるので詳細を一つ一つ説明することはしません。その代わりに「Dateutils の使いこなしに必要な考え方」が分かるような例をいくつか紹介します。 重要な注意点ですが Dateutils はロケールをサポートしていますが、原則としてシステムのロケール情報やユーザーの環境変数には依存していません。内部にロケー

神社の賽銭箱などを壊したとして逮捕された外国籍の男。防犯カメラが犯行の一部始終を捉えていました。 神戸市垂水区にある「瑞丘八幡神社」を撮影した映像。それ確認すると、５月３日の午前９時半ごろ、黄色い服を着た男が境内に現れました。すると…置いてある賽銭箱を蹴りました。 器物損壊の疑いで逮捕されたのは、アフリカのガンビア共和国籍で垂水区に住む無職のママドウ・バルデ容疑者（２９）です。ママドウ容疑者の犯行は他にも…。 別の防犯カメラには、手を清める手水舎にある竹筒を引きちぎったり、別の賽銭箱の上に置いてあった木箱を地面に叩きつけたりする様子も映っていました。 （瑞丘八幡神社・宮司） 「本当に残念ですね、その一言に尽きます。（当時、参拝していた女性は）『（神様は）イスラム教のアッラーしかいないから、ここに神様はいないのでここで祈るな』と言われたと、うかがいました」 ママドウ容疑者は警察の調べに対して

nextauth.js でシングルサインオン機能を実装する場合、SlackなどはアプリケーションがHTTPS接続をサポートしていることが前提となっており、開発時にもHTTPSのサポートが必要となる場合があります。このような場合には、local-ssl-proxyを利用して、リバースプロキシのようにする方法が簡単で便利です。 以下、LOCAL環境＝Windows PC、という前提です。 local-ssl-proxyのインストール local-ssl-proxyはグローバルインストールしかサポートしていません。ので、グローバルインストールします。

はてぶの上位にちょいちょい載ってるTBS系のニュースサイト、newsdig.tbs.co.jpについて。 https://b.hatena.ne.jp/site/newsdig.tbs.co.jp/ 何がヤバいかって、くっそ巨大なCookie(LocalStorageとかも含むのか知らんけど)をしこたま保存してんのよ。 気付いた時点では640MBも占有してた。別に巡回チェックしてるわけでもなく、話題に挙がってたら見てみることもある程度のアクセス頻度なのだが。 Chromeユーザーはアドレスバーに↓コピペして確認してみてくれ。 chrome://settings/content/all?searchSubpage=tbs.co.jp&search=cookie 試しにCookie消去してから、ただ開いただけでサイト上で何の遷移もしてないのに279MBも保存された。 次点ではpresi

虫が光に引き寄せられる理由がついに判明！虫が光に引き寄せられる理由がついに判明！ / Credit:Canva . ナゾロジー編集部多くの人々にとって、街灯や勉強机の明かりに虫たちが集まっている風景は身近なものでしょう。 夏場のコンビニの軒先など設置されている害虫駆除装置も光に誘引される虫たちの性質を利用したものであり、近づいてくる虫たちに「バチッ」という音とともに電撃を与え感電死させるものとなっています。 ただなぜ虫たちが光に集まるのか、その根源的な理由については謎となっていました。 たとえば有名な4つの仮説（①～④）をみてみると ①「虫には光に向かって飛ぶ走性があるとする説」に対しては先に述べた通り、そもそも虫には近場の光源に直接向かうような行動がほとんどみられず多くは垂直に直交するような飛び方をします。 ②「月の光を頼りに航行してるところを人工光源によって混乱したとする説」は長らく最

JASRAC許諾第9009285055Y45038号 JASRAC許諾第9009285050Y45038号 JASRAC許諾第9009285049Y43128号 許諾番号 ID000002929 ABJマークは、この電子書店・電子書籍配信サービスが、著作権者からコンテンツ使用許諾を得た正規版配信サービスであることを示す登録商標(登録番号 第6091713号)です。

Welcome to the space elevator, the only elevator that goes to space.

週末に黒柴の男の子を迎えるんだけど、名前が一向に決まらない。というか決められない。 というわけで、名前募集します。 最優秀賞にはカラースター進呈！ 落ち着いたら、動画とか写真UPするのでウチのかわいい子犬を見てくれよな！

» 関東初出店！ 大阪発の台湾朝食専門店の『揚げ饅頭練乳がけ』が悶えるほどウマかった！ 飯田橋「ワナマナ」 特集 近年都内では、ルーローハン（魯肉飯）やジーパイ（鶏排）などを提供するお店が増えており、台湾式の朝食にも関心が集まっている。そんななか、2023年4月7日東京・飯田橋の商業施設「飯田橋サクラテラス」に、大阪発祥の台湾朝食専門店「ワナマナ（wanna manna）」がオープンした。 本格的なメニューを手軽に食べられることから、大阪店は行列ができるほどの人気なのだとか。オープン初日にお店を利用してみたら、イイ！　めっちゃイイ!!　とくに揚げ饅頭（マントウ）の練乳がけは悶える美味しさだった～！ ・品数が多い！ 台湾の朝食といえば、粥のイメージが強いかもしれない。だが最近は豆乳スープの「鹹豆漿（シェンドウジャン）」や、台湾式クレープ「蛋餅（ダンピン）」などを出す専門店も増えているようだ。

自分で「放送開始の初回を忘れないように」といいつつ、こうやって忘れるというか書く時期がずれているが、いまは一話を無料配信してくれるサブスクがあってありがたい。 スキップとローファー #1【最新話】 ABEMA アニメチャンネル 4月11日(火) 23:00 〜 23:30 詳細情報 月刊アフタヌーン（講談社）にて連載中の共感度MAXのスクールライフ・コメディ！ 地方の小さな中学校から、東京の高偏差値高校に首席入学した岩倉美津未。 カンペキな生涯設計を胸に、ひとり上京してきた田舎の神童は、 勉強はできるけれど距離感が独特でちょっとズレてる。 だから失敗することもあるけれど、その天然っぷりにクラスメイトたちは やわらかに感化されて、十人十色の個性はいつしか重なっていく。 知り合って、だんだんわかって、気づけば互いに通じ合う。 だれもが経験する心のもやもや、チリチリした気持ち。 わかりあえるきっ

GPT4が登場してChatGPTが盛り上がってますね。 本記事は、GPT（を支えるTransformerという仕組み）をChatGPTユーザにとって分かりやすく説明し、その能力と限界についての見通しをよくしよう、という趣旨になります。 少し長くなりそうなので、全部で記事を3回に分けようと思います。 （１）大まかな背景と概要：本記事 （２）GPTの能力と可能性：実際の使用例とTransformerの仕組みを踏まえて説明 （３）GPTの限界と未来展望：Transformerの仕組みが持つ限界と研究の進展を予想 GPT3と4の違い： トークン長とは何か？ まずここから話を始めます。GPT-3は、パラメータ数が750億個（850GBの容量を食う）でトークン長が4097(GPT-3.5)でした。GPT-4は、パラメータ数は非公開でトークン長は32768ですので、ちょうど8倍になります。 さて、トーク

やまざき・はじめ／1958年、北海道生まれ。東京大学経済学部卒業。現在、楽天証券経済研究所客員研究員。株式会社マイベンチマーク代表取締役。東京大学を卒業後、三菱商事に入社。野村投信、住友生命、住友信託、メリルリンチ証券、パリバ証券、山一証券、明治生命、UFJ総研など、計12回の転職を経験。コンサルタントとして資産運用分野を専門に手掛けるほか、経済解説や資産運用を中心に、メディア出演、執筆、講演会、各種委員会委員等を務めた。2024年1月1日、永眠。 山崎元のマルチスコープ 旬のニュースをマクロからミクロまで、マルチな視点で山崎元氏が解説。経済・金融は言うに及ばず、世相・社会問題・事件まで、話題のネタを取り上げます。 バックナンバー一覧 経営危機に陥ったクレディ・スイスをUBSが買収し、救済することになった。スイスの名門金融グループがこのような憂き目に遭った理由は、金融ビジネスの「毒」に耐え