フォームの入力欄のラベルが入力時にふわりとフロートして移動するのをCSSのみで実装するテクニックを紹介します。 HTMLはinputとlabelで非常にシンプル、余計なspanなどはありません。ラベルのフロートはCSSで実装されており、コピペで簡単に使用できます。

昨年、とあるスタートアップ企業に入社をしました。職種は広報。 元々はそこそこに大きな会社で広報をしていたのですが、既に有名になっている企業のサービスではなく、まだ世の中に知られてないいいサービスを社会に広めたいと思い、今の会社に転職。 自分の思い描いた環境に来たはずだったのですが、求められる広報活動が思っていたものと異なっており、日々悶々としています。 何に悶々としているかというと、社長が世の中に発信したがる情報が基本的に嘘なのです。 ユーザー数が実際には500しかいないのに、「ユーザー数50000人突破」みたいなプレスリリースをつくることを要求されることがしばしばです。 嘘のネタをまとめて、嘘のネタを元にメディアにアタックし、嘘のネタを元に記事をつくってもらう。こんなことを常に繰り返しており、もうずっと胃がキリキリしています。 数字を盛るのはやめましょうと何度も社長に言っていますが、プレ

ここで伝えたいこと すごいプロダクトやサービスをつくっても売れなければ事業にならない すごいプロダクトをつくれる、たくさん売ることができる、顧客も社会もハッピーにできる、どうせ仕事するならそんな環境で働きたい そういう組織は組織内の多様性が尊重されていて、その多様性が大きな知恵を生み出す Leanerでは組織づくりを何のためにやるか（Leanerが考える多様性とは何か） Leanerは「調達のスタンダードを刷新し続ける」ことをミッションにしてます。ただ単に事業として成功するだけでなく、調達という業界のスタンダードを刷新することを意識してます。 ExcelやiPhoneのように世の中に当たり前に使われるプロダクトをつくりたいと思ってます。（Excelが良いプロダクトなのかどうかは別として） 世の中のスタンダードとなるようなプロダクトを生み出すためには、今までにない価値観、顧客や業界への理解、

・ビバリーヒルズ ・カンフーパンダ ・サンダーボルト 意外とない。 ウスターソースとかはーを2回使ってるのでなし。

深澤直人が「つくる」理由。デザインと工芸、科学を行き来する「いいカタチ」の求道者 デザインとは会話の中でふと生まれる、気の利いた冗談みたいなもの。長い時間考え抜いて、答えを出すようなものではありません。 2023.07.04 デザイナー、深澤直人。 氏が、かねてよりひときわ目を向けてきた分野に、「民藝」「工芸」がある。 2012年より日本民藝館の館長を務めているほか、2010年代には民藝や工芸にまつわる展示を幾度も主導してきた。 その一方で、いま改めて「科学」にも注目している。2022年4月には、デザインと科学の繋がりの探求に取り組む「THE DESIGN SCIENCE FOUNDATION」も設立。2023年3月にはその最初のアウトプットとして『DESIGN SCIENCE_01』を出版した。 片や民藝・工芸、片や科学。一見するとかけ離れた領域にも思える両者を行き来して深澤が探求するの

はじめに Obsidianという素晴らしいプロダクトが登場してから、デジタルノート術は活発化したと思います。私もその１人で、今日も楽しくObsidianを使っています。 しかし、その一方であまりノート術にこだわりが強くない方や深く理解するほど価値を感じていない人の中ではまだまだ単なるメモ帳として使われている現状があります。 そこで、今回は「がんばらない」Obsidianノート術として、「こだわりすぎない」「多様な原理原則がない」形で『書く』習慣を付けるためのノート術を書きました。 そんなノート術であったとしても、今後ノートを分解していけるような構造にしておくことで、今後の拡張性を残しています。ぜひ「難しくて挫折しまった」という人はチャレンジしてみてください。 『書く』ことで整理術は生きる Personal Knowledge Managementはの概念やLYTといった考え方は斬新で、とて

さくらインターネットが推進する働き方の多様性を実現するための取り組みとは？ >>詳細を見てみる 反対するなら代案を用意しろと言われたことはありませんか？ ミーティングや打合せの席で「反対するなら代案を出せ」という言葉を耳にしたことはないだろうか。 「この計画でいきたいと思う！」 「反対！」「断固反対！」 「反対するなら、代案を出せ！」「代案がないやつに反対する権利はない！」 こんな光景がいまこの瞬間も日本のどこかで繰り広げられているとなんともいえない気分になる。 僕は 30年近く会社員をやっているけれども、数えきれないほど「代案を出せ」という言葉を耳にしてきた。「意見を言え」「対案はないのか」といったバリエーションまでカウントしたら、数百回にはなるはずだ。 「耳にした」「その場に居合わせた」だけではない。僕自身、そう言われてきた。一方で僕自身も「代案を出せ」的な言葉を言ってきた。事前に何も

