最近のWebサイトやスマホアプリでよく使用されるお弁当箱のようなBento UIやカード型、ヘッダ・サイドバー・メイン・フッタなどのレイアウトを確認しながら、CSS Gridのコードを生成できる無料オンラインツールを紹介します。 使い方は非常にシンプルで簡単、生成されるコードもシンプルでさまざまなプロジェクトで利用できます。 CSS Grid Generator Bento UIの実装については、Bento UIとはパネルが伸び縮みしながら配置が入れ替わるお弁当箱みたいなUIをご覧ください。 CSS Grid Generatorは、CSS Gridで実装するレイアウトのコードを簡単に生成できるオンラインツールです。このジェネレーターを使用すると、列数・行数・ギャップサイズを設定し、自由にレイアウトを構築できます。

ニューヨークタイムズの100冊 一週間前に書いた下記の記事が、意外と読まれたので、 軽い補足記事的なものをいくつか貼っておきます。 www.nejimakiblog.com 新たに公開された、 「ニューヨークタイムズの読者が選ぶ100冊」。 ・Readers Pick Their 100 Best Books of the 21st Century www.nytimes.com 日本で知名度高い本や、日本語訳されているものを中心にピックしておきます。 91位　『プロジェクト・ヘイル・メアリー』三体ではなくこちらがランクイン。 86位　『パイの物語』映画『ライフオブパイ』の原作。 小説だとどんな感じなんだろう？ 79位　『1Q84』わりと日本色が強いこれがウケるのがよくわからないけれど、確かにアメリカのメディアでも当時騒がれていた気もする。 78位　『海辺のカフカ』ギリシャ神話好きなアメリ

RAGの簡易評価によるフィードバックサイクル実践 / Feedback cycle practice through simplified assessment of RAGs

ホラーのプロが選んだ「本当に怖いベスト20」が紹介されている。 ホラーのプロとは、ホラー作家だったり編集者だったり、海外ホラーの翻訳家だったりホラー大好きな書店員だったりする。ベスト20のラインナップを見る限り、相当の目利きであることが分かる。 これがtwitterの人気投票だと、どうしても「売れてるホラー」に偏る。ベストセラーとは普段読まない人が買うからベストセラーになるのだから仕方がないのだが、どこかで見たリストになってしまう。 「売れてる」要素も押さえつつ、なぜそれが怖いのか、どうしてそれが「いま」なのかといった切り口も併せて説明しているので、流行に疎い私には重宝する一冊だった。 いまのホラーはモキュメンタリー（Mockumentary）が一大潮流だという。実際には存在しないものや、架空の出来事を、ドキュメンタリー形式で描くジャンルだ。実話系怪談や、ファウンド・フッテージ（撮影された

睡眠の目的は「疲労回復」だけではありません。実は「記憶の定着」や「脳の老廃物の排出」にも関わっています。睡眠時、一番休ませないといけないのはどこ？寝苦しい熱帯夜でのエアコンの使い方の正解は？睡眠の専門家である東京疲労・睡眠クリニックの梶本修身院長への取材などをもとに情報をまとめました。 【写真で見る】脳をクールダウンさせる「鼻呼吸」 寝ている間に「脳」を冷やして休ませよう　まず、睡眠で一番休ませるべきところは、実は筋肉や臓器ではなく「脳」です。というのも、面積あたりの発熱量が体の中で一番多いのは脳だということです。また、自律神経の中枢があるということで、特に冷やして休ませることが“体を休ませる”ことにつながるのです。 夏でも冬でも、同じ距離を運動したときの体の疲れ具合は同じはずだということです。しかし、夏のほうが疲れを感じるのではないでしょうか。それは、汗をかいたという身体的な疲れではなく

妻の郷里であるオデッサ州の某村に里帰りにきている。その日記。 登場人物：私、妻、義父母、太郎（4歳児） ※渡航の経緯については「盗む」の記事参照 7月22日 ただいま7月22日の日本時間22時44分、三鷹の陋屋に帰り着いた、まことしんどい道のりであった、ドアツードアの移動時間は26時間、このかん私と妊婦は睡眠時間よくて累計1時間半、子供だけは一応7時間くらい寝ている、なんとか親子3人無事に帰りついた。という報告まで。明日も仕事 7月21日 出立の日。子連れで大変な道のりである。どきどきしている。 3時間半か4時間かかけてキシニョフへ。そっからイスタンブールまで空路1時間。イスタンブール空港で3時間待って、イスタンブールから東京まで13時間。 基本的にこの記事はもう書き終わった。書ききれなかった内容を帰国後少し書き足す。 本記事になんらか教えられることあった、考へるヒントになった、また、この

