たまには軽い話題をば。 自分の中で信頼できるエンジニアかどうか？を見極めるひとつの指標で「込み入った議論の時に図を書くかどうか」というのがあります。 今までの経験上、図を書く派のエンジニアは割と良い感じの人が多かったので採用している指標なのですが、何故これが機能しているかというのを改めて考えてみた。 他者の認知負荷を理解している コンテクストを合わせることにコストをかけられる意識がある 自分の思考の整理するツールとして図を扱えている ザッと挙げましたが、この３つが機能している要因なのかなという気がしています. 他者の認知負荷を理解している あれやこれやエンジニア間で技術議論している中で、「Aさんはこの領域に詳しいけどBさんはこの領域にはほどほど詳しいくらいだな」という個々のレベル差に応じて認知の負荷がかかります。ただでさえ議論していると結構なスピードで話が展開されていくので、認知負荷が更に

どうも id:Pasta-K です。 というわけで、突然なんですがNotaでも流行りのPodcastをやってみようということで開始してみました。タイトルは「今出川FM」です。 初回は NotaのVPoEの id:akiroom と id:Pasta-K で「今出川FM」の今後の展開などについて話しました。 NotaがPodcast始めました！その名も「今出川FM」。まずは初回ということでVPoEのakiroom(秋山)と今出川FMの仕込み担当のPasta-Kの2人で、このPodcastを始めるに至ったキッカケや「今出川FM」で今後やっていきたいこと、「今出川」についてなどざっくばらんにお話しました。 ※若干音量などの加減で聞きづらいところがあるかもしれませんが、初回ということで多めに見て頂けると幸いです。次回以降は改善される予定です。 本編中でも触れていますが、次回以降は id:akiro

2022/4/2 追記 本サービスは提供を終了しました。 ご利用いただいた皆様、ありがとうございました。 「ランディ・バース」をはじめ、「メタバース」「マルチバース」「マーベル・シネマティック・ユニバース」「オートリバース」「コンバース」と、これまで様々な「バース」が登場してきました。 2022年春、ここに新たな「バース」が誕生しました。その名も「はてなバース」。 世界中どこでも好きな場所に移動して、近くにいる人と言葉を交わす。 すべての出逢いは一期一会、儚く、それが故にひとつひとつの瞬間に貴重な体験が待っています。 はてなバースにはすべてがあり、そして何もありません。 そこにあるのは、あなたのナラティブ。 オンリーワンでワンダフルなワールドをどうぞお楽しみください。 https://verse.hatelabo.jp/#shibuya ハッシュタグ：#hatenaverse ＜テスト利用

3月18日（金）夕方、東京・千代田区の東京電力本社。 オンラインで開かれた緊急会議には小早川智明社長など幹部も出席、緊迫した空気が流れていたといいます。 議題は連休明けの管内の電力需給でした。 連休明け22日（火）は関東地方でも雪が舞うという厳しい冷え込みが予報で出ていました。 寒さによって暖房ニーズが高まり、電力需要が高まることが予想されていました。 刻々と変わる天気予報のもと、東京電力は、需要を精査するとともに、供給力の確保に奔走します。 雨が降れば最大で大型の発電所18機分の発電量を生み出す太陽光はまったく期待できません。 3月16日、震度6強を観測した東北地方の地震の影響で火力発電所は2機が運転を停止中。

心を捉える物語を生き生きとした描写で表現するマンガは、世界でも広く親しまれている日本のアートのひとつです。鉄腕アトムやドラえもんなど、記憶に残るキャラクターが生みだされ、かつて日本のサブカルチャーの一つだったマンガも、現在では世界中の国々で楽しまれています。 今回、経済産業省をはじめとする 13 のパートナーの協力の元、Google Arts ＆ Culture  は、マンガの歴史やその影響などを包括的に紹介する「Manga Out Of The Box」を本日公開しました。ストーリーや高解像度の画像、動画、ストリートビュー、さらに機械学習を活用したマンガ風イラストの作成機能などにより、マンガの世界を学ぶことができます。（対応言語：日本語、英語、スペイン語、フランス語） 「Manga Out Of The Box」の主な展示内容1. マンガの歴史についてマンガの正確な起源は未だに議論が続い

