無料＆オープンな証明書認証局Let's EncryptがDDoS攻撃を受け、約4時間半にわたってサービスのパフォーマンスが低下しました。 Title: Let's Encrypt's performance is currently degraded due to a DDoS attack ????: I know it is a big thing to complain about but why does the whole DNS lookup system require an invalid certificate? Because it seems too easy to get a certificate from a DNS provider that has…— hncynic bot (@hncynic) March 7, 2021 Let's Encrypt's

プログラミング言語Rust入門です．なるべくわかりやすいように解説しました．公式ドキュメントを読んでみたけど，あまりよくわからなかったという人に向いているかもしれません． 誤字や間違いなどのご指摘は以下からコメントをお願いします． https://zenn.dev/mebiusbox/scraps/90bc293a07430d

※某まとめサイトにてまとめていた記事の転用です BASENAME: 2150782012031271001 STATUS: Publish ALLOW COMMENTS: 1 ALLOW PINGS: 1 CONVERT BREAKS: richtext DATE: 12/06/2018 00:54:50 良い・悪いと思ったデザイン例からデザイン思考、デザインに関した事例などを多数サイトやSNSでの投稿を参考・引用してまとめました。 ■はじめにデザインに関する疑問や、ここでの前提をまずまとめていきます。 ―――デザインとは？ （design）の語源は、デ（de：削る）・ザイン（sign：形作る）である。これはラテン語で「私欲を削り落とし、本質を磨き上げること」を意味する。 出典 なぜゴッホは貧乏で、ピカソは金持ちだったのか? | 山口 揚平 |本 | 通販 | Amazon デザイン（de

少なくとも僕は無理だった。13インチの方が解像度が高いだろうとは思ったが、どの程度大きくなっているのかは分からなかった。 Redditに全MacBookシリーズの画面解像度を比較した画像が公開されていたので、紹介する！ MacBook ProはThunderboltディスプレイよりも高解像度 「MacBook Pro Retina」の13インチモデルの解像度は2,560×1,600ピクセル、15インチモデルは2,880×1,800ピクセル。ディスプレイのネイティブ解像度そのままで使用する人はまずいないと思うが、Thunderboltディスプレイの2,560×1,440ピクセルを上回る解像度の高さである。当然、12インチモデルよりも高解像度だ。 【img via 9to5Mac】 ちなみに、ピクセル単位でみると12インチ型MacBookのピクセル密度は226ppi、13インチ型「MacBoo

最近転職エージェントを使って転職したので、攻略や感じたことについてメモを書きたい。Web系エンジニアについて、社名を具体的に出すようなタイプの意識高い転職エントリは多いけれど、普通の転職活動の情報が少ない印象があるので、そういった参考になれば良いと思う。 転職概要 中途でWeb開発の仕事を始めたジョブチェンジ組で、業務経験約2年半、年収400万円台から500万円台にアップさせるつもりで活動した スキルレベルはRailsのAPIモードのバックエンドとSPAのフロントエンドが書ける、インフラはチョットダケワカル、新機能開発プロジェクトの経験は比較的豊富、という感じ 転職エージェント経由で15社書類応募して3社に内定を貰い、年収約90万円アップの条件で内定承諾した 転職エージェント 市場感や面接での話し方のコツなど何も知らない状態だと色々と教えてくれるので助かる エージェントの経験や能力の個人差

新しい情報はこちら →「コミックマーケット99延期に伴うサークル申込について（2021年4月12日現在）」 コミックマーケット99の開催延期について 2021年5月2日〜4日に開催を予定しておりましたコミックマーケット99（於：東京ビッグサイト）については、開催延期とさせていただくことをお伝えします。 2020年11月17日に発表した『コミックマーケット99（及び今後の開催）のご案内』で説明しました通り、コミックマーケット99は、東京ビッグサイトの『展示会等における新型コロナウイルス感染防止のための対応指針』や当時のイベント開催状況を見据えつつ、「これまでの様に1日に20万人を集めるような形での開催はコミックマーケット99ではできず、様々な制約条件の下、１日数万人程度の来場者の規模とならざるを得ない」ことを前提に計画を立案し、開催実現に向けて、様々な検討・調整・準備を行ってきました。 20

トランス脂肪酸の ご心配について 近年、一部のメディアを中心に、トランス脂肪酸の健康への影響が指摘され、消費者の皆様にはご心配をおかけしています。 トランス脂肪酸については過剰に摂取すると冠動脈疾患のリスクが高まるとの報告がなされ、WHO(世界保健機関)でも摂取量を「総エネルギー摂取量の1％未満（平均的な日本人で約2g未満）」にするよう勧告しています。しかしながら、欧米に比べ、日本人の平均的なトランス脂肪酸の摂取量は少ない傾向にあり、一般的な食生活では健康への影響は小さいとされています。また、食品メーカーの取り組みにより、食用油脂に含まれるトランス脂肪酸の量は、従来のものより大幅に低減されています。下記にまとめましたので、ご覧ください。 「バターのかわりに使うもの」というイメージがあるマーガリン。実は、バターには出せないおいしさが出せるのです。たとえばパンの食感。サクサク、ふわふわ、もちも

