GraphQL「良さ」・「難しさ」再探訪 〜スタディサプリにおける実例〜 / StudySapuri with GraphQL2024/02/08 に「LayerX、スタディサプリ、SHEと考える GraphQLが向いている現場とは？運用実践LT」で、内山高広( @highwide )が発表した資料です。 #Offers_GraphQL実践LT
Reactの状態を理解して適切にHooksを利用する
Reactと状態は切っても切れない関係です。なぜなら、Reactは状態に基づいて画面を更新するコンポーネントベースのUIライブラリだからです🤝🏻 そんなReactの状態を管理・操作しやすくしてくれているのが、React 16.8から登場したフックです。それゆえ、フックを正しく利用するにあたってReactの状態の理解は非常に重要であり、Reactの状態の理解があやふやだと、予期せぬ挙動やバグのもとになりかねません。 今回の記事では、Reactの状態を理解しながら適切な箇所で適切なHooksを選択していくプロセスを再確認できた！自信を持ってReactをコントロールできるようになりそう！と言えることをゴールとしています🎉 今回使用した即席匿名メモアプリのコードベースです。 サークルでは、コミットに沿って説明をしていきました。（あくまで即席なので細かいこと気にしながら作ってませんorz） 【
Next.js + TypeScript + Tailwind CSS の開発環境をできるだけ丁寧に構築する【2024年】
はじめに 最近、Next.js、TypeScript、Tailwind CSSを使って技術ブログを立ち上げました。（まだあまり更新は進んでいませんが…） このプロジェクトを通じて構築した開発環境がわりと快適だったので、誰かの参考になるかもしれないと記事を書いてみることにしました。 できる限りわかりやすく詳細な説明を心がけましたが、その結果、記事のボリュームが大きくなってしまいました。長文ですが、興味のある方はぜひ読んでみてください🙏 また、この記事内で紹介した内容をセットアップしたリポジトリを公開しています。 Next.jsのボイラープレートとして活用可能ですので、興味のある方はぜひ覗いてみてください。
外資系の会社が労働者を辞めさせる手口７つ！対処法と獲得したい条件５つ
外資系の会社から辞めさせられそうになって困っていませんか？ 外資系の会社で働いている方の中には、会社が自分のことを辞めさせようとしている兆候を感じている方も少なくないですよね。 外資系の会社は、労働者を辞めさせる手口として以下のような方法をとる傾向にあります。 つまり、パワハラやＰＩＰに始まり、徐々に労働者を追い込んでいき、それでも退職しない労働者に対しては、直接的に退職するように勧めたり、会社からロックアウトしたりします。 外資系の会社が労働者を辞めさせる理由としては、私の経験上、「人件費の節約・ヘッドカウントの削減」、「ポジションクローズ」、「パフォーマンス不足」、「上司との折り合いが悪い」などが多いです。 労働者が外資系の会社から辞めさせるターゲットにされてしまった場合には、以下のような点に気を付けて対処していただくといいでしょう。 ・改善の意思を示しつつも自分の認識も指摘する ・会
【MySQL】フロントエンドエンジニアがMySQLのWITH句の便利さを知った話
はじめに こんにちは。kouです。 自分は普段の開発業務ではフロントエンド及びバックエンドのどちらもを触ることが多いのですが、元々はフロントエンドに興味関心があってフロントエンドを中心に学習をしていたこともあり、バックエンド技術に関しては相対的に見てまだまだ広い知見がありません。 そんな自分が、最近業務内でMySQLのWITH句を使用する機会があり、SQLの可読性向上の観点からとても有用なものだと感じたので、今回はその紹介をします。 WITH句とは WITH句とは、SQL（主にサブクエリ）の実行結果に対して名前をつけて一時的な仮想テーブルを作成し、それをメインクエリ内から参照できるというものです。別名を「共通テーブル式（Common Table Expressions, CTE）」と呼びます。 言葉だけでは伝わりづらいので、以下にサンプルコードを用いてその有用性を説明します。 まずはこちら
首都は国土の中央部にあるか
ある作品で「首都が国土の中央部にないのはおかしい」というツッコミが入ったという。 だが、そもそも首都は国土の中央部にあるものだろうか。現代を舞台に検証してみよう。（シンガポール、モナコのような都市国家は考慮しない） Category A：首都が国土のほぼ中央にある国・スペイン（マドリード） お手本のように中央部にある国といえばまずここだろう ・ベルギー（ブリュッセル） そもそも北部のフラマン語（オランダ語）圏と南部のフランス語圏の中間に作った都市なので ・マダガスカル（アンタナナリボ） アフリカ大陸の南東にある世界で４番目に大きい島＋付属島を国土とする島国である。 ・ベラルーシ（ミンスク） ・スロベニア（リュブリャナ） ・ラトビア（リガ） ・バングラデシュ（ダッカ） ・イラク（バグダッド） ・チリ（サンティアゴ） ・エチオピア（アディスアベバ） ・コロンビア（ボゴタ） ・パナマ（パナマシテ
199人が死亡した史上最悪の遭難…「八甲田山雪中行軍」で一体なにが起きていたのか？「睡魔に襲われたように次々と昏倒」「追い詰められたあまりに…」 | 文春オンライン
いまから122年前の1902（明治35）年に起きた、八甲田山雪中行軍遭難事件。未曽有の荒天の中でいくつもの人為的なミスが重なったとされる。だが、その責任はほとんど追及されないまま、「無謀な行軍」の悲劇は「天災」として片づけられただけでなく、いくつもの「美談」に転化された。 その陰で事実は隠蔽され、多くの謎が残された。そこには、近づきつつあった日露戦争に全ての関心を振り向けようとする強い力が働いていた。210人が遭難し、199人が犠牲になった「日本山岳史上最悪」の遭難はどのように伝えられたのか。あるいは伝えられなかったのか――。 今回も当時の新聞記事や記録は、見出しはそのまま、本文は現代文に書き換え、適宜要約する。文中にいまは使われない差別語、不快用語が登場するほか、敬称は省略する。部隊名の表記は例えば「歩兵第五聯隊」「三十一聯隊」が当時の正式名称だが、新聞記事の見出し以外「歩兵第五連隊」「
首都の立地、考えだすと楽しいよね…… 昔そこは国土の中心だった：コペン..
首都の立地、考えだすと楽しいよね…… 昔そこは国土の中心だった：コペンハーゲン（デンマーク）デンマークといえば、みんな大好き「（植民地とかではない）メインの領土が大陸にあるのに首都が島にある」2か国のうちの1つだけど（もう1つは赤道ギニア）、確かに「現在の」地図を見れば、首都コペンハーゲンはずいぶんと端っこにあるように見える。だが、コペンハーゲンはもともと国土の中心にあった。現在のスウェーデン南部スコーネ地方はもともとデンマーク領だったが、17世紀に戦争でスウェーデンに奪われたのだ。つまりコペンハーゲンは、ユラン半島とスカンジナビア半島南端部というメインの2つの領土をつなぐ、ちょうど真ん中の位置にあったことになる。仮に東北地方がソ連に奪われていたら、東京はずいぶん国土の端っこにあるように見えるのではないだろうか。 昔そこは国土の中心だった：ソウル（韓国）言うまでもないだろう。仮に将来南北統
「湖水爆発」で数百万人が犠牲の恐れ、時限爆弾のようなキブ湖
ルワンダとコンゴ民主共和国にまたがるキブ湖。そのユニークな地質的特徴により、湖深くに膨大な量の二酸化炭素とメタンガスが蓄積しており、湖岸に住む数百万人の命を危険にさらしている。（PHOTOGRAPH BY ROBIN HAMMOND, NAT GEO IMAGE COLLECTION） ルワンダとコンゴ民主共和国にまたがる緑豊かな渓谷にあるキブ湖は、見事な崖に囲まれている。湖上では漁師たちが小舟を浮かべ、歌に合わせて櫂（かい）を揃えて漕ぎながら、その日の食料を捕っている。だが、湖の深部は、そんなのどかさとは無縁の世界だ。 キブ湖は地質学的に特異な多層湖で、深い層は蓄積した二酸化炭素とメタンで飽和状態にある。このような湖は世界に3つしかない。残りの2つはカメルーンのニオス湖とマヌン湖で、どちらも過去50年の間に湖水爆発を起こして致死的なガスの雲を噴き上げ、人間や動物を窒息死させた。 1986
2023年の映画ベスト100 ネット投票を集計しました - 破壊屋ブログ
X（Twitter）上のハッシュタグ『#2023年映画ベスト10』を集計しました！有効投票4457名が選んだ2023年最高の映画は『ガーディアンズ・オブ・ギャラクシー：VOLUME 3』でした！ 1位：ガーディアンズ・オブ・ギャラクシー：VOLUME 3 ジェームズ・ガン監督がベスト1を獲得するのは2021年の『ザ・スーサイド・スクワッド “極”悪党、集結』以来、アベンジャーズなどを描くMCUの映画がベスト1を獲得するのは2019年の『アベンジャーズ/エンドゲーム』以来です。そして本作はGOTGシリーズ3作目で、MCUシリーズ32作目でもあります。ここまで作品数が多いとついていけない人が多そうですが、本作は動物キャラを主役にして、心動かされる悲しいストーリーを主軸にしたのが勝因です。 またジェームズ・ガン監督の「悪趣味で不健全だけど道徳は守る」という絶妙なバランス感覚も、映画ファンにはピッ
「穢れ」の正体は、「無秩序」なものに触れることへの「恐怖」から来てる「嫌悪」だった―自分とか世界とかが、容易に変貌してしまう先史時代の世界—
巫俊（ふしゅん） @fushunia 「穢れ」の正体が、「無秩序」なものに触れることで、自分だとか世界とかが、別の何かに変貌してしまうことへの「恐怖」から来てる「嫌悪」だったの、生命の本質を突いてると思うし 【感染症で深刻な症状が出ても、客観的に存在するはずの「自己」は変わらない】 って、現代人の意識を浮き彫りにする pic.twitter.com/BnZqosUBPf 2024-01-15 18:59:37 巫俊（ふしゅん） @fushunia 先史時代の人の感覚は、現代人の意識とは相違してるのですが、 「荒ぶるものが、蠢(うごめ）き渡り、蝿のような光が、世界を満たす」 そんな空間の神話/歴史を紐解いてくと、ごくごく限られた世界線に、毎年、何とか戻ることで、かろうじて水田の稲が実り、人間が人間でいられる、そんな世界でした。 pic.twitter.com/gXhLEZz1oJ 2024-
HOTO TOOLS：ホームツールをデザインとテクノロジーで現代的に更新する道具 | PREDUCTS
PREDUCTSは「いい仕事」を生み出す道具のメーカーです。 これは私たちブランドの目指す姿でありつつ、自分たち自身が、道具に求めていることでもあります。日々使う道具も”使いやすく”、”創造性を刺激してくれる” ものであってほしい。そんな道具を探しながら、ものづくりに勤しんでいます。 このシリーズでは、PREDUCTSのメンバーが普段愛用している道具たちをご紹介していきます。 こんにちは、PREDUCTSの安藤です。 今回ご紹介するのは、私がここ最近とても愛用している仕事道具の「HOTO TOOLS」のアイテムたちです。 HOTO TOOLSのプロダクトと出会ったのは数年前、今では毎日の仕事に欠かせない道具になりつつあります。本記事ではその推しポイントと、HOTO TOOLSのアイテムをご紹介します。 HOTO technologyについて HOTOは”Home Tools”から文字を取っ
マンガ「神引きのモナーク」がとても面白い - 誰かの肩の上
マンガ「神引きのモナーク」が、とても面白いという話です。 今連載されてる漫画の中では、一番続きが楽しみかもしれません。 未読の方へ この記事は、ネタバレを含んでいます。 未読の方は、ぜひ先に作品をお読みください。 作品単体でも楽しめますが、同作者の「ニセモノの錬金術師」と設定等を共有しており、そちらを先に読むとより楽しめます。 どちらも、HUNTER×HUNTERやワールドトリガーを好きな人には、特にオススメです。 特殊能力ありのバトル、群像劇要素、賢いキャラ多め。 ニセモノの錬金術師 錬金術×呪術×奴隷×エルフ×転生×神様×チート×バトル…… ファンタジーのすべてが詰まった作品（公式［商業版］のキャッチコピー）。 小川一水いわく、（作者の）「才能の原子炉が…暴走し続けている」*1。 こんな傑作を無料で読んで良いのか？というくらい面白い*2。 はてブでの評価も高い。 [B! 漫画] 意外と
ITエンジニアが投票した「ITエンジニア本大賞2024」発表。単体テストの考え方／プログラマー脳／ プロジェクトマネジメントの基本が全部わかる、など
ITエンジニアが投票した「ITエンジニア本大賞2024」発表。単体テストの考え方／プログラマー脳／ プロジェクトマネジメントの基本が全部わかる、など 「ITエンジニア本大賞」は、仕事の役に立った本、初学者におすすめの本、ずっと手元に置いておきたい本など、おすすめの本をITエンジニアがWeb投票で選ぶイベントです。 主催は翔泳社ですが、対象となる書籍は出版社を問わず技術書、ビジネス書全般となっています。刊行年も関係なく、これまで大賞に選出された書籍を除き、この1年を振り返っておすすめしたい書籍が対象となります。 今回発表されたのは技術書部門とビジネス書部門それぞれのベスト10です。現時点では50音順に並んでいます。 以下は選出された技術書部門とビジネス書部門それぞれのベスト10を、Amazon.co.jpへのリンクと画像、概要で紹介したものです（アフィリエイトリンクは含まれていません）。正式
Reactにおけるパフォーマンス最適化のTips
はじめに React は内部でのパフォーマンス最適化により UI 更新に必要な DOM 操作の数を軽減しています。本記事では、さらに React アプリケーションを最適化するテクニックを紹介します。 前提知識 以下にレンダリングの仕組み等を解説します。すでにご存知の方は飛ばしてテクニックの章をお読みください。 React がどのように UI を更新するのか レンダリングされたコンポーネントを作成した時、React はコンポーネントの要素木に対してvirtual DOMを作成します。コンポーネントの状態が変わるたびに React は virtual DOM 木を作成し以前のレンダリング結果と比較します。それらの違いのみを変更された要素の実際の DOM に反映します。 実際の DOM は操作するのにパフォーマンスコストがかかるため、React は virtual DOM を用いることで再レンダ
App Router | Next.js 公式ドキュメント 日本語翻訳プロジェクト
本ドキュメントは公式ドキュメントの v14.1.0 の断面を翻訳したものです。Next.js の公式 X アカウントにもポスト頂きました。 公式ドキュメントのアップデートに追随して適宜更新しますが、最新情報が反映できていない可能性があります。 一部翻訳途中のページがありますが、随時翻訳を追加予定です。 Next.js の App Router は、React の最新機能を使ってアプリケーションを構築するための新しい方法です。すでに Next.js に慣れ親しんでいる方であれば、App Router が既存のファイルシステムベースのルーターである Pages Router の自然な進化形であることがわかるでしょう。 新しいアプリケーションには、App Router の使用をお勧めします。既存のアプリケーションについては、段階的に App Router に移行できます。同じアプリケーションで両
「どうみてもクモにしか見えない尻尾」で獲物を誘うヘビ - ナゾロジー
鳥にとって、地上を無防備に歩くクモは貴重な食料です。 しかし、クモを食べようとしている鳥たちこそが、ある種のヘビにとっては「無防備で」「貴重な食料」なのです。 イランに生息するスパイダーテイルドクサリヘビ（学名：Pseudocerastes urarachnoides）は、本物のクモに見える尻尾を持っており、その尻尾で獲物をひきつけ捕食します。 その尻尾の動きは、まるで釣り人がルアーを小刻みに動かしている時のようです。 ここでは、いくつかの論文から、徐々に明らかになってきたスパイダーテイルドクサリヘビの生態をご紹介します。 This Might Look Like a Spider, But You’re in For a Shock https://www.sciencealert.com/this-might-look-like-a-spider-but-youre-in-for-a-
2023年に読んで面白かった漫画 59選 - #AQM
★★★ 面白かった ★★★★ すごい好き ★★★★★ 愛してる ★★★★★★ 人生のお供 この記事では★5以上を並べます。 同じ★数同士の順番は、単純に読んで記事にした日付の順なので他意はないです。 読んで面白くなかった漫画は、わざわざDISるのもなんなので記事にしてないです。 その他、世の中には自分が読んでない漫画の方が圧倒的に多いです。 前回はこちら。 aqm.hatenablog.jp 1年分まとめて、寸評は巻ごとじゃなくて作品ごとに。 諸々コミでこんぐらい。長くてすいません。 あとで読んでください。 投票や合議で広く意見を募りバランスを取る、多くの漫画賞などと違い、ある一人の人間が読んだ漫画が面白かった、というだけの話です。 多かれ少なかれ、 「ブログ主のアンテナが低かったり好みが偏ってたりのせいで、バランスが悪いラインナップだ」 と思われることでしょう。 ご自身の持つ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アリアドネの糸みたいな諺？言い回し？
地政学によれば、大陸国家は他国からの侵略を防ぐために、首都から防衛線をできるだけ遠ざけようとするとされます。ロシアの首都はなぜあんなに西の国境近くに位置しているのでしょうか？
