こんにちは〜。チーフエンジニアのid:cockscombです。 最近、同僚のid:yashigani_wとともに、はてなのコーポレートサイトを静的サイトとして再構築しました。ちょっとした仕事ではありますが、経験によって得られた暗黙知を形式知へ昇華するため、ここに紹介します。 はてなのコーポレートサイトとは サイトを静的化するメリット どのようにサイトの静的化を進めたか 1. 静的ファイルをNext.jsで生成 2. 運用を自動化したい 3. ホスティングサービスを選択する 4. 動的なコンテンツを表示する リリースと振り返り ホスティングサービスに関する補足 はてなのコーポレートサイトとは 弊社のコーポレートサイトは一般的なそれと同様に、株式会社としての「はてな」に関心を持っていただいた方々とコミュニケーションするための窓口です。会社情報を提供したり、あるいはプレスリリースなどの情報を公開

普通は役所のシステムって構築してから5年とか7年は塩漬けにして使うもので、一度やらかしてしまうと名誉挽回の機会なんて向こう数年は与えられないんだけど、こと本件に関しては高市総務大臣から「今すぐ私がマニュアルなしでも使えるように直しなさい」と叱責いただいて、しっかりと予算的なサポートも得られたことで、たったの数ヶ月で立て直すことができた。 この数ヶ月は外部のセキュリティやPKIの専門家の方から様々なサポートをいただいて何とか実現したんだけれども、役所のシステム開発としては非常識というか、極めて難易度が高い案件だった。「え？単にChromeやSafariをサポートするだけでしょ、難しい訳ないじゃん」と思う諸兄は、もうしばらくこの話に付き合って欲しい。 もともとマイナポータルは日本を代表するITベンダーと通信キャリアの3社が開発したんだけど、大臣からの叱責を受け「ちゃんとお金を払うから直してよ」

岩手で就職した俺は、何度か転勤をして長野に腰を据えることとなった。 軽井沢という洒落た別荘地の近くに勤務する俺は、独身ながら小さな庭付きの家も購入し、ずいぶんと浮かれていたのだろう。 小さな庭はまだ何も植えられていなく、少し寂しい。何か、食べられるものを植えたい。そう思って先輩に相談すると、先輩は静かに言った。 ラズベリーだけはやめておけ、と。 いつも笑っていた先輩が突然無表情になり放った言葉に、俺は困惑した。どうしてと問うと、先輩は答えてくれた。 奴らは繁殖力が恐ろしい。一度根を張ると、他の植物を食らいつくす勢いで増えていく。何も手をかけていないのに、だ。 世話をしなくていいなんて、まさに俺向きじゃないですか。そう茶化したのだが、先輩は無表情に首を振った。 そして静かに繰り返す。ラズベリーだけはやめておけ、と。 何だか怖くなり、とりあえず俺は先輩の言うとおり頷いた。 その日の帰宅途中、煌

追記：VS Codeの入門書をZennでリリースしました ブログで扱ったVS Code関連の記事をまとめて、無料の電子書籍としてZennというプラットフォームでリリースしました。よければ、こちらも参考にしてみてください。 Visual Studio Codeの教科書 Visual Studio Codeの教科書を購入しました。基本的な使い方から拡張機能の作り方まで、広く押さえられていました。 プログラマーのためのVisual Studio Codeの教科書 (Compass Booksシリーズ) 作者:川崎 庸市,平岡 一成,阿佐 志保発売日: 2020/04/30メディア: Kindle版 自分は拡張機能作りには興味なかったのですが、思わず手を伸ばしたくなりますね。拡張機能作りまで興味ある方にとってはかなり良い本ではないかと思います。 本を読むと、色々改めて発見があったのと、拡張機能一回

藤井聡太新棋聖が誕生し、世間は大きく湧いている。 けれど、ここでは、番勝負で敗れた渡辺明二冠の話をさせてください。 羽生と藤井の間　渡辺明は、昨年このような発言をしたことがある。 「今の棋士は自分も含めて、歴史的には羽生と藤井の間、という位置づけになるんじゃないですかね」 （2019年2月27日付「日本経済新聞」夕刊） いつものようにニヒルな笑いを浮かべて、彼はあっけらかんとこのようなことを言った。 しかし、この発言は私にとっては結構な衝撃であった。渡辺明は、羽生の次は藤井の時代だ、自分は時代を作る棋士ではない、そう言ったのである。 この言葉の意味は、とてつもなく重い。 渡辺明は、紛れもない「天才」である。 中学生で棋士になり、20歳で将棋界の最高タイトル、竜王を獲得する。 玉を堅く囲い、針の穴に糸を通すような細い攻めを見事に通す。理路整然としたその将棋は、美しく、絶品である。 2008年