※この投稿は米国時間 2021 年 3 月 3 日に、Google Cloud blog に投稿されたものの抄訳です。 Google Cloud には、幅広いユースケースに対応するプロダクトが数多く揃っています。とはいえ、何から着手すればいいか、どうすればわかるのでしょうか。こうした疑問にお答えするべく、Google Cloud エコシステムが把握しやすくなるリソースセットをご用意しました。このリソースを使用すれば、さまざまなプロダクトについてすばやく理解し、特に関心のあるプロダクトを選択して、ドキュメントやその他の利用可能なリソースをさらに深く掘り下げることができます。 Google Cloud プロダクトを簡潔に説明Google Cloud デベロッパー向けのクイック リファレンスでは、各 Google Cloud プロダクトが 4 語以内（英語）で説明されています。Google Cl

Webのフォームは、いつでもベストプラクティスを悩むものの一つです。React を使うとして完全に自作でやるのか？それともフォームライブラリを使うか？フォームライブラリならどれを使うか？ 今の時代 Formik を選ぶ理由はありませんが、React Hook Form と React Final Form のどちらを使うかはとても悩ましいです。 React Hook Form は利用経験者・採用実績が多い、速度が速いなど様々な利点はありますが、React 哲学に反する作りなどクセの強さが難点です。あと良くも悪くも利用シーンが豊富でドキュメントも豊富で迷子になりがちです。 React Final Form は Final Form の React wrapper です。個人的にはこちら React 的使いやすさに反すると感じてること、React Final Form として見たときにドキュメ

サービスを運用していく上でメンバーに数字感を身に付けてもらったり、リリースした機能の利用状況、狙い通り正常に動作しているかを把握してもらったりすることはとても大事です。 同じオフィスにいる場合には、常時モニタに表示するなど工夫が可能ですが、リモートワーク下においてはそれも困難になりました*1。 これにまつわる、いくつかの課題を解決するためにGoogle Data Studio *2の任意のページのスクリーンショットを定期的にSlackに投稿するGoogle Apps Scriptを書きました。 利用開始する前にはSlack側でAppを作成したりそれなりに準備が必要なのですが、一度設定したら、あとは手がかからなくなるので、費用対効果はいいと思います。 詳しい導入方法などは下記を参照してください。 https://github.com/airreader/datastudio-2-slack

Next.jsアプリケーションのDockerイメージのサイズが大きくて困っていたので調べていたところ、Next.jsの公式ドキュメントにDocker Imageというセクションがあり、おすすめ設定が記載されているのを見つけました。以前はここまで詳細な記述はなかったのですが、つい10日ほど前に追加されたようです。 ドキュメントには一番おすすめの方法だけ書かれているのですが、もともと「What is the best way to use NextJS with docker? · Discussion #16995 · vercel/next.js · GitHub」というdiscussionがあり、ドキュメントの記述はここでの議論が元になっているようです。Discussionではいくつか例が示されているのですが、それぞれさまざまな最適化テクニックが利用されており、どれくらいの容量になるか気

はじめに やめろ、ではなく、やめたほうがいい。です。自分のユースケースに合ってるか今一度確認することを推奨します。基本的にはAlpineは避けたほうが良い、というのが2021年時点での私の認識です。 なんで？ libcに一般的な互換性が不足しているからです。Ruby、Python、Node.jsなどでNativeモジュールをバンドルしているアプリケーションの場合、パフォーマンスの劣化や互換性の問題にぶち当たる場合があります。 superuser.com あとは他のベースイメージの軽量化もそれなりに進んできていて、Alpineが定番軽量イメージと言う認識は2018年頃には消えつつあったかなという認識でいます。 どうすりゃええねん ※Debian Slimがあるやんってツッコミ結構もらったんですが、Slimは当たり前過ぎてもう紹介しなくていいかなっていう甘えで省略していました。よろしくおねがい

調べれば大抵の情報は誰でも手に入る今日このごろ。特に技術的な情報はオープンソースで一次情報へのアクセスは容易になった。 それと同時に繰り返し言われるアウトプットの重要性。 しかし、ブログやLTなどでアウトプットしても、「もっと質のいい情報があるのに自分がアウトプットする必要があるのか」「逆にノイズになるだけじゃないか」というような考えになってしまう人もいるのではないか。 そんな架空の声にお応えして、それでもなおあえて、一次情報ではない「あなたのアウトプット」の重要性を伝えてみようと思う。 実際にやる人は多くない 定量的なデータがあるわけではないが、直感的に共感してもらえるだろう。 ある技術や手法が話題になったとして、それを情報として知っている人はこの時代いくらでもいる。 だが、それを実際にその手でやったことがあるというだけでかなり群衆からは抜きん出た経験を持つことになる。 ましてやそれをや

tl;dr git rev-parse HEAD^{tree} でツリーオブジェクトのハッシュ値が取れるので、ブランチが異なる場合でも同じソースツリーであるかどうかを判定できます。 これを利用して、すでにテストを通ったtreeのハッシュ値をどこかに記録しておいて、同一のソースツリーに対するテストをスキップできます。 本題 よく使われている、develop/mainブランチ運用をしている場合に、ちょっとした修正を本番に入れたい場合には以下のようなフローを踏むことになるでしょう。 featureブランチをdevelopブランチの先頭から切って修正を作ってテストが通るのを待つ developブランチにfeatureブランチにマージしてテストが通るのを待つ mainブランチにdevelopブランチをマージしてテストが通ったらdeployする さて、この時、他の作業が混ざらない限りにおいては1,2,

このページでは、コルーチン使用時のアプリのスケーラビリティとテスト容易性を高めることによってプラスの効果をもたらすおすすめの方法をいくつか紹介します。 ディスパッチャを挿入する 新しいコルーチンの作成時や withContext の呼び出し時に Dispatchers をハードコードしないでください。 // DO inject Dispatchers class NewsRepository( private val defaultDispatcher: CoroutineDispatcher = Dispatchers.Default ) { suspend fun loadNews() = withContext(defaultDispatcher) { /* ... */ } } // DO NOT hardcode Dispatchers class NewsRepository

とある大規模開発プロジェクトの中で WebView 用のフロントエンドシステム開発を立ち上げて2ヶ月経ちました。Android, iOS専任のエンジニアがいないため、外部協力者の指導のもと、モバイルアプリの画面を WebView で作るためです。 ある程度その営みについて見えてきたものがあるので記事にまとめることにしました。 プロジェクト参加人数は30名以上 プロジェクト自体は4ヶ月前から動いてる このプロジェクトへのフロントエンドチームの参加は1月から 現在 WebView とモバイル・バックエンドなどの結合試験をはじめている 背景 去年12月いまの会社にテックリードとして入社し、前述とは別のプロジェクトでフロントエンドチーム立ち上げを行っていました。同タイミングで、いまの会社に誘ってくれた飲み仲間もテックリード・チームリーダーとして入社しています。フロントエンドチームはこの2名がプロパ

Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter. テキスト校正くん VS Code上でテキストファイル・Markdownファイル・Re:VIEWファイルの日本語の文章をチェックする拡張機能です。該当のファイルを開いた時、更新した時に自動で校正のチェックを行い、文章内の問題のある箇所をマーキングし問題パネルにエラー内容を表示します。 メールの文章を作成する際やブログ記事の文章を作成する際などに、ご使用いただくと便利です。 ウェブ業界の専門用語を含め、一般的な文章のルールに沿って主に以下のようなチェックを行います。 「ですます」調と「である」調の混在 誤検出の回避のため「である調」の判定は明らかに常体な「〜である」のみとなっています。 ら抜き言葉 二重否定 同じ助詞の連続使用（※初

ビズリーチに登録する（無料）以下のアカウントで登録する 以下のいずれかのボタンをクリックし、個人情報の取り扱い、及び、利用規約に同意して、会員登録する。 FacebookGoogleLinkedInYahoo! JAPAN ID

Dart言語のフレームワーク「Flutter 2」公開。単一コードでiOS/Android/Web/Win/Mac/Linuxのネイティブアプリ実現。WebAssemblyによるレンダリングエンジン搭載 Googleは、Dart言語のフレームワーク「Flutter 2」の公開を発表しました。 Now introducing, Flutter 2 at #FlutterEngage! Learn more about this major upgrade to the portability of Flutter that opens up a broad range of new target platforms like web and desktop from a single code base. Check it outhttps://t.co/T9025C5NCV pic.twi

JavaScriptライブラリ「jQuery」の最新版「jQuery 3.6」がリリースされました。 jQuery 3.6.0 has been released! Some bug fixes and a feature for JSONP error handling. https://t.co/ZUYnvrbmHc — jquery (@jquery) March 2, 2021 jQuery 3.5のリリースが昨年、2020年4月でしたので、約1年ぶりのマイナーバージョンアップとなります。 今回のマイナーバージョンアップではセキュリティフィクスは含まれず、バグフィクスのみです。 具体的には、次のようにJSOPの返り値がエラーだった場合の振る舞いにおけるバグが修正されました。 In previous versions, when a JSONP request responded w

お客様各位 日頃弊社インターネットサービスをご利用頂きありがとうございます。 掲題の件につき下記の通りご連絡いたします。 【事象の概要】 弊社インターネットサービスで楽天モバイルの無料通話アプリ「Rakuten Link」を利用すると通話に支障がある。（片通話になったり発着信が出来なくなったりする） 【弊社の対応】 弊社インターネットサービスではRakuten Linkの動作は保証できません。 本件については楽天モバイルにお尋ね下さい。 楽天モバイルから弊社に申告するようにという回答があるようですが、弊社では回答すべき内容を楽天モバイルから提供されていません。 【上記対応を決定した理由】 詳細は弊社宛お問い合わせ願います。 【考え得る回避策】 ハイパー120プランまたは光1Gプランをご利用頂き、グローバルIPアドレスをご利用頂くと事象を回避できる可能性があります。 お客様のご判断でこれらプ