はじめに 株式会社スペースリー フロントエンドエンジニアの宮坂と申します。 ふだんは3Dビューアやその編集画面のDOM部分をReactやVueで書きつつ、たまにフロントエンド開発環境構築おじさんとして他チームへ出しゃばったりして生きています。 今回はその環境構築に関わるところ、Vue 2 から 3 へ移行しようとしたらいちばん大変なのが Vuetify 2 から 3 への移行だった話を書きます。 レガシーを生かしつつアップグレードする苦労話としてニッチに刺されば幸いです。 経緯と背景 Vue 2 のEOLまで1年を切って スペースリーはサービスインから6年以上経つこともあり、技術スタックはプロジェクトによって新しいものもあれば、今となっては古いものもあります。 リリースから日が浅いパノラマ変換3Dプレイヤーは2023年6月時点でエンドユーザー向けの部分がReact 18で、事業者向けの部分

はじめに この記事はニジボックスQiita記事投稿リレーの2日目の記事です🌈 TypeScript（Reactなし）のフロントエンド実務現場で1年半ほど業務してきたうえで、頻繁に使うTypeScriptのテクニック（tipsレベルですが）をまとめていきます。タイトルはちょい盛りです。 手続き型でDOMを直接ゴリゴリいじくるイベント駆動のスタイルで、いわゆるモダンフロントな現場ではないという点、あらかじめご承知おきください。 1. 自分で定義した型に型ガードする 1-1. ユーザー定義型ガードについて TypeScriptではtypeof、instanceof、inなどの演算子を用いて変数を型ガードできますが、これらの演算子では自分で定義した型へは型ガードすることができません。 type Hoge = "hoge" | "fuga"; const attr = document.query

はじめに Turing 株式会社のリサーチチームでインターンをしている東京工業大学 B4 横田研究室の藤井(@okoge_kaz)です。 自然言語処理分野における大規模深層学習の重要性は日に日に高まっていますが、GPT-3, GPT-4 などのモデルの学習には膨大な計算コストがかかり、容易に学習できなくなっています。実際、モデルサイズが近年急速に大きくなっていることにより、学習に必要な計算量(FLOPs)は以下のように年々膨大になっています。近年の大規模モデルでは、NVIDIA H100 80GB であっても 1 つの GPU では、モデルをのせることすらできません。 Compute Trends Across Three Eras of Machine Learning より またScaling Laws によると、大規模なモデルは小さいモデルと比較してより優れた性能を発揮するため、自動

最近、「AIを理解したくて代数幾何の教科書を勉強しているんですよ」という人によく会う。 五年前くらい前に、note株式会社の加藤社長も「社内で代数幾何学の勉強会を開いてるんですよ」と言っていた。僕はその都度「それは全く遠回りどころか明後日の方向に向かってますよ」と言うのだがなかなか聞き入れてもらえない。 確かに、AI、特にディープラーニングに出てくる用語には、ベクトルやテンソルなど、代数幾何学で使う言葉が多い。が、敢えて言おう。 代数幾何学とAIはほとんど全く全然何も関係していないと。 なぜこのような不幸な誤解が生まれてしまうかの説明は後回しにして、意地悪をしても仕方ないので、AIを理解するために最低限知っておかなければならない用語を5つだけ紹介する。 テンソル(スカラー、ベクトル、行列など)おそらく、「テンソル」という言葉が人々を全ての混乱に向かわせている。 Wikipediaの説明は忘

注意・キャラクターの絵が描きたい人のための記事 ・三ヶ月上達法をベースにしてます。イラストレーターのさいとうなおきさんが紹介しているものなので詳しくはこちら ・この記事でいう「絵が上手くなる」という言葉は、デッサン崩れがなくなったり、線が上手く描けるという意味 ・線画が上手くなるまでの話が中心なので、塗りの話ではない この記事の目的参考にしている絵描きさんの線、絵柄に近づけるようになる。 最初に話しておきたいことここは大人になってからキャラクター絵を描けたらいいな、って人のための記事です。というのも自分自身二十歳を越えてからキャラ絵を描き始めたからです。 ここ数年youtubeでのイラスト講座が増えてきて、それに色々自分の考えを混ぜ込みながら考えた説をこの記事で書いていきます。 三ヵ月上達法、これは他のイラストレーターもオススメと言っているようにかなり効率的だと思いますのでこれをしていくた

Featuring Tadashi's many and varied toys ---