まさかまさかの朗報です！ MORISAWA BIZ UDゴシックとMORISAWA BIZ UD明朝がGitHubにオープンソースのOFLで公開されています！！！ アップデート情報 4/1 Google Fontsで利用できるようになりました！ Morisawa Inc. -Google Fonts 3/29 v1.001, v1.002がリリースされ、不具合が修正されました。 3/24 HTMLやCSS、JavaScriptなどコードを書く人にどうぞ。 仕事早っ！！ オープンソースになったMORISAWA BIZ UDゴシックのプログラミング用合成フォント「UDEV Gothic」がリリース MORISAWA BIZ UDフォントとは GitHubで公開されているMORISAWA BIZ UDフォント MORISAWA BIZ UDフォントのダウンロード MORISAWA BIZ UDフ

こんにちは、CTO の id:motemen です。 はてなは今年も、学生を対象としたエンジニア向けの夏のインターンシップ、「はてなリモートインターンシップ2022」を開催します。 今年も昨年に引き続き、8月後半〜9月前半にかけて3週間程度のプログラムを企画しています。リモートでのインターンシップも3年目となり、オンラインならではの取り組みをさらに充実させる予定です。 昨年のインターンの様子はこちらをご覧ください。 はてなリモートインターンシップ2021 レポートサイト 今回も、リモート開催に最適化したカリキュラムを準備中です。 前半はWebアプリケーション開発のオンライン講義を実施後、数日かけて課題に取り組んでもらい、はてなのエンジニアスタッフによるコードレビューや面談でフィードバックを行います。 後半はチーム開発体験です。リモートワークでのチーム開発に参加していただき、実際のプロダクシ

Intro 本ブログは Markdown で原稿を書き、それを HTML に変換して表示している。このとき、 CSS を用いて Markdown のシンタックスに似せた Style を適用している。例えば以下のように h2::before に content: '##' を指定するといった具合だ。 しかし、これまで <table> だけはうまく Markdown 記法を再現する CSS が書けないでいた。 そこで、周りの CSS 強者に実現できないか聞いてみたところ、@shqld, @araya, @yoshiko 達の協力を得て、かなりの完成度にすることができた。実現方法を記録する。 Before 実現したいのは以下のような記法だ。 | file type | size | ratio | |:----------|-----:|------:| | .webp | 9474 | 100

タイトルのとおりです。この本を読まずにGraphQLについての記事を書いたりしツイートしてたのが恥ずかしいくらいに良質なプラクティスが記載されています。GraphQLを採用して悩むことのほとんどはこの本に書いてあるくらいな印象で、この本を読むと効率よくGraphQLを使った開発の品質を向上できると思います。 どんな人が書いた本なのか 著者はMarc-André Girouxという方で、GitHubとShopifyに勤務しGraphQL APIを開発する仕事をしていたと書籍に書いてあります。GraphQLをやってる人ならこの時点でもう刺さったかもしれませんが、どちらの企業もGraphQLを採用していることで有名です。GraphQLスキーマを設計する上でGitHubやShopifyのスキーマや記事を参考にする方も多いのではないでしょうか。その両方で働いてたという時点で納得の説得力です。Grap

Rust と呼ばれる言語はわりかし新しめの言語であり、2016–2021 年の間 Stack Overflow Developer Survey で「もっとも愛されているプログラミング言語」で一位を獲得し続けている人気の高い言語であります。 Rust の得意とする分野は OS やコンパイラなどのいわゆる低レイヤーの領域ですが、Web サーバー、機械学習、コマンドラインアプリケーションなどさまざまな用途で利用されます。 Web フロントエンドの領域では高速化を目的として Rust から WebAssembly（以下、WASM）を生成して JavaScript から実行する用途がよく知られています。その他にも SWC と呼ばれる Rust ベースで作成されているビルドツールが高速に動作することで注目を集めています。（実際に jestの実行 に試してみたところ実行時間が 3 倍ほどになって驚いて

WindowsやmacOS、Linuxなどのクロスプラットフォーム対応のデスクトップアプリ開発を容易にするフレームワークとして高い人気を持つフレームワークが「Electron」です。 ElectronはChromiumとNode.jsを用いることで、HTML/CSS/JavaScriptのWebテクノロジーによってデスクトップアプリケーションを開発できるのが最大の特徴です。 いまやElectronは、Visual Studio CodeやMicrosoft Teams、Slack、GitHub Desktop、そして最近話題のNotionなど、さまざまなアプリケーションに採用されています。 このElectronの優れた特徴を備えつつ、よりメモリ消費量が小さくファイルサイズもコンパクトで、高いセキュリティを備え、柔軟なライセンスを実現しようと開発されたのが「Tauri」です。 Tauriは、