アフィブログに捕捉されたので一部公開終了です。 僕は住友不動産販売のチラシよりもまとめサイトやアフィブログが嫌いなので。はちまとか刃とか。 ChromeやFirefoxのアドオン「はちまバスター」（アフィブログへのリンクをブロックしてくれる）オススメです。 不動産勧誘やチラシへの対処法の部分は編集して残します。 目次： 不動産の勧誘やチラシ、DMに困った時の法律 国土交通省に通報 何が良かったのか まとめとアドバイス 不動産の勧誘やチラシ、DMに困った時の法律 不動産会社は国（国土交通省）から免許を貰って活動をしています。それをまとめた法律が「宅地建物取引業法」です。 この法律は不動産会社にとっては生命線のようなもので、違反がわかると国から改善命令、最高で免許取り消しもありえます。それくらい、不動産会社にとっては最重要な法律です。 www.mlit.go.jp その中には上記の「不動産屋は

今回のコロナ禍では、世界中で「どうしてそうなるの？」と疑問に思うようなできごとがたくさん起きていますね。記憶に新しいのは、テキサスで「ウイルスはデマだ」と考えていた30歳の男性が罹患者と触れ合ういわゆる「コロナパーティ」に参加し、死亡したというニュース（付記：このニュース自体がデマではないかという指摘もあります）です。 人間は何らかのリスクに直面すると（生命でなく）精神を防衛するためにさまざまな策をめぐらすのですが、この性質についてよく知っておくと今起きていること、今後起こるであろうことに対する理解が深まるかもしれません。今から書く見方は仮定を多分に含みますが、身近な考える足がかりにしていただければと思います。 頑なにリスクを認めない人 さて、まず問題になるのはどんなに説得してもリスクを認めようとしない人々のことです。コロナは単なる風邪だとか、昔からある病気だから今までどおりに過ごすべきだ

エンジニアHub > 記事一覧 > IntelliJ IDEAをもっと便利で使いやすく！ つまずきがちな設定や、便利な機能を細かに解説します。 IntelliJ IDEAをもっと便利で使いやすく！ つまずきがちな設定や、便利な機能を細かに解説します。 Javaの統合開発環境であるIntelliJ IDEAの人気が高まっています。興味はある方や使い始めたばかりの方に向けて、つまずきがちなポイントや、地味だけど便利な機能などを、IntelliJ IDEA関連の著作も多い今井勝信さんが紹介します。 IntelliJ IDEA（インテリジェイ・アイデア）は、JetBrainsが開発・販売しているJavaの統合開発環境（IDE）です。最初に登場したのは2001年と古く、しばらくマイナーIDEとしてひっそり存在していましたが、ここ数年で知名度も上がってきました。 近年の人気も相まって、IntelliJ

2020年7月2日午前2時32分、東京上空に流れた大火球をKAGAYAさんが撮影。大火球の解説と軌道についてKAGAYAさんが作成した動画。撮影・CG KAGAYA。（提供：KAGAYA） 7月2日午前2時30分過ぎ、突然、関東上空で響いた轟音で飛び起きた人は多かったのではないだろうか。私もその一人。「いったい何事？」と動揺しつつ、即座に星景写真家・プラネタリウム映像クリエイターとして大人気のKAGAYAさんのツイッター@kagaya_workをチェック。「火球！」「轟音！」とのツイートにほっとする。 先ほど、2020年7月2日、02:32、東京上空に非常に大きな火球（おそらく明るい流星）が西から東へ流れました。数分後に室内でも聞こえる轟音が聞こえましたが関係があるかもしれません。映像は実際のスピードで再生されます。ベランダからの撮影です。 pic.twitter.com/eCYqr8uU

続編を書きました。CSSも大幅改善してるので、一度見てみてください。 【小数点実装】「(HTML +) CSS」のみを使って、今「もっとリアルな電卓」を作ってみた - Qiita 完成品 まずは、CodePenで完成品を紹介します。ボタンを押して計算を試してみてください。 ※ スマホだと反応が悪い場合があります。 See the Pen qiita_calc_last by j5c8k6m8 (@j5c8k6m8) on CodePen. はじめに はじめて、CSS カウンター の存在をはじめて知ったときは驚きました。 テーブルの行番号は (必要であればJavaScriptで動的に) HTMLに記載するしか方法がない と思っていたからです。 Qiitaにも、CSSカウンターのサンプルを載せた良記事があります。 CSS でテーブルに行番号を振る - Qiita CSSで見出しタグに連番をつけ

サカナクションの山口一郎が、TOKYO FMのレギュラー番組に出演。リスナーから届いた質問に、タブー無しで答えました。そのなかから、「CDとサブスクで収入の差があるのですか？」に対する山口の回答を紹介します。 （TOKYO FM「SCHOOL OF LOCK! サカナLOCKS!」7月10日（金）放送分） ◆CDとサブスクで、アーティストのみなさんは収入の差があるのですか？ 再生数によって変わるのでしょうか？これは、非常に難しいお話ですね。まずCDっていうのは……例えばアルバムが3千円だとするじゃないですか。簡単に言うと、3％が著作権印税なんですよ。作詞1.5％、作曲1.5％。この3％で3千円だと、著作権印税が90円になりますよね。90円をメンバー5人だとすると、5で割るわけですよ。だから、1人頭いくらだ……？ 18円とか。1人20円くらいになるんですね。それが著作権印税になるわけです。

