無料の SSL 証明書が得られる ZeroSSL を使ってみた
はじめに 皆さんは ZeroSSL を知っていますか？個人でウェブサイトを運営している皆さんであれば、多くの方は Let's Encrypt を利用されていると思います。 https://letsencrypt.org/ja/ もちろん僕も使っています。僕の様なエンジニアの方であれば SSL の仕組みもおおよそ理解もしているし、コマンドラインの実行方法も知っておられるのでウェブサイトの SSL 証明書を取得する事もそれほど難しい事ではないでしょう。 しかしそれほど詳しくない方が certbot の様なコマンドを使って SSL 証明書を発行するのは割と難しい事です。そこでご紹介したいのが ZeroSSL です。 https://zerossl.com/ ZeroSSL とは ZeroSSL もまだあまり名前が知られていないせいか、Google 検索で「ZeroSSL」を検索すると「ZeroS
Reactアプリケーション内でGoogle Analytics計測をする際、react-gaを使わず、gtag.jsを利用した方法とその選択理由｜Dentsu Digital Tech Blog
Reactアプリケーション内でGoogle Analytics計測をする際、react-gaを使わず、gtag.jsを利用した方法とその選択理由 電通デジタルのエンジニア、西山です。 この記事は、電通デジタルアドベントカレンダー2020の3日目の記事です。前回の記事は「2020年に作ったDevOps内製ツール」でした。 この記事ではReactでGoogle Analyticsの計測コードを埋め込む方法についてお話しします。他のブログなどですでに何度も紹介されているテーマですが、ブログによって用いられる手法は様々で、どれを採用すればいいか迷う人も多くいるのではないかと思いますし、中には情報が古くなっているものもあります。 そこで最新の状況を調査した上で、私たちが採用した手法を紹介しますので、ReactでGoogle Analytics計測コードを埋め込む際の参考にしていただければと思います。
しっかり理解しておくと便利なCSSのテクニック、minmax()関数の使い方
minmax()はCSSの関数で、要素サイズの最小値と最大値を定義することができます。カードを配置するグリッド、記事を中央配置で画像を幅いっぱいにするフルブリードなど、ページのレイアウトやUIコンポーネントの実装に非常に便利です。 CSS Gridにおけるminmax()関数の実用的で、便利な使い方を紹介します。 A Deep Dive Into CSS Grid minmax() by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSS Gridにおけるminmax()関数 minmax()のバリデーション minmax()をシンプルなグリッドに使用する auto-fitとauto-fillの相違点 minmax()の便利な使い方 考えなしに、auto-fitを使うことの弊害 終わりに
データベースを遅くするための８つの方法
はじめに Twitterのタイムラインを見ていたらバッチ系のプログラムで逐次コミットをやめて一括コミットにしたら爆速になったというのを見ました。当たり前でしょ、と思ったけど確かに知らなければ分からないよね、と思って主に初心者向けにRDBを扱うときの注意点をまとめてみました。 プログラミングテクニック的なところからテーブル設計くらいの範疇でDBチューニングとかは入ってないです。 自分の経験的にOracleをベースに書いていますが、他のRDBでも特に変わらないレベルの粒度だと思います。 大量の逐次コミットをする バッチアプリケーションでDBにデータをインサートすると言うのはかなり一般的な処理です。しかしデータ量が少ない時はともかく大量のインサートを逐次コミットで処理するとめちゃくちゃ遅くなります。数倍から十数倍遅くなることもあるので、10分程度のバッチが１時間越えに化けることもザラにあるので原
1000万件オーバーのレコードのデータをカジュアルに扱うための心構え - joker1007’s diary
自分が所属している会社のメンバーの教育用資料として、それなりの規模のデータを扱う時に前提として意識しておかなければいけないことをざっくりまとめたので、弊社特有の話は除外して公開用に整理してみました。 大規模データ処理、分散処理に慣れている人にとっては今更改めて言うことじゃないだろ、みたいな話ばかりだと思いますが、急激にデータスケールが増大してしまったりすると環境に開発者の意識が追い付かないこともあるかと思います。 そういったケースで参考にできるかもしれません。 弊社は基本的にAWSによって運用されているので、AWSを前提にした様なキーワードやサービス名が出てきます。後、句読点があったり無かったりしますが、ご容赦ください。 追記: 社内用の資料の編集なのでかなりハイコンテキストな内容だから誤解するかもしれませんが、これらはそもそもRDBの話ではありません。(関係無くは無いけど) 1000万オ
React v17 の変更に関するこぼれ話 - SmartHR Tech Blog
こんにちは、フロントエンド技術顧問の @koba04 です。 今回は React v17 での変更に対して気になった部分や、RC からリリースまでにあった修正の中で個人的に興味深いと思った話を紹介したいと思います。 v17 自体の変更点については下記で紹介している公式ブログで確認することをオススメします。 React v17.0 (日本語ブログ) React v17.0 Release Candidate: No New Features (日本語ブログ) SmartHR では毎週フロントエンド MTG を行っており、今回紹介するような内容はこの MTG で取り上げています。 SmartHR での フロントエンド MTG のようなプロダクト開発以外の活動に興味のある方は下記のブログ記事を参照ください。 tech.smarthr.jp Changes to Event Delegation
やった分はお金ください。納品してないけど
連載目次 中途解約でもお金はもらえる？ 実施していたプロジェクトが何らかの理由で中止となったとき、発注者（ユーザー企業や元請け企業）は、受注者に対してどこまで支払うべきなのか。逆に受注者であるベンダーは、どこまで請求できるのか。ソフトウェア開発の場合、その解釈が曖昧になりやすく、だからこそ紛争に発展してしまうケースも少なくない。 請負契約の途中解除に関する条文としてよく取り上げられるのが、「民法641条」の「請負人が仕事を完成しない間は、注文者は、いつでも損害を賠償して契約の解除をすることができる」という条文だ。 これを素直に解釈すれば、発注者は契約を解除できるが、それには損害の賠償が必要ということになる。ただ、これに従って損害を賠償しようとしても、受注者の損害をどのように算定するのかまでは規定してはいない。そこは基本的には発注者と受注者の間で取り交わされる契約で決めておくべき事柄なのだ。
「退職するなら、2000万円払ってね」は、本当に会社だけが悪かったのか
連載目次 「振り込め詐欺」の犯人が被害者に金銭を要求する口実として、「会社の金を落としてしまった」「取引上のミスで会社に損害を与えてしまった」などの、業務上の損害を個人が補填（ほてん）する、という話をよく耳にする。 冷静に考えれば、いくら大きなミスでも社員が会社の損害を補填する責任などないはずだが、こうした連絡を受けると、被害者は冷静ではいられなくなるようだ。 実はIT訴訟の中にも（もちろん詐欺の話ではないが）このように会社の損害を個人に求めるものがある。社員の働きがあまりに悪くて顧客からの信頼を失い、結果、会社に重大な損害をもたらした場合に、会社が個人である社員に莫大（ばくだい）な損害賠償を求めるというものだ。 そのとき、社員は本当に多額の賠償金を払うべきなのだろうか。客観的に見て、確かに作業の品質低下や、それによる受注減少の責任は社員にあり、しかもその社員が裁量労働制によって働く管理職
より良いタイポグラフィのための知られざるCSS
CSS組版 Vivliostyle ユーザーと開発者の集い 2020秋 https://vivliostyle.connpass.com/event/189940/
「レディ・プレイヤー1」だこれ！ VR空間を“ホントに”歩けるVRデバイス「Omni」の最新モデルが公開に
VR空間に映画「レディ・プレイヤー1」のように没入できそうなデバイス「Omni One」のプロトタイプが発表されました。 近未来装置みたいな洗練された見た目（画像はYouTubeより） Virtuixが発表した「Omni One」は、全身を使ってゲームの世界に没入できる製品。トレッドミルとVRヘッドセットを組み合わせた「Omni by Virtuix」の最新機種となります（関連記事）。過去の機種は100万円以上と高額でしたが、新型は1995ドル（約20万9000円）と大幅な低価格化を実現。 動きの読み取りは、足元のトレッドミル、両手のコントローラー、ジャケットスーツ、ゴーグルを通して行っています。試作品の映像では、トレッドミル部分がとても滑らかで、流れるような動きが印象的です。 足元の動きがスムーズ（画像はYouTubeより） トレッドミルからはアームが伸びており、操縦者の背中に接続。これ
著者が出版契約で知るべき7つの項目｜mhidaka
mhidakaです。 #技術書典 9も終わって商業出版のお誘いもある出展者さんも多いと思うので今回は著者目線での契約ケーススタディをご紹介します。評判がよかったら追記したりしようかな。 対象としている書籍は技術書です。技術書は発行部数も桁違いに少なく書店でもマイナージャンルです。一般的なコミックや小説、新書はあてはまらないと思います。読み物としてお楽しみください。 誤字脱字、内容のあやまりなどあれば教えて下さい。修正すると思います。 契約とは何かはじめに契約とは契約する甲・乙の両者にメリットがあって成り立つものです。相互のメリットがデメリットを上回るように取り決めて合意に至るという点が肝要です。自由意志に基づくので、どちらかが何かを強要するものではありません。強要されている・デメリットが勝る、そう感じたら契約しないという選択肢を思い出してください。 メリット・デメリットについて著者は把握し
iPhone 12系統のレスポンシブ対応のメモ書き
今朝発表されたiPhone 12系統のレスポンシブ対応についてのメモ書き。取り急ぎ。 12 Pro Max 👉 428px (3x) PlusシリーズやXR,11,11 Maxの414pxよりも14px広い。 12 / 12 Pro 👉 390px (3x) 6〜8、Xや11 Proの375pxよりも15px広い。 12 mini 👉 360px (3x) ただし、miniの場合は375pxで描写してスケーリング表示するらしい？ とは言え、Androidのデバイスの多くは360pxなのでiPhone 12 miniの描写サイズが375pxだろうが360pxだろうが関係なかったりします。 横幅360pxでしっかり表示されていることは必須条件です。 追記1：これからも4インチ(320px)を意識する必要はあるのか？ 個人的見解ですが、あります。 理由としてはiPadのSlide Over
個人的UIデザインの情報源まとめ
どうも。 最近エンジニアからデザイナーになったものです。 最近UIデザイナーになってUIデザインの情報源って意外とまとまってないなと思ったので、個人的によく参考にする情報源をまとめました。 ここに載ってないやつでおすすめの情報源あればコメントとかで教えてください。 OSガイドライン OSのデザインガイドラインはUIデザイナーだったら必ず読んでますよね。 Material Design デザインシステム的な話から装飾、カラーツールなどデザインに必要な話がとてもたくさん詰め込まれているためデザイン学習の教材として非常に優秀です。コンポーネントもユースケースやスペックまできちんと網羅されていて参考になるし、金と手間隙かかってるなあと思います。 Blogもあり、更新頻度は高くないですが面白い記事が多いのでたまに読んでいます。 Human Interface Guidelines こちらはApple
認証代行業者の闇
キャッシュレス決済に絡む不正利用が、次々に明らかになっている。 時事通信の報道によれば、2020年10月8日には、スマホ決済PayPayを新規に登録した人に贈られる電子マネーを不正に現金化したとして、警視庁が3人を逮捕した。 PayPayに限らず、ゆうちょ銀行、NTTドコモ、各地の地方銀行などで浮上したキャッシュレス決済に絡む不正では、多くの場合、本人確認の穴をつかれている。 いまのところ、不正を防ぐ対策として各社が2段階認証を導入しているが、この方法にもすき間はある。 SMS（ショート・メッセージ・サービス）を使った2段階認証を代行してくれるサービスまで存在するのが現状だ。 SIMカード4万枚用意、PayPay登録 時事通信によれば、PayPayの不正使用事件では、電子計算機使用詐欺の疑いで3人が逮捕された。 容疑者たちは4万枚のSIMカードを用意して、PayPayで4万アカウントを登録
制御不能な時代のプロジェクトマネジメント / Project Management in Agile Era
2020年10月11日（日）「【オンライン】JBUG広島#6 制御不能な時代に立ち向かえ」にて。
ID生成方法についてあれこれ
ID生成について聞かれることが多いので、独自の観点でまとめてみます。タイトルは適当です…。 DBはMySQL(InnoDB)を想定しています。あしからず。 ID生成を知りたいなら ID生成に関しては以下の記事がよくまとまっているので参考にしてみてください。値形式など詳しく書かれています。 ID生成大全 Facebook, Twitter, Instagram等がどうやってIDを生成しているのか まとめ ID生成方法 以下のID生成方法は、お手軽に採用しやすいもの順で列挙します。 DB採番/連番型 AUTO_INCREMENT DBのAUTO_INCREMENTで採番する方法。 Pros 数値型で扱える 普通は64ビットの整数型を採用することが多い 単調増加する連番ですので、ソート可能でかつインデックスの空間効率がよい 単調増加するので、キャパシティを予測しやすい 64ビットあればあまり気に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「√2 を2乗しても1.999...で、2にならないのでは？√2は存在するのか？」生徒の質問に答えようとする数学関係者一同の議論
Flutter はプロダクション開発に耐えうるのか / Flutter ready for production?
Flutter Custom Paint — Made Easy with Flutter Shape Maker 🎯
https://twitter.com/MetaQuestJapan/status/1315487621297176577
