HTMLはdiv要素一つだけ、あとはCSSをコピペするだけで約100種類のールチップとスピーチバブルを実装できるCSS Tooltips & Speech Bubblesを紹介します。 このツールチップって実装すると、けっこう面倒ですよね。ベタ塗りのツールチップをはじめ、グラデーションの枠、しっぽの位置、しっぽの形状など、さまざまなデザインが、ここを見ればコピペで簡単に実装できます。 CSS Tooltips & Speech Bubbles CSS Tooltips & Speech Bubblesを作成したのは以前紹介したCSS Loaders（紹介記事）やCSS Ribbon Shapes（紹介記事）と同じ作者で、前回はCSSで実装されたローダーとリボンでしたが、今回は100種類のツールチップとスピーチバブルです。

EMゆるミートアップ vol.6 〜LT会〜 https://em-yuru-meetup.connpass.com/event/308552

ウェビナー『CTOとVPoEが語る、採用とオンボーディング で失敗しないためのベストプラクティス』での発表資料です。 オンボーディングにおいて 注意すべき力学について共有しつつ、 チームとして工夫していることをご紹介しています。新入社員=中途入社の社員さんを"主に"想定しています。 【運営しているサービス情報】 - ITエンジニアの方向け - https://lapras.com - エンジニア採用したい企業の方向け - https://scout.lapras.com

はじめに まず↓の記事を見てない方はぜひ見てください！ 自分にとってはこの記事には「えっ、ナニコレ！」なテクニックが多く、特に解説もなかったのでいろいろ調べてたら休日が消えてました... なのでその時間の供養もかねて、自分が知らなかった部分を中心に、僭越ながら元記事の解説を書いてみたいと思います。 ちなみに、以下が元記事のコードそのままを実装したものです。たしかに掲載コードだけで要素がグリグリ動きますね。 See the Pen js-drag-move-original by www-tacos (@www-tacos) on CodePen. 初耳1: $img まずコードのここ <img id="$img" src="https://js.cx/clipart/ball.svg" width="40" height="40"> <script> $img.onpointermove

またはてないじりの漫画描いてごめんなさい…。でも思いついたら描かないでいられなかったのと、あと、自分が描かなかったらだれが描くんだろう、だれが人力検索はてなのことを思い出すんだろうと思って……。 q.hatena.ne.jp 人力検索はてな www.gizmodo.jp この記事にある通り、最近はさらにひどくなってる。生成AIによって記事の作成が容易になってるのもあるんじゃないかな。よくわかんないけど。 goldhead.hatenablog.com また、このエントリには全面同意で、本当に個人の記事にたどり着かなくなった。それに伴い、特殊な事例の処置の仕方（昔は大抵個人がメモっていて、そういうのがヒットした）も全然わからなくなった。野生の専門家がまとめた特定の分野に詳しいホームページが２０００年ごろは結構あったんだけれども、そういうものも一切ヒットしなくなった。まず、そういう静的にまとめ

PHPカンファレンス関西の登壇資料です。 WEB+DB PRESS Vol.134に詳細があります https://gihyo.jp/magazine/wdpress/archive/2023/vol134

皆さん、こんにちは。かろっくです。 現在は情報系の大学に通っています。 さて、大学生といったら、趣味に時間を費やしてなんぼです。 自分は大学の図書館を本当に頻繁に利用しています。 見ての通り図書館のヘビーユーザなのですが、そうなってくるとやはり図書館の操作の自動化をしてしまいたいという欲求が出てきます。 というわけで、今回は大学のシステムを解析して自動化した話をしたいと思います。 ひとまず完成形 先に、実装したコードのリポジトリを掲載します。 動作例として、discord にメッセージを送信している様子を以下に示します。 現在は延長する書籍が存在していないため終了していますが、延長の必要な書籍が存在する場合は、延長を行います。 方針 大学のシステムを自動化するにあたって、単に Selenium 等のブラウザを使うのは少し癪です。出来ることならば、ブラウザ等を利用せず、HTTP リクエストか

インドは、衛生環境の悪さで世界にその名をとどろかせている。 実際にインドに来たことのない人間でさえ、「インドは汚い国である」という認識を持っている。現場を知らない見解や偏見は最も避けるべきものだが、私も実際インドに住んでみた結果、残念ながら日本人の視点から見て「インドは汚い」という感覚は正しいと言わざるを得ない。もちろんデリーやムンバイなどの大都市には、極めて限られた小ぎれいな地域が存在するが、そういった大都市ですらお世辞にも衛生環境が良いとは言えない。ましてや、地方都市や農村であれば言うまでもない。外務省や厚労省が発表している注意情報を見ても、他の国では見ないほどの、あらゆる感染症が羅列されていることもその証左の一つでもある。 インドを一言で語ることはできないが、いかなる社会階層、いかなる地域でも、「不衛生なインド」に全く影響されずに生活することができないのは確かだ。今回は、衛生環境が悪

