Web フロントエンドの実装において本来の機能を損なってはいけない
Web フロントエンドの実装において本来の機能を損なってはいけない 2022.12.24 データの取得・ルーティング・フォームの値の管理に至るまで JavaScript で制御するようになった結果、本来備わっていた機能を損なう形で実装されるような間違いが起きるケースも発生してしまいました。見た目上操作に不都合がないのですが、修飾キーが有効でなかったりと、とある要素が当然に持っているべき機能が失われていることがよくあります。 昨今の Web フロントエンドの開発においては、React や Vue.js などを利用した SPA を採用することが多くなりました。従来の MPA と比較して、リンククリック時やフォーム送信時にページリロードを挟まないので、高速な画面遷移を実現できるため、快適な操作を実現できます。 一方データの取得・ルーティング・フォームの値の管理に至るまで JavaScript で
【DeepL裏技】英語だらけの米国株IR資料を難なく読み込みまくる方法｜Tomoki Hirata
このnoteは以前有料で公開していましたが、事業に詳しくなりたい方なら全員知っておいて損はないだろうと思ったので無料で公開することにしました。 有料で買っていただいた皆様には申し訳ないですが、価値を感じてくださった方は投げ銭していただけますと幸いです！ バフェットはこう言っています。 あなたは数えきれないほどの企業の年次報告書と財務諸表を読まなければなりません。 手当たり次第に読むことです。 「プレイボーイ」を読む連中もいるが、わたしは年次報告書を読む。 米国株のIR資料は勉強になることが多く、投資検討にはもちろんのこと、事業アイデアのインプット源としても優れています。 しかし現実問題として、英語が母国語でない大多数の日本人にとっては海外銘柄のIR資料を読み込むのはかなりハードルが高いことでした。 私はDeepL Proに課金してPDFごと翻訳するオプションを使ったりしていたのですが、これ
クックパッド、CTOに星北斗が就任
■就任の背景 1997年に日本で設立したクックパッド株式会社は、「毎日の料理を楽しみにする」というミッションのもと、日本を含む世界74カ国・地域、32言語で展開する料理レシピ投稿・検索サービス「クックパッド」、生鮮食品EC「クックパッドマート」をはじめとする事業を展開しています。 このたび、各事業のさらなる拡大ステージを見据え、新卒入社以来、SREやセキュリティ、コーポレートエンジニアリングなど幅広い領域でクックパッドに貢献してきた経歴を持ち、イギリスのグローバル本社での勤務経験もある星がCTOに就任することになりました。星を責任者とする新体制によって、国内外の事業において開発組織および技術力の強化を実現し、「毎日の料理を楽しみにする」という当社のミッション達成を目指します。 なお2010年に当社に入社し、2016年からは執行役CTOとして技術面でクックパッドの成長を牽引してきた前CTOの
ウェブフロントに見る clean architecture の一例
最初に: clean architecture は誤解されている 『Clean Architecture 達人に学ぶソフトウェアの構造と設計』(以下『Clean Architecture』)を読んだことがありますか?例の同心円の図しか知らないという人も多いでしょう。 画像出典: Robert C. Martin 「The Clean Architecture」 さて、ここでクイズです。「Clean architecture とは、 controllers や use cases、entities というクラスを作って繋げるアーキテクチャのことだ、○か×か」。どっちでしょうか? → → → 正解は×です。 あの同心円は、あくまで clean architecture の一例として『Clean Acrhitecture』で紹介されたものです。 そう、clean architecture とはア
5個→4個に減った薄皮あんぱん、違和感の正体を調べたら「数は減ってるけど重さは同じ」ことが判明
リンク 毎日新聞 「薄皮つぶあんぱん」5個→4個に 初の個数減 山崎製パン | 毎日新聞 山崎製パンは、人気商品の「薄皮つぶあんぱん」など薄皮シリーズの内容量を5個から4個に減らすと発表した。販売開始以来、個数を減らすのは初めて。来年1月出荷分から計7種が対象となる。原材料高などが影響し、個数を減らす「実質値上げ」に踏み切った。同時に商品そのものについてはリニューアルするとしている。 2 users 1187
First-class Support for TypeScript · React Native
With the release of 0.71, React Native is investing in the TypeScript experience with the following changes: New app template is TypeScript by defaultTypeScript declarations shipped with React NativeReact Native documentation is TypeScript FirstIn this post we’ll cover what these changes mean for you as a TypeScript or Flow user. New App Template is TypeScript By DefaultStarting with 0.71, when y
aileadにおけるGraphQLの使い方の反省と最強に型安全なGraphQLスキーマへの道
皆さんこんにちは。株式会社バベルでエンジニアをしている uhyo です。バベルが提供しているaileadというプロダクトではフロントエンドとバックエンドの通信にGraphQLが使用されています。 実は、当初のaileadにおけるGraphQLの使い方は望ましいものではありませんでした。そこで、筆者はGraphQLの使い方を改善し、最終的に他では類を見ないくらい型安全にGraphQLを利用する仕組みを構築しました。この記事では、従来のGraphQLの使い方がどのように良くなかったのかを紹介し、それを克服するために行ったことを解説します。 GraphQLの良くない使い方 まず、従来の良くないGraphQLの使い方を例を挙げて紹介します。ただし、以降に出てくるコードは例であって実際のサービスで使われているものではありません。その点はご了承ください。 例えば、自分の組織の中のユーザーを全部取得でき
「競技プログラミングの鉄則」のレビュー - じじいのプログラミング
米田 優峻さん（E869120@ICPC2022 (@e869120) / Twitter）の著書「競技プログラミングの鉄則 ~アルゴリズム力と思考力を高める77の技術~」をご恵贈いただきました。その感想です。 競技プログラミングの鉄則 (Compass Booksシリーズ) 作者:米田 優峻マイナビ出版Amazon 素晴らしい内容で競技プログラミング初心者への最初の１冊として最もお勧めできる本です。特に、数学も得意というわけではなくプログラミング自体も初めてという方には、ダントツで一番お勧めできる本です。 本書の良い点 １．図が分かりやすい。 最初の48ページが無料公開されているので、百聞は一見にしかずということで見ていただけると良いと思います。i www.dropbox.com 図自体分かりやすいですし全編カラーで書かれているのも良いです。段階的に説明すべきものについて無理に１枚に納め
私のセキュリティ情報収集法を整理してみた（2023年版） - Fox on Security
新年あけましておめでとうございます。毎年この時期に更新している「私の情報収集法(2023年版）」を今年も公開します。 ■インプットで参照している情報源（海外） ランサムウェア攻撃やフィッシング攻撃等、サイバー攻撃インシデントの多くでは、出し子、買い子、送り子といった犯罪活動の協力者などを除き、日本の警察に逮捕された容疑者はそれほど多くない事が、ニュース等の報道を見ていると分かるかと思います。海外から日本の組織が攻撃を受けているケースが多いと推定される中、自己防衛が重要であり、最近は脅威インテリジェンスを活用して攻撃の初期段階、初期兆候を重要視する企業も増えてきています。海外の主要セキュリティサイトの情報をいち早く把握する事で、脅威インテリジェンス並とまでは言えないかも知れませんが、国内サイトで報じられるまでの時差を稼ぐ事が可能になるケースもあり、当ブログでも有力海外ソースの発信情報をチェッ
1～2月の過ごし方次第で「勉強できる人」になれる。勉強習慣をつけるまでの66日間の過ごし方 - STUDY HACKER（スタディーハッカー）｜社会人の勉強法＆英語学習
2022年、みなさんは満足に勉強することができましたか？ できたと答える人もいれば、「資格をとろうかと思って勉強し始めたけど、1か月も続かずに挫折してしまった」など、思うように勉強できなかったと答える人も多くいるでしょう。 そこで今回は、2022年にあまり勉強できなかった人に向けて、2023年こそ「勉強できる人」になる方法をお伝えします。 記事の前半では、心理カウンセラーで自己肯定感の第一人者・中島輝氏が『STUDY HACKER』で語ってくれた「自己肯定感と習慣化の6ステップ」の概要をおさらい。後半では、中島氏の見解をふまえた具体的なアクションをご提案します。 最後までお読みいただければ、あなたも今年は「勉強できる人」になれるはず！ ではご説明しましょう。 自己肯定感の第一人者・中島輝さんが教える「習慣化の6ステップ」 勉強できる人になるために、66日間をこう過ごしてみよう ステップ1（
Flying away from AWS – Terrateam
Migrating from AWS to Fly.io TL;DR It was a pleasure migrating from AWS to Fly.io (opens in a new tab) but it's not all rainbows and unicorns. Fly.io goes above and beyond to create an exceptional developer experience. It's super easy to hit the ground running. However, there are some rough edges that you might encounter. If you like managing your own infrastructure and can live without stellar su
今年はLoRa元年？日本対応の格安モジュールE220-900T22S(JP)で遊んでみた - あっきぃ日誌
昨年末に、スイッチサイエンスで1つ1,980円のLoRaモジュール「E220-900T22S(JP)」が発売されました。 LoRa通信モジュール（E220-900T22S）用評価ボードwww.switch-science.com とりあえずモジュール2つとアンテナ2つ（と送料）をポチって、5,390円でした。 これまで日本でLoRaを遊ぼうとすると、どうあがいても1万円コースみたいなところがあったと思うのですが、ようやく買って遊んでみてもいいかなと思える価格帯になってきましたね。それでもまあ、アリエクを見ると日本では当然使えないながらも600円そこらで転がってるので、こう、格差じみたものを感じます。というか、アリエクにE220-900T22SのJPじゃないやつがありますね。 ja.aliexpress.com さておき、E220-900T22S(JP)はCLEALINK社がE220-900
AI、輪郭現すシンギュラリティー 大規模モデルの衝撃 - 日本経済新聞
NIKKEI Primeについて 朝夕刊や電子版ではお伝えしきれない情報をお届けします。今後も様々な切り口でサービスを開始予定です。
AnonymousのDDoS攻撃によるとみられる渋谷区サイトの閲覧障害についてまとめてみた - piyolog
2023年1月3日、渋谷区は区の公式サイトで閲覧障害が発生していると公表し、障害が外部からの妨害行為（DDoS攻撃）に起因する可能性があるとTwitterで投稿をしています。ここでは関連する情報をまとめます。 渋谷区への抗議を主張し攻撃か 【お知らせ】1月3日17時現在、渋谷区公式ウェブサイトを閲覧できない事象が発生しています。アノニマスと名乗る国際ハッカー集団による妨害行為と見られ、原因を調査し復旧に向けた対応を行なっています。復旧状況は逐次区公式Twitter で発信します。ご不便をおかけしお詫び申し上げます。(広報課)— 渋谷区 (@city_shibuya) 2023年1月3日 渋谷区は、2023年1月3日17時現在、公式サイトで閲覧障害が発生し、Anonymousによる妨害行為（DDoS攻撃と報道）との見立てを行っている。また「本件に関する無責任な発信等には十分にお気を付けくださ
moment.js・day.js よりも速くて軽い cdate ライブラリ - Qiita
moment.js や day.js と似たインターフェースを実装した高速・軽量の JavaScript ライブラリ『cdate』をリリースしました。→ https://www.npmjs.com/package/cdate cdate の主な特徴： moment.js や day.js、Luxon よりも高速 moment.js と同じ .format("YYYY-MM-DD HH:mm:ss") 出力フォーマットに対応 strftime と同じ .text("%Y-%m-%d %H:%M:%S") 出力フォーマットに対応 moment.js と同様に .add(1, "month").startOf("week").endOf("day") のような計算に対応 .tz("Asia/Tokyo") あるいは .utcOffset("+09:00") のようなタイムゾーン（時間帯）指定に対
1Password の CLI で環境変数を管理する
はじめに 現代のアプリケーションは外部サービスのAPIキーなど様々なクレデンシャルを持つことが多いです。 これらを開発者間で安全に共有するには sops、 doppler、 git-crypt などのツールが使えます。 また、開発時はこれらのクレデンシャルを direnv などを使って環境変数に設定することも多いのではないでしょうか。 しかし、これらはどれも追加のツールをインストールする必要があります。 もし1Passwordを使っているチームに属しているなら1Passwordでクレデンシャルを管理して、それを環境変数にセットできると新たなツールを導入する必要がなくて楽です。 この記事ではそれを実現する手順を紹介します。 CLIの設定 まず1PasswordのCLIをインストールします。これで op コマンドが使えるようになります。
寒い冬に立ち向かうほんのり甘くてスパイシーなホットチャイの作り方
とにかく寒い日には、ほっとする温かい飲み物が飲みたくなります。インドなどで愛飲されている「チャイ」は、紅茶をショウガやシナモンなどのスパイスと共に煮出した飲み物で、ショウガのわずかな刺激で体をポカポカに温めつつシナモンの優しい香りで心も体も落ち着くという寒い日にピッタリの飲み物です。そんなチャイの作り方を大量の写真付きで分かりやすくまとめてみました。 今回使う材料は、牛乳、ショウガ、クローブ、カルダモン、アッサムCTC、シナモン、フェンネルです。 アッサムCTCの「CTC」とは、「Crush Tear Curl(つぶす、引き裂く、丸める)」の略で、その名の通り紅茶の茶葉を細かくして丸めたもの。近所のスーパーマーケットなどで手に入らない場合は、Amazon.co.jpなどのネットショップで簡単に入手できます。 チャイを1リットル作る際に必要な分量は以下の通り。 アッサムCTC：15g シナモ
元国立国会図書館司書が教える「調べものが速い人と遅い人」ちょっとした行動の差
ブログ「読書猿 Classic: between/beyond readers」主宰。「読書猿」を名乗っているが、幼い頃から読書が大の苦手で、本を読んでも集中が切れるまでに20分かからず、1冊を読み終えるのに5年くらいかかっていた。 自分自身の苦手克服と学びの共有を兼ねて、1997年からインターネットでの発信（メルマガ）を開始。2008年にブログ「読書猿Classic」を開設。ギリシア時代の古典から最新の論文、個人のTwitterの投稿まで、先人たちが残してきたありとあらゆる知を「独学者の道具箱」「語学の道具箱」「探しものの道具箱」などカテゴリごとにまとめ、独自の視点で紹介し、人気を博す。現在も昼間はいち組織人として働きながら、朝夕の通勤時間と土日を利用して独学に励んでいる。 『アイデア大全』『問題解決大全』（共にフォレスト出版）はロングセラーとなっており、主婦から学生、学者まで幅広い層か
PublickeyのIT業界予想2023。クラウドのコスト上昇懸念、Passkeyの普及、AIによる開発支援の進化、WebAssembly環境の充実など
PublickeyのIT業界予想2023。クラウドのコスト上昇懸念、Passkeyの普及、AIによる開発支援の進化、WebAssembly環境の充実など 新年明けましておめでとうございます。今年もPublickeyをどうぞよろしくおねがいいたします。 さて今年最初の記事では2023年のIT業界、特にPublickeyが主な守備範囲としているエンタープライズ系のIT業界はどうなるのか、Publickeyなりに期待を込めた予想をしてみたいと思います。 エネルギー価格の上昇、セキュリティへの注目など まずは予想の前提として、IT業界に影響を与えそうな現状についての認識を明らかにしておきたいと思います。 グローバルな視点で見たときに、IT業界だけでなく世界経済に大きな影響を与えているのは石油や天然ガスを始めとするエネルギー価格の上昇とインフレでしょう。 エネルギー価格の上昇はロシアによるウクライナ
米航空大手、紛失した荷物についてのウソがAirTagからバレる
米大手航空会社、ユナイテッド航空が紛失した荷物をAirTagを使って追跡したところ、住宅街のゴミ捨て場にからのスーツケースがいくつも見つかった、と乗客の女性がTwitterに投稿しています。 住宅街のゴミ捨て場に放置された空っぽのスーツケース 米ワシントンD.C.在住のバレリー・シベラ氏（＠vszyb）は、ユナイテッド航空が紛失した複数の荷物に入れていたAirTagで場所を確認したところ、1日以上にわたって住宅街のアパートにあることを発見しました。 シベラ氏がAirTagで追跡していると、荷物は時々移動してマクドナルドやショッピングセンターに行き、しばらくすると元のアパートに戻っています。荷物は車に積まれたままのようです。 AirTagが示す場所にシベラ氏が出向いてみると、住宅街のゴミ捨て場に、ユナイテッド航空の乗客のものと見られる複数の荷物が、中身が空の状態で放置されているのを発見したそ
プロジェクトマネージャ試験に20時間の独学で一発合格した方法 - 斗比主閲子の姑日記
昨年10月にIPA（情報処理推進機構）の国家資格『プロジェクトマネージャ試験』を受験しました。 年が明けて「そういえば合格発表はいつだったっけ？」とIPAのサイトを見に行ったら、昨年12月下旬には合格発表がされていて、無くさずに持っていた受験票の情報を使ってチェックしたら、合格していたのでした。結構厳しいかと思っていたので、新年早々かなり驚いてしまい声が出たので、家族には変な目で見られました。 ※午前1は免除。午前2と午後1は60点以上で合格、午後2は4段階でAが必須 この記事では、非エンジニアの私がどうしてプロジェクトマネージャ試験を受験をしようとしたのか、どのような勉強をしたのかを紹介します。どなたかの参考になれば幸いです。 受験のきっかけ 2週間（20時間）しか勉強しなかった背景 勉強計画の策定 各試験のリソース配分 午前2（試験時間40分） 勉強時間 3時間 午後1（試験時間90分
Databases in 2022: A Year in Review | OtterTune
OtterTune is an automated optimization service for PostgreSQL and MySQL running on Amazon RDS and Aurora. It uses machine learning to tune your database’s configuration knobs, indexes, and cloud settings. 🦦 Try it now on your first database for free! Another year has gone by, and I’m still alive. As such, it is an excellent time to reflect on what happened in the world of databases last year. It
Secretlint 6リリース: .bash_historyや.zsh_historyに残ったトークンをマスキングする
ファイルに含まれるAPIトークンやパスワードなどの機密情報を見つけるSecretlint v6をリリースしました。 Release v6.0.1 · secretlint/secretlint Secretlintは secretlint "**/*"のようにglobやファイルを指定して実行すると、ファイルに含まれる機密情報を見つけて標準出力に表示します。 一方で、SecretlintはESLintやtextlintなどと違って、--fixといった自動修正はできません。 なぜなら、APIトークンなどを見つけて消しても、ただ単に壊れるだけだからです。 そのため、見つけた機密情報は報告して、ユーザーがそれを手動で修正する必要があります。 たとえば、ソースコードにハードコードするのではなく、環境変数などで受け取るように変更するといった修正をします。 secretlint/credentials-
私の技術記事の書き方 - azukiazusaのブログ
技術記事を書くことは、最初はなかなかハードルの高い作業に思えます。文章を書くにはある程度の慣れが必要である考えています。 誰しも初めのうちはうまく文章を書くことができず、文章を書く訓練を重ねることで、内容を伝えやすい・理解しやすいある種の「型」を発見されているのではないかと思っています。 この記事では id:azukiazusa が普段記事を書く時に考えていることを書き下していきます。 見出しを先に書く コードは実行可能にする 文法エラーがないように 文脈依存にならないように foo や bar のような名前を使いすぎない 記事は1日寝かせる その他文法的な事項 見出しは ## から始める インラインコードブロックは装飾目的で使わない 英語と日本語の間に半角スペースを空ける おわりに 参考 見出しを先に書く 私が技術記事を書くときには最初に見出しから書き始めます。下記のような感じです。 見
なぜ女は旦那の義両親を嫌がるのか？
うちの嫁は俺の実家に帰省する当日になると体調不良を起こすもんだから 今年は逆に俺が嫁の実家に行かないようにしたらキレてきたので 「お互い様だろ」と言ったら不貞腐れたようだ 俺は義両親とは仲は悪くない義父は男子がいなかったのもあって 俺と会って仕事の話をしたり酒を飲んだり将棋を指したり出来るのを楽しみしてるようだ 俺が行かないというと悲しむから来いと嫁は言うのだけど 俺の親が嫁が来ないことに平気かと言えば勿論そうじゃない 別に冷たい態度をとるとかもないし家事をやらされることなんてない なんで義理の親に会う事をそこまで嫌がるかねぇ？ まぁ会いたくないなら無理しなくてもいいけど片務なんてありえないので俺もいかない 生まれてきたら子供だけはお年玉貰いに行かせたいけど無理だろなぁ P.S.嫁が言うには母が完璧すぎることに劣等感を感じるらしい 母自身も正社員として仕事してるのに親父は何もしないもんだか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - dotenv-org/dotenv-vault: sync .env files—from the creator of `dotenv`.