リンク マンガ災害事例 マンガ災害事例 労働災害の実例を４こまマンガで示し、最初の２こまからその後の展開を考えて頂くことにより、災害防止のセンスを高めます。 119 users 166

イントロ「Amazonのこの商品をチェックした人はこの商品もチェックしています」や「YouTubeのあなたへのおすすめ」、「Twitterのおすすめユーザー」などのレコメンド機能は多くのWebサービスに組み込まれております。そのレコメンドによって、ついつい商品をたくさん買ってしまったり、夜遅くまで動画を見てしまった経験はないでしょうか。 この記事では、レコメンドシステムの裏側はどのような仕組みになっているのか、そもそもレコメンドとはどういうものなのかを具体例を交えながら俯瞰できればと思います。レコメンドシステムのアルゴリズムの詳細には触れず、ビジネスにおいてどのような形で実装されているかにフォーカスしています。ネット上に公開されているレコメンドに関するスライドや記事、論文のリンクをまとめましたので、アルゴリズムの詳細などはリンク先の記事でご確認ください。 対象の読者は、自社のサービスにレコ

DuckDuckGo（https://duckduckgo.com）はプライバシーの保護に重きを置いている検索エンジンのひとつである。 特筆すべきは、Bangという機能があって、探しものがとてもはかどる。 たとえば「!a 図書館」（ビックリマーク＋アルファベットのa＋スペース＋検索語）と入力するとAmazonを検索してくれる。 こんな風に「!＋何か」 で特定のサイトのみの検索ができる機能がBangである。 検索エンジンが使えなくなった（クズみたいなサイトが上位に来て、欲しい情報が見つからない等）と言われて久しいが、探すべきサイトにダイレクトで検索することで、この問題のかなりの部分が解決する。 よく使いそうなのは ! （キーワード）　最初の検索結果へ直接ジャンプ !i　イメージ検索 !m　地図検索 !n　ニュース検索 !v　動画検索 !w　ウィキペディア検索 !pdf PDFファイルだけを検

コミックマーケット99の開催について （2020年7月12日現在） 2020年冬、コミックマーケット99の開催は行なわず、2021年GWの開催を目指すことになりましたことを皆さんにお伝えする次第です。以下、改めてご説明申し上げます。 当初、2020年冬としておりましたコミックマーケット99の開催日程につきましては、期間・会場が確定した段階で改めて公式Webサイト等にて告知する旨、新型コロナウィルス感染症拡大の影響を踏まえた3月27日付リリース「コミックマーケット98の開催中止について」にて、告知いたしました。 5月下旬、政府及び地方自治体等により発表された指針を踏まえ、6月以降、各展示会場からイベント主催者に対し、イベント開催にあたり遵守すべきそれぞれの「ガイドライン」が提示されています。これらのガイドラインに基づき、各同人誌即売会の主催者が、会場側と調整を行いながら、各地における同人誌即

お久しぶりです．Fumiです．最近作ったスライドを共有しておきます． 追記 たくさんのご覧いただきありがとうございます。勉強会や学校、会社で使っても良いかというお問い合わせをたくさん頂いています。出典を示していただければCC BY-SAで使っていただいて構いません。ただ、あくまで個人向けに作ったもので著作権的に微妙な写真やイラストが結構使ってあるのでこのまま商用利用しようとは思わない方が良いと思います。今見返すと真ん中ー後ろの方とかもう作るの疲れちゃって雑になってたり、これ微妙だなっていうところも結構あって作り直したいなという気持ちもあります。使った際にはぜひ作者@fumi_makerのリプライやDMにでも報告してもらえたら嬉しいです。このブログ(fumimake.net)も色々知識を公開しているので一緒に示してくださると嬉しいです。 このスライドは何？ 研究会の輪講資料として電子回路に関

","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

弊社主催のオンラインイベント、Developers.IO 2020 CONNECT！　みなさんはもう参加されましたでしょうか。 今回ぼくもこちらに参加し、2本の動画をあげました。 その動画編集につかったのが、標題にも書きました Blackmagic Design 社製の「DaVinci Resolve 16」です。 こちらはプロユースの本格的な機能が備わっている一方で無償でも使え1、今回のようなセッション動画向けの編集程度であれば、3年落ちのMacBook Pro 13inch2でもそこそこの速度で動きます。 むしろZoomやQuickTime Playerで撮ったままの720p・1080pサイズのMP4ビデオ・AACオーディオ、つまり不可逆圧縮された素材をそのままタイムラインに配置してストレスなく動いてくれるので、サブスクリプションなし・登録のみで使えることを考えれば、今回の用途において