(... and solving some PostgreSQL wicked problems) OrioleDB is a new storage engine for PostgreSQL, bringing a modern approach to database capacity, capabilities and performance to the world's most-loved database platform. OrioleDB consists of an extension, building on the innovative table access method framework and other standard Postgres extension interfaces. By extending and enhancing the curre

WebAssembly製のx86仮想マシン「WebVM」が登場、Webブラウザ上でLinuxや各種コマンド、アプリがそのまま実行可能 Leaning Technologiesは、Webブラウザ上でx86バイナリをそのまま実行できるWebAsesmbly製の仮想マシン「WebVM」を発表しました（同社による紹介記事「WebVM: server-less x86 virtual machines in the browser」）。 Google ChromeやMicrosoft Edge、Firefox、Safariなどのモダンブラウザであれば、上記のURLにアクセスすることで誰でもWebブラウザ上にx86仮想マシンを走らせることが出来ます。 WebVMではx86仮想マシンの上でLinux OSのDebianがバイナリが変更なしにそのまま稼働し、さまざまなコマンドも実行可能。 Linuxアプリ

先日の記事（2022年、注目しておきたいCSSの新機能のまとめ）の中でもすぐに使えたら便利な機能の一つが、コンテナクエリです。 コンテナクエリがすべてのモダンブラウザで動作するポリフィルがGoogleからリリースされたので、紹介します。 A New Container Query Polyfill That Just Works by Chris Coyier 今まではメディアクエリを使用していましたが、ビューポートベースのメディアクエリでは限界が見えてきました。そこでコンテナクエリの登場です。コンテナクエリは、親コンテナのサイズに応じて要素のスタイルを設定できます。 たとえば、コンポーネントを1カラムに配置する時と2カラムに配置する時、そしてサイドバーに配置する時それぞれに適したスタイルを与えることができます。詳しくは、以前の記事をご覧ください。 CSS コンテナクエリの基礎知識と便利な

ここ数日、日本人だけが読めないフォント「Electroharmonix」が話題になっていますね。日本語のカタカナやひらがなをモチーフにした欧文フォントで、日本語ネイティブの人が見ると、どうしても日本語に見えてしまい、判読がしづらくなるというもの。このフォントは無料公開されているので、今回はこのフォントを個人でいろいろ楽しむ方法を考えてみたいと思います。 「Electroharmonix」は、カナダ出身、名古屋在住のデザイナー、Ray Larabieさんが無料公開してい欧文フォントで、個人利用、商用利用ともに可能。ダウンロードしたフォントファイルをPCにインストールすることで、Wordなどの文書作成ソフトやIllustratorなどのデザインソフトで利用できます。 （ソフトウェアに組み込んで使用する場合には、別途規約があります） 使用する前に、ダウンロードファイルに同梱されている、read_

Start with a simple key-value store.Creating a Store requires just a simple call to the createStore function. Once you have one, you can easily set Values in it by unique Id. And of course you can easily get them back out again. Read more about using keyed value data in The Basics guide. import {createStore} from 'tinybase'; const store = createStore() .setValues({employees: 3}) .setValue('open',

※ キャンペーンは終了しました。たくさんのご応募、ありがとうございました。 「いいなと思った気持ちを気軽に伝えられる」はてなスターが新しくなりました！ はてなブログのフィードバック機能のひとつの「はてなスター」を、1/11にリニューアルしました！ はてなスターは、読んだブログやコメントにワンクリックで★を付けられるサービスで、ブログやコメントを読んだときの「いいな」という気持ちや「共感」を気軽にフィードバックすることができます。リニューアルの詳細はこちらをご覧ください。 リニューアルを記念して、期間中にスターを使ってくださった方にプレゼントもご用意しました。これまではてなスターを押したことがない方も、いつも使ってくださっている方も、この機会にぜひ新しくなったはてなスターを使ってみてください！ はてなスターの使い方 基本編 はてなスターの使い方 応用編 もっと詳しい使い方はこちら 現在確認で