プログラマ、テスト駆動開発者 和田卓人 学生時代にソフトウェア工学を学び、オブジェクト指向分析/設計に傾倒。執筆活動や講演、ハンズオンイベントなどを通じてテスト駆動開発を広めようと努力している。『プログラマが知るべき97のこと』（オライリージャパン、2010）監修。『SQLアンチパターン』（オライリージャパン、2013）監訳。『テスト駆動開発』（オーム社、2017）翻訳。『事業をエンジニアリングする技術者たち』（ラムダノート、2022）編者。テストライブラリ power-assert-js 作者。 講演や執筆などを通じ、日本におけるテスト駆動開発のエバンジェリストとして知られる和田卓人さん。 TDDとは何かを改めて言語化してもらった前回の記事では、「テストを書かずに進むのが合理的といえるときはある。でも、後からテストを書くのって難しいしつらい」とのお話がありました。 テストが書かれないまま

円安はなぜ長引いているのか。どこから外貨が流出しているのか。観光という「労働集約的な産業」で稼いだ外貨が、「資本集約的な産業」である海外の頭脳労働への支払いに充てられており、その帳尻は為替（端的には円安）に影響を及ぼすのではないか。『弱い円の正体　仮面の黒字国・日本』（唐鎌大輔著／日経プレミアシリーズ）から抜粋・再構成してお届けする。 「国内の肉体労働」vs「海外の頭脳労働」 クラウドサービスやインターネット広告などに代表されるデジタルサービスの提供は、多くの日本人が漠然と「海外（とりわけ米国）に後れを取っている」と感じていた分野ではないかと察する。その漠然としたイメージを数字で可視化したのがその他サービス収支赤字、すなわち「新時代の赤字」であり、日本銀行の分類でいえばデジタル関連収支ということになる。 こうして見ると、その他サービス収支赤字は為替需給という論点を超えて、日本経済が現在直面

自身の過去の成長過程と現在の環境を思い浮かべたときに、得やすいもの得づらいものの違いを強く感じ、良好な成長のために一考してみた次第です。 といっても既にある Tweet のセルフまとめに、思い出と昔話なポエムを追加したようなチラ裏回です。 時代の変遷によるステータス変化 要約すると、現代は技術力の向上に必要な環境と既定路線があって向上速度が早いのに対し、昔（2010年以前とか）は頭を悩ませまくって乗り越えるべき壁が大量にあったおかげで解決力は相当鍛えられたよねってところ。 個人的には誰であれ、今！自分が！解決しないと！詰んでしまう!! てかもう詰んでるだろコレ!!!! って状況でひたすら悩んでから、寝て起きたら解決したよぉ！みたいのを体験してほしいし、一度は死の淵まで行ってこいって思っている — 外道父 | Noko (@GedowFather) July 17, 2024 これについて、

株式会社ブックリスタ（本社：東京都港区、代表取締役社長：村田茂、以下「ブックリスタ」）が運営する「推し活研究部（おしけん！）」（以下文中「おしけん！」）において、SNS（ソーシャル・ネットワーキング・サービス）の認識について調査を行いました。 ブックリスタでは、推し活に特化したサービス「オシバナ」を運営しています。ユーザーは、‟推し活をしている人”が中心。「オシバナ」が設立した「おしけん！」は、ユーザーの皆様の推し活をより楽しく、サポートすることを目的とした部活動です。 今回は、推し活をしている10代～40代のユーザー600人に「SNS」に関するアンケートを行い、回答をいただきました。 ◆年代別SNSの意識調査のレポート 【SNSの意識調査の概要】 調査対象：推し活をしている全国のユーザー 回答人数：600人 調査時期：2024年6月21日 ～ 7月3日 調査方法：「オシバナ」にてオンライ

「ゼロ秒思考」がめちゃくちゃよかったです。 これくらいやったサムネの画像も私が撮影しました。 「ゼロ秒思考」のおかげで 確実に頭が良くなりました。 言葉にするとアホっぽいんですけど。 頭の回転がはやくなりました。 効果が感じられなかったら、3日で辞めていたと思います。どんなときでも、効果を実感できたので、1年間継続をすることができました。 やって良かったです。 そもそもゼロ秒思考とは？「ゼロ秒思考 (赤羽雄二 著)」が由来です 誰もが頭が良くなるシンプルなトレーニング方法が載っています。 本にかかれてあるメソッドを実行すると 頭が良くなる 判断スピードが早くなる もやもやな悩みが解決する いいことづくめです。 まじかよ～。と疑いながら、最初の1週間はじめてみました。 効果抜群でした。 具体的になにをするの？本にかかれてあるメソッドを簡単に説明します。 毎日10枚A4にメモする。 それだけで

はじめに こんにちは、皆さん。今日は、シェルスクリプトを使った高度な自動化のベストプラクティスとパターンについて解説します。これらは、ちょっとした知識で実行でき、作業を大幅に効率化できるTipsです。シェルスクリプトは、特にUNIX系システムでの自動化タスクに欠かせないツールです。適切に使用すれば、複雑なタスクを効率的に、そして信頼性高く実行できます。 トイルとは、反復的でマニュアルな作業のことを指します。これには、例えば、手動でのシステムのスケーリングや、エラーのトラブルシューティング、ルーティンなメンテナンス作業などが含まれます。トイルを特定し、それを自動化することで、エンジニアはより創造的なタスクやプロジェクトに焦点を合わせることができます。 トイルを判別する方法としては、以下のような基準が挙げられます： 手作業であること 完全な手作業だけでなく、「あるタスクを自動化するためのスクリ

