Next.js + MDX でブログを書いています - HelloRusk Official Website
Next.js Advent Calendar 2019 9日目の記事です。 今年の2月に Next.js + MDX でブログシステムを構築しました。 あなたが今見ているこのブログは Next.js 製です。 リポジトリは以下の通りです👇 HelloRusk/blog: Tech Blog 日本においては Next.js でブログやポートフォリオを作成している人は GatsbyJS などと比較するとあまり居らず、ましてや Next.js + MDX でブログを書いている人は珍しいという状況かと思います。 私もこのブログを作り始めた頃は、日本語の記事がほぼ皆無という中で、海外の流行の最先端を追うような気持ち（？）で英語のドキュメントやリポジトリを読み漁ったものでした。 ややマイナーな Next.js + MDX ですが、私はとても気に入っています。 Next.js は（他の Now など
大規模システムにおける5つのログ転送パターン
成功者がどのようにNew Relicを使用してKubernetesのパフォーマンスを4倍に向上させ、拡張性とスループットを改善したかをご覧ください。
永久保存版！？伊藤さん式・Railsアプリのアップグレード手順 - Qiita
はじめに Railsアプリケーションを長く運用していると避けて通れないのがRailsのバージョンアップです。 古いバージョンのRailsは順次サポートの対象から外れていく（＝不具合修正やセキュリティ対応がされなくなる）ため、バージョンアップをせずに運用するわけにはいきません。 そこでこの記事では僕・伊藤淳一がRailsアプリのバージョンをアップグレード（アップデート）する手順を紹介します。 この手順はこれまで何度もRailsアプリケーションをアップグレードしてきた僕の知見が詰まった、いわば「秘伝のタレ」的なアップグレード手順です。 想定するRailsアプリケーション この記事で想定しているのは以下のようなRailsアプリケーションです。 開発者1人でもなんとか面倒が見れるレベルの規模（＝アップグレードは1人で作業する想定） 趣味で作っているのではなく、外部のユーザーがいるRailsアプリ（
プログラミングスクールに通わず、プログラミングを学ぶ方法
「プログラミングスクールってどう思いますか」への、個人的な回答メモ。 LINEのウェブ制作系のオープンチャットで、 「おすすめのプログラミングスクールはありますか？」 「エンジニアに転職したいです。何からやればいいですか？」 「おすすめの勉強方法を教えてください」 など、プログラミング未経験の方によるこの質問から始まって、独学の方法についての意見交換が始まる展開を何度か見ている 初心者なのに数十万かけてスクールに通おうとしている人が多かったのが意外だったので、個人的な考えを長文でまとめたものである。 「リモート研修中にクビになった法政大の〜」という記事を見て、既視感があったので増田に貼る。 昨今のコロナ以前に書いたので、コミュニティの利用方法は若干今の現実と即してないと思う。 この文章は、ある程度の本音と持論を語るために、あえて冗長な長い文章の形式をとっている。 なぜならば世間一般の「エン
GCPで基本に戻って始める実践 Infrastructure as code再入門#1 - VisasQ Dev Blog
こんにちは！ 2020年2月からSREチームにJoinしました木村です! 仕事をする上での座右の銘は「明日交通事故にあってもシステムと仕事を回せるようにすること」です。 基本に戻って始める。と表題では書いていますが、私元々はAWS職人でGCPに本格的にコミットしてからまだ3ヶ月位です! なのでヒィヒィ?言いながらGCPのキャッチアップに努めているわけですが今回は過去にAWSで得たInfrastructure as Codeの知識とビザスクに入社してキャッチアップで培ったGCPの知識を元に基本に戻って始めるGCPのInfrastructure as Code再入門ということで書かせていただきます。 尚実際に書き始めたら量が膨大になってしまったのでいくつかパートに分けて 書いていきたいと思っております。 今回やること GCPのCompute Engineをスコープとして Terraformを使
Incremental Static Regeneration で実現する次世代のサーバーアーキテクチャ
next.js 9.4 に Incremental Static Regeneration という実験的な新機能があります。 Blog - Next.js 9.4 | Next.js パッと見、「段階的な静的サイト生成…？なんのことだろう…」となったのですが、手元で試してみた感じ、これが既存のサーバーの実装アプローチを変える、革命的な機能ではないかと思いました。 解説を書きつつ、どのような応用があるか解説します。 next.js の Incremental SSG を試してみる リポジトリはここです。 mizchi/issg-playground 解説にあたっては、必要なのはほぼこのファイルだけで、短いのでそのまま貼ります。 // pages/[slug].tsx import { GetStaticProps, GetStaticPaths } from "next"; type Pro
わかりやすくするためであっても、「どっちかを上げて、どっちかを落とす」論法は、危険。
どうもこんにちは、しんざきです。 しんざきは暑いのが極めて苦手な生き物でして、在宅勤務中は大半の時間をタンクトップで過ごしています。 5月だというのに既にこんなに暑いと、正直7月8月を生きて乗り切れる気がしない。 ちょっと前の記事で、こんなことを書きました。 「会議でトンチンカンな発言をするベテランエンジニア」の、深い洞察。 やっぱ絶対評価って難しいんですけど、相対評価ってわかりやすいんですよ。 対立軸が発生すると面白いし、理解もしやすい、参加もしやすい。 「悟空が一人で飯食ってるだけのドラゴンボールはただのニート漫画だけど、べジータと戦い始めるとなんだか面白いよ理論」というヤツです。 ごめんなさい、私自身は「悟空が一人で飯食ってるだけのドラゴンボール」も多分割と好きなんですけどそれは一旦置いておいて。 「人間、絶対評価よりも相対評価の方が遥かに理解しやすいし、話も飲み込みやすい」 ってこ
東京都の新型コロナ対策サイトはなぜNuxtJSだったのか？ ─ シビックテックのベストプラクティス｜ハイクラス転職・求人情報サイト AMBI（アンビ）
文科系の学部に在籍しながらシビックテックに興味を持ち、関治之氏の「右腕インターン」として1年ほど関わる。その後いくつかのシビックテック活動やインターンシップを経て、株式会社almaの創業に参画。プロダクト開発をリードするかたわら、共同設立したCode for Youthなどでも活動する。学習院大学4年。 なぜNuxtJSだったのか？ あるいはjQueryでなかったか？ 偶然に決まったNetlifyは開発にとても役立った 後でコンポーネントを変更改善できるよう小さく作る ベストエフォートでの開発体制 リリース直後から届いたエンジニアの反響 シビックテック活動のベストプラクティス なぜNuxtJSだったのか？ あるいはjQueryでなかったか？ ── まず最初に、今回の技術的なバックグラウンドから聞かせてください。一見すると行政が関係した仕事とは思えない現代的な技術選定のWebサービスですが、
水嶋ヒロ『ついにこの日が来た‥』
「パパって仮面ライダーなの？」🧒🏻こないだ長女が真剣な顔して尋ねてきた彼女の友達たちからは「あなたのパパかめんらいだーなんでしょ？」って何度も聞かれたみたいでその度に困惑してたらしいこれ以上困らせるのもかわいそうで‥ついに打ち明ける時が来たそうだね‥パパは昔仮面ライダーだったんだよ🙂いつものふざけた感じじゃないトーンで返すと娘は本当だったんだ‥って顔をしながらしばらく考え込んでた🧒🏻それ以来‥何をするにも必ず連れて歩くお気に入りの人形枠に‥新たな仲間が‥加わった😂これは映画を観てるとき🎥食事をするときも‥紙でつくったハンバーガーこれをカブトに食べさせるなんかすごい絵だよね 笑「うさちゃん、カブトパパ、いっぱいたべなさい」🧒🏻って声をかけながら🍴笑組み合わせの違和感🤣寝るときも隣に☺️さすがに寝返りうつ時に痛いかもだからあとでそっと位置を動かしにいく寝る前絵本の読み聞か
migration の中で model を触ったら必ず reset_column_information する - onk.ninja
migration の中で model を触ったら必ず reset_column_information する 治安の悪い Rails アプリケーションでは、migrate 中に model の不整合で怒られることがあります。 class AddAgeToUsers < ActiveRecord::Migration[5.1] def up p User.first # 1 add_column :users, :age, :integer # 2 User.create(name: "Taro", age: 16) # 3 end end 1 で User model を触ってしまっているので add_column 前の DB の状態がキャッシュされて 2 で追加した add_column は別にキャッシュをリセットしないので 3 で ActiveModel::UnknownAttrib
Amazonの検索結果を占領する中国製品対策を考えた（iOS、macOS、Android、Windows対応）
Amazonの検索結果を占領する中国製品対策を考えた（iOS、macOS、Android、Windows対応） 近年、Amazonの検索結果は中国製の製品に埋め尽くされ、中国製以外の製品を見つけ出すのが困難なほどになってしまいました。 筆者はAliExpressが大好きで、中国製の製品が決して嫌いなわけではないのですが、中国製の製品以外から選ぼうとしてもそれが困難なのは困ります。 まだ中国製品でも日本国内の在庫であればAmazonから買う意義はあるのですが、「2〜3日で出荷」という表記の中国本土からの発送のものが多く、やはり検索ノイズとしか思えないというのが実情です。 こういうものは中国での発送完了までが2〜3日の間という意味であって、そこから日本までの到着にかかる時間は全く読めません。何回か買ってみたところでは、2〜3週間というのが相場のようです。 ホントこれだったらAliExpress
いち早く日常が戻った中国で膨れ上がる「アメリカ憎し」の禍根（プレジデントオンライン） - Yahoo!ニュース
■「政府の対応が誇り」と投稿したら集中砲火を浴びた 「新型コロナがだいぶ収まってきて、自由に出かけられるようになってきたというのに、気持ちは晴れません。なんだかむなしさを感じたり、鬱々としてしまうんです」 【写真】34度に達した5月3日、夏服で街を歩く上海市民や観光客ら 上海に住む友人は電話の先でこうため息をつく。上海ではかなりレストランが再開してきているし、スポーツジムなどなじみの施設に再び通い始めた知り合いもいる。それなのに、なぜむなしさを感じてしまうのか。友人はその理由をこう語る。 「コロナで引きこもり生活だったとき、SNSに『(コロナにほぼ打ち勝った)中国政府の対応を誇りに思う』と書き込んだところ、同僚や友人から集中砲火を浴びてしまって……それで落ち込んでしまいました」 友人が受けた集中砲火というのは「政府は情報を隠蔽して感染を拡大させたのだから、誇りに思うとは何事だ！ 」という、
module bundlerの作り方(準備編) - hiroppy's site
今回は中身がどう動いているかを解説したいと思います。 最初のこの記事では、最低限の実装を説明していくことにします。 webpack のアルゴリズムの仕組みはこちらを読んでください。 必要なステップ 必要なステップは以下の 3 つです。 エントリーポイントからのすべてのモジュールを走査し、requireを解決後にユニーク id を付与していく コード内のモジュールパス(requireの引数(e.g. ./module.js))を id へ置換する runtime のコードテンプレートの作成 IIFE(即時関数)箇所とそれに付随する引数の module 群 この実装されあれば、動くコードはできます。(2 つめは optional でもいいけど後からつらくなる) モジュール解決 今回は説明しやすいように関数を 2 つに分けています。 すべてのモジュールの把握と ID 作成 コード内の requi
Twitterをやめて初めて鋼の錬金術師の結末が腑に落ちた同人字書きの話
※自己陶酔長文 ※同人界隈のくだらない話です ※ハガレンはあくまで個人的な感想、感慨、そういうものの中で引き合いに出しただけです。こじつけというか、たまたまこういうものの中で自分がしっくりくるのがハガレンだっただけです、うまく言えないのですが。ハガレンが好きな方は閲覧気をつけてください。 ※以降、鋼の錬金術師の重大なネタバレを含みます。 「鋼の錬金術師」という有名な漫画がある。鋼の義肢を持つ兄のエドワード・エルリック（通称エド）と、鎧姿の弟、アルフォンス・エルリック（通称アル）が、「真理」（神様的な存在）に奪われた自身の体を取り戻すための旅をする中で賢者の石をめぐる壮大な陰謀に巻き込まれていくダークファンタジーである。 私はこの漫画が大好きなのだが、一つだけ「あんまり気に入らないなあ」という展開があった。それは、物語の最後、主人公のエドがアルを取り戻すためにとった手段のことである。 そもそ
鬼滅の刃が引き伸ばしをしない事を不思議に思う人は若くない
ここ10年以内に始まったジャンプ漫画の殆どは人気が出ても引き伸ばしも無く終わっています。 鬼滅の刃があっさり終わる事を不思議に思うのは、それ以前のジャンプ漫画の印象に引き摺られてるのでは無いでしょうか？ それを示すために以下では2010年以降に始まった週刊少年ジャンプの漫画で100話以上続いた漫画を挙げていきます。 (100話以内に終わった漫画は引き伸ばし云々を語るには適さないため除外します) まずは100話以上続いた上で今週までに終わった作品がこちらタイトル連載開始年話数ニセコイ2011年229話斉木楠雄のΨ難2012年282話暗殺教室2012年180話食戟のソーマ2012年315話磯部磯兵衛物語2013年256話火ノ丸相撲2014年250話鬼滅の刃2016年205話 次に現在連載している漫画で100話以上続いているのがこちら （ONE PIECE(1997年開始 現在979話)とHUN
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Rails for backend of fresh EC platform "Cookpad Mart"
2020-05-13 RailsとJSON:APIによるマイクロサービス構築事例