はじめに こんにちは。 普段働いているとき「どうやったら生産性があがるんだろう？」と思うことが時々あります。 「生産性向上」といっても具体的にどうするのか、なかなかイメージがつきにくい方も多いと思います。 この度、最近色々なところで目にする「世界一流エンジニアの思考法」という本を読みました。 この本では主に生産性を向上させるためにアメリカの一流エンジニアが行っている習慣や考え方について書かれており、 そこから個人的に身に着けたい10のことをピックアップしました。 内容について 筆者の牛尾さんはマイクロソフトの現役ソフトウェアエンジニアです。 そこで出会う一流エンジニアたちの考え方や、実践していることについて書かれている内容となっています。 アメリカでの内容なので日本では考え方のことなる部分もあるかもしれませんが、参考になる部分は多く 働き方や思考法について考えさせられる内容です。 個人的に

こんにちは。データエンジニアリングの支援を行っているstable株式会社の代表の宮﨑（@ikki_mz）です。弊社では、クライアント社内のデータウェアハウス（DWH）におけるデータモデリングをサポート...

パスワードを忘れた方は,ナラベル登録時に利用したメールアドレスを入力エリアの入力し、送信ボタンを押してください。パスワードリセット用のURLをメールアドレス宛てに送付いたします。ログインのためのe-mailが不明の場合は、お手数ですが、ページフッタエリアのコンタクトにある方法で管理者までお知らせください。 e-mail :

「チームトポロジー」や「エンジニアリングマネージャーのしごと」「スクラム実践者が知るべき97のこと」の著者や翻訳者などで知られる吉羽龍太郎氏が、「ソフトウェアに関わる人が知っておくといいかもしれない法則10個（勝手セレクション）」という興味深いポストをX（旧Twitter）で公開しています。 ソフトウェアに関わる人が知っておくといいかもしれない法則10個（勝手セレクション） コンウェイの法則 パレートの法則 グッドハートの法則 パーキンソンの法則 ブルックスの法則 リトルの法則 ピーターの法則 ハインリッヒの法則 ピーク・エンドの法則 ホフスタッターの法則 — Ryutaro YOSHIBA (@ryuzee) January 23, 2024 これらの法則の多くは経験則だったりもしますが、いずれにせよ知っておくと上司の説得に役立ったり、ソフトウェアの開発現場でチームの運営に役立ったり、物

ITエンジニアが投票した「ITエンジニア本大賞2024」発表。単体テストの考え方／プログラマー脳／ プロジェクトマネジメントの基本が全部わかる、など 「ITエンジニア本大賞」は、仕事の役に立った本、初学者におすすめの本、ずっと手元に置いておきたい本など、おすすめの本をITエンジニアがWeb投票で選ぶイベントです。 主催は翔泳社ですが、対象となる書籍は出版社を問わず技術書、ビジネス書全般となっています。刊行年も関係なく、これまで大賞に選出された書籍を除き、この1年を振り返っておすすめしたい書籍が対象となります。 今回発表されたのは技術書部門とビジネス書部門それぞれのベスト10です。現時点では50音順に並んでいます。 以下は選出された技術書部門とビジネス書部門それぞれのベスト10を、Amazon.co.jpへのリンクと画像、概要で紹介したものです（アフィリエイトリンクは含まれていません）。正式

近年のソフトウェアプロダクト開発組織の活動単位としてよく言われるのは、「少人数で安定したチーム」であろう。表現は違えど、どの文献でもそのように述べられる。 それでは、「少人数」と「安定」の2つの要件を満たせば高パフォーマンスなチームが設計できるかと言えば、そんなはずもない。他にも要件があるはずだ。 そこで、チームに共通して必要だと考える要件を、設計に関わったこれまでの組織から抽出して言語化し、原則としてまとめてみた。それが、「安定」「アトミック」「非兼務」「少人数」「流動性」「イテレーティブ」の6つだ。 初期に携わった組織には欠けていた要素もあるが、何度も失敗を重ねるうちに見いだしたものだ。組織設計のプラクティスとしてよく聞くものもあるが、いずれも実体験を経て必要だと感じたものばかりである。 なお、本記事で取り上げる6つのチーム設計原則だけでは、組織設計として不十分だ。チームにどういった機

12月7日、チバユウスケの訃報を聞いてから2日後。気持ちの行き場がどこにもなかったから、思い切って幼い頃からの小さな夢を叶えることにした。 新宿まで出て小田急に乗り、初めて梅ヶ丘駅に降り立つ。 駅を出て数分ほど歩いた所に、ある種の人間にとっての"聖地"は独特の佇まいを持ちながら街に溶け込むように存在していた。 「洋服の並木」 ミッシェルガンエレファント（以下ミッシェル）のスーツ姿に憧れた者で知らない者はいない、ミッシェルのスーツを長年作り続けてきたオーダースーツの老舗だ。お笑い好きの方にとっては芸人さんのスーツを仕立てているイメージが強いかもしれない。 元々モッズ界では有名なお店だったようだが、ミッシェルのスーツ姿が与えたインパクトから裾野は広がり、ある者は成人式用に、そしてステージの衣装、はたまたとびきりの仕事着にと「ハレの日」のスーツを長年仕立て続けている。 子供の頃の自分も多分に漏れ

以前、読んで良かった本をまとめたエントリを書いたのだけど、良い本を紹介できたので、自分でも気に入っている記事だ。 fujii-yuji.net 今年も「積読を強制的に消化する会」というDiscordで続けている。 決まった曜日と時間に読む本を宣言するだけなんだけど、他のメンバーがいるというだけで少しは本が読める。というか、この集まりがないと読めない(この時間以外には本を開いてすらいない)。 と、いうわけで今年も読んだ本を書いていこうと思う。 熟達論 ―人はいつまでも学び、成長できる― 今年読んだ本でナンバーワンに良かった。 400mハードル日本記録保持者で、オリンピックにも3回出ている陸上競技者の為末 大さんの本。 よく"守破離"という言葉を使うが、守破離は本当に熟達のステップになっているのか？ さらにそれを解像度を上げて「熟達はなぜ起きるのか？システムとして捉えられるのか？」を深掘りして

こんにちは、KESIKIの石川 俊祐です。 今年の10月にIDEOのレイオフのニュースが出ました。驚いた方も多かったのではないでしょうか。 このニュースによって、「デザイン思考はもう終わりなのでは？」という意見を耳にします。アメリカの経済メディアFast Companyも「Design giant Ideo cuts a third of staff and closes offices as the era of design thinking ends（意訳：デザインの巨人IDEO、デザイン思考の時代の終わりに伴いスタッフの3分の1を削減しオフィスを閉鎖）」という記事をあげています。 しかし、本当にデザイン思考が“終わった”と言えるのでしょうか。 もしデザイン思考が終わったとして、これからのデザインはどのような役割を果たすのでしょうか。 そんな話を書いていきたいと思います。 「デザイン

おそらく 2023 年に Zenn で出す最後の記事になるかと思います。 タイトルの通り、2023 年に読んだ本の中で、特に素晴らしかったものをご紹介します。 とはいえあまり今年は技術書を読んだ印象がなく… というのも、特定の xx(例えば Next.js、Ktor)といった部類に関しては公式のドキュメントを読むことがほとんどになり、書籍に求めるのは公式ドキュメントに書かれていない何かや誰かの経験・ノウハウになったからだと思います。 この記事を書くにあたって今年読んだ本を振り返ってみても、やはり十数冊程度(それでも月に 1 冊は読んでた)のでインプット：アウトプットの割合的には良いバランスではないかと思っています。 ただ、先に述べた通り公式ドキュメントに書かれていないなにかを売っている本というのはどれも本当の意味で価値があるものであり、皆さんにも本当に意味のある情報にお金を使っていただける

今回の記事では、ちょっと感覚的でふわっとした話をしようと思います。それは「『仮説ドリブン』という考え方には往々にして落とし穴があるのではないか？」という問題提起です。 そもそも、「仮説ドリブン」（仮説駆動型：hypothesis-driven）というアプローチは実験科学分野出身の我が身にとっては、個人的には馴染み深いものです。まだ僕がポスドクだった頃、国際会議に際して日本人研究者同士で集まる会が毎回あったのですが、その席上でお話を聞く機会があった当時のトップ研究者の先生から「この世の森羅万象は網羅しようとするにはあまりにも広大過ぎる、故に森羅万象を区切って『仮説で白黒つけられる範囲』に絞り、これを検証するということを繰り返して前に進むべき」ということを聞かされ、感銘を受けたのを覚えています。 実際、仮説ドリブンの考え方は非常に有用なものであり、今現在僕自身が主戦場とする広告・マーケティング

本記事は 【Advent Calendar 2023】 15日目の記事です。 🎄 14日目 ▶▶ 本記事 ▶▶ 16日目 🎅 はじめに 想定している読者 一覧 まとめてみて 参考 はじめに クラウド事業推進部の小野内です。昨年5月にキャリア入社してから早1年半以上が経ちました。 入社以降、AWS、Google Cloud のデータ分析基盤の開発・運用に関わっておりますが、現在はGoogle Cloud メインでやってます。 試行錯誤の毎日ですが、Google Cloud案件をどんどん盛り上げていきたい所存です。 1年ほど前の投稿記事では、 Google Cloudの学び方について触れましたが、本記事ではGoogle Cloud案件を1年半程度経験してみて、 AWSと比較しながら、Google Cloudの主要なサービスについて、違いを整理しました。 想定している読者 AWS案件に半年以