🐷 What's Poku?A cross-platform test runner that brings the JavaScript essence back to testing. ⚡️ Quick Tutorials

用語は形式的なものではなく感覚的なものであることをお断りしておきます。 言語・フレームワーク・プラットフォーム まず最初に触れるものでとっつきやすい。何か使えないことには話になりません。多くの人が、勉強というとまずここ。 何かすでにつかえる人が新しく勉強することは、生産性をあげない。そのプラットフォームを初めて採用するときの準備が減らせる。どちらかというと仕事の選択肢を増やす感じですね。 深く知ることは、最適なコードを書きトラブルを減らしトラブルが起こったときの対策も早くなるので、生産性があがります。ただ、ある程度の深さ以降は生産性への寄与度がさがるので、その点では深くまで勉強する必要はありません。 プロダクトの使い方なので、プロダクトの寿命が勉強成果の寿命です。実際に使わないものの勉強は無駄になるし、使われなくなったら無駄になる。寿命もそう長くないです。 「プログラマは勉強してもすぐ使わ

Chrome DevToolsで表示されるエラーを生成AIのGeminiが解説してくれる新機能、日本でも利用可能に Chrome DevToolsのコンソールで表示されるエラーメッセージなどをGoogleの最新AIであるGeminiが解説し、解決方法などを提案してくれる機能が日本でも利用可能になっていることが分かりました。 この機能は今年（2024年）5月に米国で実験的機能として利用可能になっており、日本での提供開始が待たれていました。 下記のChrome DevToolsのドキュメント「コンソールの分析情報: Gemini でエラーと警告をより深く理解する | Chrome DevTools | Chrome for Developers」で、この機能が「コンソールの分析情報」として日本でサポートされていることが記述されています。 DevToolsでGeminiを利用する設定手順 コンソ

はじめに こんにちは@Sicut_study (Watanabe Jin)です。 去年の10月頃にReactのロードマップを投稿しておかげさまで1000いいねもすぐそこになりました そこから私自身も状況がかなり変わり、大好きなReactを使ってプログラミングを教えるスクールを運営しております。 エンジニアになりたい完全未経験の方や、すでにエンジニアだけどもっと自由にプログラミングができるようになりたい人をたくさん教えてきました。 👇メンバーの記事はこちらにあります その中である程度この流れで学習をすすめていけば1-2ヶ月程度でReactで自由にサービスを作れるレベルに再現性をもってレベルアップすることができると確信がもてたので、 実際にやっているカリキュラム(React部分)をすべて紹介します ロードマップは完全未経験でもできるようなものになっていますのでわかる箇所は飛ばしてもOKです。

Zli × サイバーエージェント 合同LT 2024/07/14 https://zli.connpass.com/event/319572/ ReactやSwiftUIのような宣言的UIの「原理」を、10分のLTになんとか詰め込んでみました。 Reactフックは名詞起点 = オブジェクト指向…

日本で生成AIと言えば、OpenAIのChatGPTがその代名詞。この傾向は日本でのオフィス開設も加わって、さらに高まっているが、そのOpenAIやGeminiをはじめとする多様なAIサービスを提供するグーグルと並んで存在感を示している企業がある。 このジャンルに注目している方ならばご存知だろうが、AnthropicというAI専業ベンチャーである。AnthropicはOpenAIの運営方針に異を唱えるメンバーがスピンアウトした2021年創業の生成AIスタートアップで、アマゾンとグーグルが巨額を出資していることでも知られる。 滑らかな文章を生成するClaude 同社の大規模言語モデル“Claude（クロード）”はその性能の良さから注目されていたが、特に注目を集めるようになったのは、今年3月4日に発表されたClaude 3からだろう。特徴的な性能や機能もさることながら、印象的だったのは生成する

2000年以降の小説ランキング NewYork Timesが、数百人の小説家、学者、編集者、ジャーナリスト、評論家、出版社、詩人、翻訳家、書店員、図書館員、などあらゆるジャンルの著名人にアンケートを募り、21世紀のベスト小説100を作成。 ランキングの集計の仕方も面白く、 それぞれに「何がベストなのか？」の定義を聞いたり、 ランダムに2冊選び、各々にコメントを求めたりしたとのこと。 あのスティーブン・キングも選定者として参加。 www.nejimakiblog.com ・The 100 Best Books of the 21st Century (※下記リンクより全文読めます) www.nytimes.com 読んだことある・読んでいる途中の作品 掃除婦のための手引書 / ルシア・ベルリン(79位) 掃除婦のための手引き書 ――ルシア・ベルリン作品集 (講談社文庫 へ 11-1) 作者: