Parrots in captivity seem to enjoy video-chatting with their friends on Messenger

Next.js blurs the lines between client and server. It supports pre-rendering pages at build time (SSG) or request time (SSR). Prisma is the perfect companion if you need to work with a database in a Next.js app. You can decide whether to access your database with Prisma at build time (getStaticProps), at request time (getServersideProps), using API routes, or by entirely separating the backend out

【動画付き】Next.js の Server Side Rendering (SSR) を理解する。create-react-app と比べてみた。JavaScriptNode.jsReactNOWNext.js Next.jsのサイト、かっこいいですよね 😊 クールで、パフォーマンスにも優れていてエンジニアを魅了します。 日本では Nuxt.js が人気のようですが、個人的には Next.js を推しています。 さて、先日 Next.js のチュートリアル を通してサーバサイドレンダリングについて考えさせられる機会がありました。本記事では、そもそもサーバサイドレンダリングのメリットとは？というところから初めて、create-react-app によって実装された SPA と、nextによって実装された SSR ではどのような違いがあるのかを検証してみました。 以下の動画は本記事のサマリ

いわゆる SPA + サーバーサイドレンダリングがダルい 唐突ですがおさらいです。 なぜサーバーサイドレンダリング（SSR）が嬉しいかと言えば 初期表示の Critical Rendering Path を短縮できる SEO における保守信仰にやさしい（） 古いブラウザ・低性能マシンにやさしい yahoo/fluxible による SPA + Server Rendering の概観 ::ハブろぐ であり、特に SPA + SSR の文脈においては Universal Architecture による SPA + SSR は、技術的には過渡期の歪なキメラっぽさが拭いきれませんが、昨今の Web フロントエンドにしては珍しくビジネス的な説得力があります。 SSR なのでSNSや検索からの流入による初期表示が速い SPA なので回遊時のページ遷移も速い SSR なので古いブラウザでも CSS

Server Side Renderingについて知るべきこと。Server Side Renderingとは何か？ それによって何が改善されるのか？（前編） ng-japan 2017 JavaScriptフレームワークとして知られるAngularのイベント「ng-japan 2017」がAngular Japan User Group主催で6月17日に都内で開催されました。 Angularは基本的にWebブラウザで実行されるJavaScriptアプリケーションのフレームワークですが、一方でサーバサイドでAngularが備えるHTML構成機能を実現する、いわゆるServer Side Rendering機能の開発も「Angular Universal」として進んでいます。 そのため、Server Side Renderingに興味を持つAngularデベロッパーも増えてきました。 ng-

数日前（4/21頃）に Next.js のチュートリアルが一新されました。 Next.js は 3 月頭に ver 9.3 がリリースされ、ビルド時に静的に HTML を生成する関数などが追加されるなど、今までよりもかなりパワフルになり、いわゆる JAMstack と呼ばれるようなアプリケーションを作りやすくなりました。 そのバージョンアップに対応するかたちで、チュートリアルも大幅に書き直されました。 参考（開発チームの @chibicode さんのツイッター） Next.jsの公式チュートリアルを最新版に沿ってゼロから書き直しました! 🎓英語ですが初心者向けです! ⚛️最近導入されたgetStaticProps等の関数や、 🎨CSS Modulesの解説をしています! 🗣ブログを作りながら学びます 🤗ご感想お待ちしております!https://t.co/R4j9vpAQoc — S

はじめに 最近、Webの記事を見てるとReactだVue.jsばかりが上がっていてJSPやERBの話をしてる人は誰もいません。jQueryの記事ももちろん見ない。 つまり、Webだけ見る限りではほとんどの人がSPAを使ってるように見えます。 私はWeb界隈には居るもののどちらかというとバックエンド寄り、もっというとそもそもWebとか関係ない領域を見る事が多いので、ちょっとキャッチアップを兼ねていくつかの個人プロダクトにVue.jsを採用してみました。 jQueryくらいで頭が止まってたので。サーバサイドもマイクロサービスでAPI化が進んでるのでフロントもそれに合った技術を選ばないとですしね。 というわけで、今回はその中で得た知見というか、従来型のサーバサイドでのWeb開発をしていた人の視点でVue.jsをキャッチアップする流れで書いていきたいと思います。 まあ最終的な結論は正直「これすごく

JavaScript apps the monolith wayInertia is a new approach to building classic server-driven web apps. We call it the modern monolith. Inertia allows you to create fully client-side rendered, single-page apps, without the complexity that comes with modern SPAs. It does this by leveraging existing server-side patterns that you already love. Inertia has no client-side routing, nor does it require an

筆者が愛用してやまない作業高速化ツールたちに感謝しながら、ひたすら列挙するページです🙏 Mac専用 Alfread 多機能ランチャ ファイル検索 クリップボード履歴の保存がめちゃくちゃ便利（有償版） Clipyとかも試して、有償版Alfredが一番しっくりきた クリップボード履歴を保存 履歴が残る 筆者は Cmd + Shift + V で発動するよう設定 画像コピーの履歴も保存 履歴の検索 クリップボードでコピーしながらマージできる マージしたい文字列は、「空白区切り」「改行区切り」「区切りなし」を選べる コーディングが捗る スニペット機能（https://zenn.dev/naotolog さんご紹介🙏） 定型文を登録して、呼び出すことができる 穴埋め入力が必要ない場合は Dash よりこちらが良さそう Station 通知の一元化 Slack/Twitter/Facebook/G

TL;DR 分散システムにおいてキューを導入する場合、本当にキューが必要なのか再考すべき。そこが地獄の入り口だから。 システムの抽象 コンピュータの世界は、本来は0と1の信号の羅列が飛び交う無機質なものである。でも人類は信号だけですべてを語らず、様々な喩えを定義してきた。それはデスクトップ・ウィンドウ・マウスカーソルといったグラフィカルな表現に留まらず、パケットやカプセル化といった用語にロック・キュー・リスト・木などのアルゴリズムやデータ構造の世界にも自然に溶け込んでいる。これらはすべて人間の理解を助けるための喩え話に過ぎず、この喩えこそが人間のより直感的な理解をもたらす一方で、発想の制約を生み出してきた。 人間が大きなシステムを作るときも何らかの喩えを用いてシステム全体を整理する。アーキテクチャの「ポンチ絵」を描いて情報共有をするのは企業に勤めていれば経験した人も多いだろう。パワーポイン

Amazon SQS は可用性やスケーラビリティの高いメッセジキューサービスであり、AWS の代表的なサービスの 1 つと言えるでしょう。ところが、本番の運用に耐えられるアプリケーションにしようと思うと考えることが意外に多いものです。本エントリーでは簡単なサンプルアプリケーションをベースに、本番で運用するために考慮すべき点・注意点について見ていきます。題材として扱うのが SQS なだけで、SQS 以外を使ったアプリケーションにも応用できる内容もあるでしょう。 なお、SQS には Standard queue と FIFO queue がありますが、Standard queue を使う前提とします。 アジェンダは次のとおりです。 サンプルアプリケーション 1. ログ 2. At-least-once delivery と visibility timeout 3. デプロイ 4. 異常系 5

この記事は 「JavaScriptの勉強してたらみんなNode.jsの存在を前提に話が進む。でもNode.jsってWebサーバじゃないの？ なんでインストールしなきゃいけないの？ なんでみんな使ってるの？」 といった疑問を解消することを目的としています。 基礎：JavaScriptの特徴 まずはJavaScriptと他のプログラミング言語の違いを知っておく必要があるので解説します。 JavaScriptはChromeやFirefoxといった「ブラウザ上」で動作するプログラミング言語です。 対してPythonやRubyのような一般的なプログラミング言語は通常「パソコン上」で動作します。1 このことが生み出す違いは、OSの機能にアクセスできるかどうかです。 「OSの機能」とは例えばファイルの読み書きや、ネットワーク通信などの機能のことです。 パソコン上で動作するアプリケーション（Pythonや

珍しくはてブにイケメンの日常みたいな話題があがっていたので、イケメンの自分が日ごろ感じている困難を書いてみようと思う。これから書くことは自慢と捉えられたり、まったく共感もされないので表立って話すことはまったくない。 ・女性から見られるのは日常 外出しているときに視線を感じてそっちを見ると、女性と目が合うことが1日に何度もある。電車の中、道を歩いていてすれ違うとき、横断歩道で信号が変わるのを待っているときなど。 成人女性に限らず、女子中学生が友達とキャッキャと話していたのに、自分とすれ違うときだけ急に黙ってじっと見てきたりするし、女子小学生が見てくることもある。 すれ違いざまに上目遣いでジーッと見てくる。「ジーッ」っていう擬音がほんとうによく合う見方で、特に大学生ぐらいの年齢の女子は食い入るように凝視してくる。 ・恋の駆け引きというものがわからない 恋愛系の話題を聞いていて一番ピンとこないの

企業の働き方改革を支援する株式会社クロスリバー代表・越川慎司氏が著した『AI分析でわかったトップ5％社員の習慣』（ディスカヴァー・トゥエンティワン）がビジネスマンに売れている。各企業の人事評価「トップ5％社員」に共通する行動習慣や思考パターンを明らかにし、その「ルール」を取り入れると、「その他95％」の一般社員も確実に成果が出るというのだが、生き残りをかけて必死なサラリーマン諸氏にとって「福音」か、それとも「耳の痛い話」か──。 「トップ5％社員」のノウハウの秘密 今回、これまで働き方改革の支援をしてきた企業各社で「トップ5％」の人事評価を得ている社員の言動を、定点カメラやICレコーダー、メールの履歴なども用いながらAIで解析して、95％の一般社員との違いを明らかにしました。業種業界を超えて、優れた成果を上げるビジネスパーソンには、共通する行動習慣や考え方のようなものがあるのではないか──

10/31 追記 追記は好きじゃないのでちょっとだけな。 温かいメッセージをくれた人、ありがとう。嬉しかった。 あと１年だけ続けてみる。 （以下本文） この仕事を始めて２年が経とうとしている。 それ以前は全然違う仕事をしていたけど、ある日突然、マッチングアプリの運営会社に出向することになった。 楽しくやってると言えば嘘になる。 最初の頃は何もかもが新鮮だった。出会い系に代わる、新しい形の人と人とを繋ぐサービスの管理・運営を担うんだという自負があった。 今では心に澱が溜まっている。愚痴のようになるけど聞いてほしい。三点ある。 これを書いている今はなんとも言えないけど、もしも気分が乗ったら、最後にアプリの攻略法みたいなものを書いてみようと思う。俺も他社のマッチングアプリをやりこんだ身として、真剣に恋愛を考えている人のためになればと思う。 １．マッチングアプリをやっている人たちへの所感 これを読

ピルは女性側が接種する避妊のための薬であり、その他にも女性ホルモンのコントロール、月経痛をやわらげ、月経リズムを整える等、色々な目的で利用されている薬であり、女性のために使われるものである。 また、ピルは女性にとって妊娠を管理するものであるから、女性が男性からの生殖管理から離れて、女性が主体的に自分の体を管理することが出来るものとして期待されてきた。 ただ、ピルは承認から普及に至るまで、かなりの時間を要してきたものであり、現在でも女性の避妊方法としては、ピルも含めてなかなか普及が広まらないのが現状である。 それに対抗するものとして、ピルや緊急避妊薬を認めてほしいという運動はフェミニズムから主張される。その動きで少し前に話題になったわけだが、その内容を少し紹介しよう。 #おはよう日本 で予期しない妊娠で苦しむ女性と #緊急避妊薬を薬局で 購入できるようにとの活動を特集。遠見才希子先生@emm

性における主体的選択がテーマです。避妊薬を40年間封印してきた日本の特殊性は今なお続いています。ピルとその周辺（避妊・中絶・性教育・ジェンダーなど）についてつぶやきます。ブログ⇒http://t.co/VOATGH3b9W

🦄女をアゲる女🦄 @amaterasu_solar @shino75605788 @pentaxxx 本当、「避妊薬」で検索すれば、みんなたくさんリプロのこと呟いてることは一目瞭然です。 もしフェミニストに対する批判でその画像を貼り付けたのなら、ツイートの投稿日ちゃんと確認しなさい。せめて同じ時期の持ってきなさい。 だれにでも指摘できる甘いツイートしないように。 2020-10-24 00:21:19

こんにちは。ゲンロンの出版物・メルマガ等いつも楽しく拝見しています。娘さんのいらっしゃる東さんへ大変恐縮な質問なのですが、東さんは自身の子どもが生まれるに際して、反出生主義的な言説(子どもが幸福になれるか分からないのに子どもをこの世界に生み出すことへの躊躇い)をいかにして退けましたか？上記の質問は、先日の東さんの生放送「東浩紀がいま考えていること」のなかで”親にとって子が生まれることは偶然であるが子どもにとっては絶対的”であることの非対称性について言及されていた際に思ったことです。この非対称な親と子の関係の下で、上記の躊躇いはいかに乗り越えられるのか、また親は子どもの幸福という倫理的責任をどこまで引き受け、どこまで開き直るべきなのか、東さんのご意見を伺えたら幸いです。（東京都・20代・男性・友の会会員） ぼくの娘が生まれたのは2005年です。当時は反出生主義という言葉はありませんでした。し