はじめに 認証機能を一から作成したいと思い、Next.jsとNextAuthを使ったGithub認証機能の実装を行ったので、その手順を記事していきます。ユーザーデータ管理にPrismaを、データベースはVercelPostgresを使用しています。 ソースコード 実装したサンプルデータは下記リポジトリに格納しています。 バージョン情報 今回実装したバージョン情報のです。 next.js: v13.4.1 next-auth: v4.22.1 prisma/client: v4.14.1 vercel/postgres: v0.3.0 typescript: v5.0.4 技術詳細 Prisma PrismaはNode.jsとTypeScriptによる、オープンソースORM(Object Relational Mapping)です。SQL(select, insert, update, de

ベン・フォールズ（Ben Folds）が選ぶ「音楽ファンなら持っておきたいピアノ・アルバム10選」。米サイトconsequence企画 ■Joni Mitchell - Blue 必聴曲「My Old Man」 「最初は、ピアノが本格的なポップミュージックの楽器として活躍したクラシック時代から。もうそこには戻ることはない。だから、この時代のものを選ばないわけにはいかない。ジョニ・ミッチェルの『Blue』をピアノ・アルバムとして気に入っているのは、完全にピアノではないこと。彼女は他の曲で他の楽器を演奏しているけど、基本的には主要な伴奏楽器1つと彼女の声なのです。決して、他の音を求めていない。たとえば、“My Old Man”という曲は、ピアノ演奏が完全に完璧だと思う。ピアノがオーケストラであり、バンドであり、多くのポップスのピアノのようにただ切り刻むだけでないところが素晴らしい。実際、とても

Toggle turquoise light (visual effect)Toggle yellow light (visual effect)Toggle purple light (visual effect) So, let’s be real. Learning React is hard. Over the past few years, React has become a “must-have” skill for front-end developers. Just about every job posting lists it as a pre-requisite! If you’ve tried to learn React, though, you know it can be confusing and overwhelming. There’s just so

コーディネータ：羽田 正 ナビゲータ：後藤 春美 皆さんの多くは、高等学校で「世界史」を学習したはずです。大学入試の科目として「世界史」を選択した人も多いでしょう。ですから、ちょうど数学の定理や物理の法則のように、高校生が世界中で同じ世界史を学んでいるのだと信じているのではないでしょうか。しかし、実はそうではありません。 世界史という名前の科目は、日本や中国など東アジア諸国に特徴的にみられ、欧米や中東などでは単に「歴史」と呼ばれる科目しかありません。また、大筋は同じだとしても、国によって、教科書の内容は微妙に異なっています。世界史は、決して一つではないのです。なぜでしょう。 世界史の理解は、自分たちの生きる世界をどう認識するかということ、すなわち世界観と深くかかわっているからです。現代世界でも、人々の世界観は同じではありません。まして、過去においては、地域や時代によって様々な世界観があり、

https://www.nhk.jp/p/gendai/ts/R7Y6NGLJ6G/blog/bl/pkEldmVQ6R/bp/p8VjzEYoM8/ 成人の5人に1人が睡眠の悩みを抱えているという日本。平均睡眠時間は6時間18分と先進国で最低レベルの“寝不足大国”です。一体どうすれば快適な眠りを得ることができるのか。今回お話をうかがったのは睡眠研究の世界的権威、筑波大学教授の柳沢正史さん。柳沢さんはオレキシンという神経伝達物質を発見し、睡眠を制御する仕組みの解明に貢献、その成果を元に世界中で不眠症の治療薬の開発が進められました。ノーベル賞候補の呼び声も高い柳沢さんに、快眠のためのノウハウを教えてもらいました。 （クローズアップ現代　取材班） ㅤ 柳沢正史さん/筑波大学国際統合睡眠医科学研究機構　機構長/教授 柳沢さんは2022年「ブレイクスルー賞」を受賞しました。この賞はグーグルやフェイ

LLM、GPT界隈を追いかけていて、GPTの仕組みと限界についての考察（2.1） - conceptualizationという記事を見かけた。これを見たとき、「どういうことか全然理解できない」という気持ちになった。また、その他LLMの解説記事を理解できないことが多く、自分の機械学習知識不足が明確になった。 理解できなかったことは悔しいし、LLMやChatGPTをうまく使いこなすには最低限どのような原理で動いているか理解したいと感じた。そこで一歩目として「ゼロから作るDeep Learning」を完走した。 ゼロから作るDeep Learning ―Pythonで学ぶディープラーニングの理論と実装 作者:斎藤 康毅オライリージャパンAmazon 知識なしからはじめたので時間はかかったが、次のように進めていった。 自分もコードを写経しながら読む レポジトリは https://github.co