並び順

ブックマーク数

期間指定

  • から
  • まで

681 - 720 件 / 6176件

新着順 人気順

テストの検索結果681 - 720 件 / 6176件

  • フロントエンド開発をマスターする上で必要な知識 8選 2022年版

    はじめに フロントエンドは、簡単に言えばWebアプリケーションやWebサイトにおけるユーザが目に見える部分のことを指す。ひとくちにフロントエンドと言っても、学ばなければならないことや知識が数多くあるので初心者にとっては何から勉強すればいいのかわからない人も少なくないだろう。 今回の記事では、個人の一見解としてフロントエンド開発をマスターするのに必要な基礎知識を徹底解説する。今回の記事を通して、フロントエンドの学習方法やその魅力を十分に理解していただければ非常に幸いである。 バックエンドに関しては以下の記事を参照してほしい。 フロントエンド開発に必要な知識 1.基本的な知識 フロントエンド開発をマスターする上では、以下の言語の基本文法や知識をマスターしておこう。これはWeb制作やWebデザインにも共通していることである。 HTML:Webページを作成するための言語。主にページ内の情報を構造化

      フロントエンド開発をマスターする上で必要な知識 8選 2022年版
    • 漢字テストで「才」と書いたらバツ食らって「オ」が正解だと示された…「義務教育の敗北」

      ファー @far0629 何が間違いなのか分からない💦 これ、本人が先生に抗議する以外、ある意味泣き寝入り? テストの1点でも大切だと思うけど… 先生が間違って覚えてるなら、今後も同じ思いをする子がでるって事だよね?💦 twitter.com/ulus_daora/sta… 2023-05-13 11:15:39

        漢字テストで「才」と書いたらバツ食らって「オ」が正解だと示された…「義務教育の敗北」
      • ゲームにおけるA/Bテストについて - KAYAC engineers' blog

        こんにちは。技術部平山です。 今回は、ゲームにおけるA/Bテスト について論じます。 「論じます」で始めたことで察しがつくかとも思いますが、今回はブログではありません。 媒体はブログですが、ブログの容量ではない代物になっております。3.5万字(115KB)超えです。 ゲームにおけるA/Bテストについて、実施の方法や問題点、 倫理的側面に至るまで幅広く書き連ねてみました。 読んで欲しいのはどちらかと言えば同僚なのですが、 そういう時にはまず社外に出してしまった方が良いものですので、 ブログにしてしまいます。 比較的同業の方が読むことを想定しているため、 図表を用いてわかりやすくすることはしておりません。 これを書いた人間は何者か 技術的な問題の前に ゲームにおいても構図は全く同じ A/Bテストが可能である条件 A/Bテストの手続きを概観する 振り分け アプリ内振り分けの場合 Firebase

          ゲームにおけるA/Bテストについて - KAYAC engineers' blog
        • 「SafeTest」がすごい ー Netflix内で利用されている、新しいフロントエンドテストライブラリ

            「SafeTest」がすごい ー Netflix内で利用されている、新しいフロントエンドテストライブラリ
          • 人気の16タイプ性格診断「MBTI」が科学的根拠に乏しいと言われる4つの理由 - ナゾロジー

            こんな性格診断の画像を見たことはないでしょうか? これはMBTIと呼ばれていて、思考と行動のパターンを4つの次元に分け、16のタイプに分類する性格診断です。 ネットで「MBTI」と検索すると、一番上に出てくる「16 Personalities.com」は無料で診断でき、自分の性格タイプをかなり詳しく知ることができるためSNSを中心にかなり人気が高まっています。 しかしこの「16 Personalities」の性格診断テストは、実は正式なMBTI®ではないのです。 日本MBTI協会は、注意喚起をするため「16 Personalities性格診断テストはMTBI®とは似て非なるものである」という趣旨の声明文を公開しています。 ただ心理学の領域では、正式なMBTI®も性格検査としての信頼性や妥当性、ベースとなった理論に関しては疑問が呈されているようです。 本記事では無料で受けることができる性格診

              人気の16タイプ性格診断「MBTI」が科学的根拠に乏しいと言われる4つの理由 - ナゾロジー
            • 「VLC」に2,000円を寄付したらなんと200,000円も請求されてしまった!/詐欺? 乗っ取り? 真相は……多国通貨決済でときどきあるバグ【やじうまの杜】

                「VLC」に2,000円を寄付したらなんと200,000円も請求されてしまった!/詐欺? 乗っ取り? 真相は……多国通貨決済でときどきあるバグ【やじうまの杜】
              • Serverless Days Tokyo 2019 トヨタ自動車・ダイキン工業 事例覚書 - Qiita

                Serverless Days Tokyoに参加してきました。いずれも興味深い内容ばかりでしたが、ダイキン工業とトヨタのIoTシステムの中の話は、こういう機会でもなければ聞けない話でかなり貴重な話を聞けた感がありました。 その内容をメモったので残しておきます。 入り口の様子。 会場の様子。休みの日の朝9時からというのに、ほぼ満席な感じでした。 ダイキン工業:空調設備向けIoTシステムにおけるランニングコスト ダイキン工業は、全世界の空調機(エアコン等)をインターネットに繋いで、販売、運用、保守、施工に対するサービスを提供する。 システム名は「Daikin Global Network(ダイキン・グローバルネットワーク)」 想定接続台数は500万台。各空調機が1分ごとにデータをサーバーにあげる。 想定ユーザー数は30万人。 無限に発生するデータを格納できるストレージが必要。 断固としてデータ

                  Serverless Days Tokyo 2019 トヨタ自動車・ダイキン工業 事例覚書 - Qiita
                • SRE不在のチームに入って2ヶ月でやったこと - 負荷試験ツールからはじめるSREプラクティスの導入

                  TechFeed Experts Night#17 〜 事例で学ぶSRE 〜 ツール、プラクティスから組織づくりまで https://techfeed.io/events/techfeed-experts-night-17

                    SRE不在のチームに入って2ヶ月でやったこと - 負荷試験ツールからはじめるSREプラクティスの導入
                  • トレンドマイクロの不正行為の続報。ついにMicrosoft から BANされてしまった模様 - Windows 2000 Blog

                    Microsft VS TrendMicro、マイクロソフトが トレンドマイクロのドライバをブロックすることで完結! MicrosoftはTrend MicroドライバーをBANし、Windows 10から Trend Microの RootkitBusterが削除されました。マイクロソフトとトレンドマイクロの間で起こったドライバー大戦に勝っているのは誰でしょうか? この1つのWindows 10ドライバー大戦は、技術専門家に気付かれずに行われていました。MicrosoftとTrend MicroはWindows 10のドライバーをめぐって争っていました。それはすべて、利害関係のない研究者であるBill DemirkapiがTrend Microの先端であるWindows 10ドライバーが品質保証テストに失敗したことを発見したのが始まりでした Demirkapiは、トレンドマイクロのRoo

                    • グーグル「Bard」ついに日本公開 「ChatGPT」対抗のAIチャット

                      グーグルが開発するAIチャット「Bard」。2月6日に発表され、3月21日より米国と英国のみで公開されていたが、4月18日午後(日本時間)あたりから、日本でもベータテストに参加できるようになった。 さっそく使ってみる 「Bard」は大規模言語モデル(LLM)「GPT-4」を使用したOpenAIの「ChatGPT」同様、Googleが開発するLLM「LaMDA(Language Model for Dialogue Applications)」の「軽量で最適化されたバージョン」を利用している。 ベータテストに参加するには、サイトの右下に表示されている「Join Waitlist」ボタンをクリックし、ニュースメールの購読にチェックを入れるだけでよい。

                        グーグル「Bard」ついに日本公開 「ChatGPT」対抗のAIチャット
                      • 心理テストで遊ぶ人たち

                        鷹ノ爪リリカ @ririka_rrk この冒険中に動物を捨てていく心理テストをした時、私と母は、真っ先に羊を捨てたんだけど、父が最後まで残したのは羊だった。「なんで羊?一番役に立たなくない?」って聞いたら「羊がこの中で一番弱いから守ってあげなきゃいけない」という答えに衝撃を受けたし、父みたいな男と結婚したいマジで pic.twitter.com/4VNmAawo0p 2020-05-10 18:37:00

                          心理テストで遊ぶ人たち
                        • 2022年に読んで「良い」と思ったソフトウェアテスト関連本 - テストウフ

                          この記事はソフトウェアテストのカレンダー | Advent Calendar 2022 - Qiitaの23日目です。 毎年のことながら「何を書こう・・・」と悩んでいてTwitterに助けを求めたところ、@teyamaguさんからネタをいただきました(ありがとうございます) 案1:今年読んだ中で最も役に立ったor読んで良かった本 案2:今年で見た中で最もイケていた自動テストシステム とかどうでしょうか? — teyamagu (@teyamagu) December 6, 2022 最も役に立った、だとなかなか決めかねる部分があり、「読んでよかった本」をつらつらと書いていこうかと思います。 私が2022年に読んだというだけで、今年発売された本には限らない点ご注意ください。また、熟読した本ばかりではなく、ポイント読みやざっと流し読みした本も含めます。(意志薄弱 The BDD Books -

                            2022年に読んで「良い」と思ったソフトウェアテスト関連本 - テストウフ
                          • 欠番の「日本航空123便」が航空機位置情報アプリに出現? 真相をアプリ運営会社と日本航空に聞いた

                            8月6日午前0時ごろ、“JL123”というコードの航空便が、航空機の位置情報をリアルタイムに表示するアプリ「Flightradar24」上に現れた。アプリの地図上で成田空港に姿を見せた同便は同日午前1時までに姿を消した。 JL123が表しているのは「日本航空123便」。1985年8月12日に日本航空123便墜落事故が起きて以来、この便名は欠番となっている。この事態に気付いたアプリユーザーからは、「なぜ存在しないはずの便が表示されているのか」など、困惑の声が上がった。 アプリ上にJL123が現れたのは何かの不具合なのか、それとも──。真相を確かめるため、Flightradar24の運営会社であるスウェーデンFlightradar24と、日本航空に取材した。 Flightradar24は「コールサインを受け取っただけ」 なぜアプリ上にJL123が表示されているのかという質問に対し、Flight

                              欠番の「日本航空123便」が航空機位置情報アプリに出現? 真相をアプリ運営会社と日本航空に聞いた
                            • 【考察】テストコードのきれいな書き方 - Qiita

                              作ったものが想定した動作をしているか。 それを確認するために、テスト(試験)を行います。 検証したいことがちゃんと実現できて確認が取れているのであれば、その品質自体は割と気にされないことが多い印象です。 保守・運用・追加開発 をしていくプロジェクトが多くあると思います。 その作業の中で、改善を取り入れていくこともあると思いますが、その中でも一番後回しにされるのが、テストコードの改善のように思います。 推測ですが、「コストによるメリット・リターンが少なすぎる」ことが理由かな…と(開発者目線ではリターンが大きいのですが、運用者目線ですとリターンが少なく見えてしまう)。 であれば、最初からある程度綺麗なものがどういうものかを考え、作成しておけば良いのではないか・・! ということで、考察していきたいと思います。 前提 考察をするにあたり、言語化した時の表現や意味のズレが発生しやすい部分もあると思い

                                【考察】テストコードのきれいな書き方 - Qiita
                              • TypeScriptの為のクリーンコード を翻訳しました | Graat(グラーツ)-グロース・アーキテクチャ&チームス株式会社

                                Robert C.Martinの書籍で有名な「Clean Code」を TypeScript に対応させたドキュメントを翻訳しました。可読性が高く、再利用可能であり、リファクタブルなコードをTypeScriptで書くためには、どのような事に気を付けたらよいかをご紹介します。

                                  TypeScriptの為のクリーンコード を翻訳しました | Graat(グラーツ)-グロース・アーキテクチャ&チームス株式会社
                                • Webアプリケーション設計の第一歩は
ディレクトリの整理から / Encraft 1

                                  2023/3/24、Encraft #1 フロントエンド×設計にて発表した資料です。

                                    Webアプリケーション設計の第一歩は
ディレクトリの整理から / Encraft 1
                                  • サーバ不要でバックエンドAPIのモックを実現する「Mock Service Worker 2.0」正式リリース。Fetch API、ストリームAPI対応など新機能

                                    サーバ不要でバックエンドAPIのモックを実現する「Mock Service Worker 2.0」正式リリース。Fetch API、ストリームAPI対応など新機能 Webアプリケーションのクライアントを開発する際に、本来ならばサーバ上で稼働するWebアプリケーションのバックエンドのAPIを呼び出してデータを受け取って表示するといった動作を作り込みたいけれども、まだバックエンドのAPIも開発中であったり、何らかの理由でバックエンドを稼働させる環境を用意できなかったりすることは、しばしば起こりえます。 そうしたときにサーバを立てることなく、バックエンドのAPIをモックとして簡単に設定し提供してくれるソフトウェア「Mock Service Worker」の最新版「Mock Service Worker 2.0」が正式にリリースされました。 Announcing MSW 2.0! Migratio

                                      サーバ不要でバックエンドAPIのモックを実現する「Mock Service Worker 2.0」正式リリース。Fetch API、ストリームAPI対応など新機能
                                    • 負荷テストツール「k6」入門

                                      こんにちは。 PharmaX でエンジニアをしている諸岡(@hakoten)です。 この記事の概要 APIの負荷テストツールにGrafana Labs社が開発している「k6」というツールがあります。 k6はオープンソースのCLIツールですが、 「Grafana Cloud k6」というクラウドベースSaaSツールも提供されている便利なツールです。 ローカルのk6は、負荷テストの時に使ったことはあったのですが、真面目に負荷テストの設計をするにあたり、ちゃんと理解したかったため、改めて基本から調べてみました。k6の入門記事としてお役に立てれば嬉しいです。 インストール Macでは、k6を「Homebrew」でインストールすることができます。

                                        負荷テストツール「k6」入門
                                      • 新しいHDDを使用する時に執り行うべき「儀式」とは?

                                        自分のPCや会社のサーバーのHDDを交換するために購入した新しいHDDが「信頼に値する」かどうかの判断は難しいものです。そうしたHDDを新しく購入した際に行う「儀式」について、ここ10年間Linuxのサーバーを管理し、20台を超えるHDDを交換してきた経験を持つIronicBadger氏が語っています。 New Hard Drive rituals https://blog.linuxserver.io/2018/10/29/new-hard-drive-rituals/ IronicBadger氏は2009年にSeagate製のHDDの故障に見舞われ、HDDに保存していた全てのデータを失ってしまったのこと。また、購入した時は問題ないように見えたHDDも、しばらくすると不良セクタが発生したり、ひどい場合は電源を入れて1日足らずで故障したりしたこともあったそうです。 そうした経験から、Iro

                                          新しいHDDを使用する時に執り行うべき「儀式」とは?
                                        • 和田 卓人さん(t_wadaさん)に「予防に勝る防御なし - 堅牢なコードを導く様々な設計のヒント」を社内で講演いただきました! | Wantedly Engineer Blog

                                          こんにちは、ウォンテッドリーDev Branch VPoE 室長の髙橋です。 ウォンテッドリーの開発組織であるDev Branchでは、外部から有識者を招いて勉強会を開催したり、技術顧問として知見を取り入れるなど、プロダクト開発により強い組織となるためにさまざまな施策を行っています。 今回、「テスト書いてないとかお前それ @t_wada の前でも同じ事言えんの」 でおなじみのt_wadaさん(和田 卓人さん、以下和田さん)に「予防に勝る防御なし - 堅牢なコードを導く様々な設計のヒント」をウォンテッドリー向けにカスタマイズして講演いただきました。 このストーリーでは、今回の講演の経緯から社内の反応・Q&Aまで、講演に関する詳細をご紹介いたします。 社内講演のきっかけ事の発端は、弊社のVPoEである要(X : @nory_kaname)より、外部エンジニアを招いて勉強会を開催する旨の問いかけ

                                            和田 卓人さん(t_wadaさん)に「予防に勝る防御なし - 堅牢なコードを導く様々な設計のヒント」を社内で講演いただきました! | Wantedly Engineer Blog
                                          • 変更容易性と理解容易性を支える自動テスト(2024/02版) / Automated Test Knowledge from Savanna 202402 YAPC::Hiroshima edition

                                            YAPC::Hiroshima 2024

                                              変更容易性と理解容易性を支える自動テスト(2024/02版) / Automated Test Knowledge from Savanna 202402 YAPC::Hiroshima edition
                                            • GitHub Actions now supports CI/CD, free for public repositories

                                              CompanyProductGitHub Actions now supports CI/CD, free for public repositoriesSince we introduced GitHub Actions last year, the response has been phenomenal, and developers have created thousands of inspired workflows. But we’ve also heard clear feedback from almost everyone: you want CI/CD! And that’s what we’re announcing today. GitHub Actions is an API for cause and effect on GitHub: orchestrate

                                                GitHub Actions now supports CI/CD, free for public repositories
                                              • テスト優先度をあげたくなる実話 - フロントエンド版 -

                                                Storybook・テストに関して「メンテナンス工数に見合うだけのメリットがあるか?」という議論を、経験したことはないでしょうか。フロントエンドは、とにかく動くものを作ることが優先され、Storybook・テストが二の次になっている現場も少なくないと思います。 限りある工数を割きチームで取り組むものですから、導入するためには「どういったメリットがあるのか?」という具体的な例をチームに示す必要があります。これは今年、筆者が体験した実メリットのお話です。導入を躊躇している現場にむけ、参考になればと思い書きました。 【Storybook】不要な Global CSS を削除できた きちんとコンポーネント設計され、コンポーネントに閉じた指定をしていたとしても、どこかに必ず Global な CSS があると思います。何かしらの資材を受け継ぎ立ち上げたプロジェクトに関しては、Global な CSS

                                                  テスト優先度をあげたくなる実話 - フロントエンド版 -
                                                • はてブを見ていると国語のテストって大事だったんだなと痛感する

                                                  みんな書いていないことを読み取りすぎ。 勝手に反語だと思ったり、脳内で補完していたり、単純に誤読していたり。 国語のテストで、書かれていることから正答を導き出す問題あるけど、あれってめっちゃ大事だったんだなぁって思う。 ちなみにうちの学校では国語ができないと英語の長文問題も、数学の文章題も読み解けないから、まずは国語を完璧にしろって言われていた。 「いや、普通に読めばわかるじゃん……」って思っていたけど、大事だったんだなぁ。

                                                    はてブを見ていると国語のテストって大事だったんだなと痛感する
                                                  • 実践API設計: 柴田 芳樹 (Yoshiki Shibata)

                                                    4月に発売された「WEB+DB PRESS Vol.134」で特集1「実践API設計」を執筆していますが、そこから部分的に紹介します(目次は、こちらです)。 第1章「優れたAPI仕様とは何か --- よくある問題と記述すべき事柄」の冒頭で次のように述べています。 今日、多くの企業がWeb サービスとしてさまざまなサービスを提供しています。Webサービスは、iOS、Android、ブラウザといったフロントエンドと、それらに対して機能を提供するバックエンドサービスから構成されます。バックエンドサービスが提供するさまざまな機能はAPI (Application Programming Interface)として定義され、フロントエンドから呼び出されます。フロントエンドは、バックエンドサービスが提供する機能を使ってユーザーへ提供する機能を実現します。 定義されたAPI を介することで、フロントエン

                                                      実践API設計: 柴田 芳樹 (Yoshiki Shibata)
                                                    • 『Tailwind CSS実践入門』 出版記念基調講演

                                                      「Tailwind CSS実践入門」出版記念イベントの基調講演で使用したスライドです。 イベント詳細 → https://pixiv.connpass.com/event/310073/ 書籍 → https://gihyo.jp/book/2024/978-4-297-13943-8

                                                        『Tailwind CSS実践入門』 出版記念基調講演
                                                      • AWS、引退を迎えたサーバラックのサーバやスイッチを分解修理し、データセンターで再利用していることを明らかに。ハードウェアの製品寿命をできるだけ延ばすのが目的

                                                        AWS、引退を迎えたサーバラックのサーバやスイッチを分解修理し、データセンターで再利用していることを明らかに。ハードウェアの製品寿命をできるだけ延ばすのが目的 Amazon Web Services(AWS)は世界中に大規模なデータセンターを展開しており、そこでは何十万台ものサーバやネットワークスイッチなどが稼働しています。 同社はそこで一定の時期を迎えて引退したラックに搭載された多数のサーバやスイッチを分解修理し、テストし、再びデータセンターで利用していることを明らかにしました。 これにより既存のハードウェアの製品寿命をできるだけ延ばすことを目的としていると説明しています。 説明によると、引退時期を迎えたサーバラックはまずデータを安全に消去したうえで、世界中の主要なリージョンに設置されている「リバースロジスティクスハブ」に送られます。リバースロジスティクスハブは、IT資産処分センターと、

                                                          AWS、引退を迎えたサーバラックのサーバやスイッチを分解修理し、データセンターで再利用していることを明らかに。ハードウェアの製品寿命をできるだけ延ばすのが目的
                                                        • 2023年に読んで良かった技術書など10冊 - Sweet Escape

                                                          昨年までは毎月買った本やマンガとそれらに対する一言コメントをブログで書いていたんだけど今年はそれをやらずに来てしまったので今年かった本で良かったものをいくつかピックアップして紹介する。 実際にはもっと数多く買ってるし、買っただけで読んでいないものも多い。2023年に買った本はマンガも合わせて合計で366冊、そのうちマンガ以外は151冊だった。 なお、対象は自分で買った書籍だけ。つまり献本とかでいただいたものはこの対象に加えていません。 ちなみにいずれの本もすべて電子書籍で購入している。全体ではAmazonのKindleを中心に一部オライリーのeBookなんだけど、選んだものはすべてKindleで買ったものだった。 というわけで紹介していく。 AWSで実現するモダンアプリケーション入門 〜サーバーレス、コンテナ、マイクロサービスで何ができるのか フロントエンド開発のためのセキュリティ入門 知

                                                            2023年に読んで良かった技術書など10冊 - Sweet Escape
                                                          • 大規模リポジトリで高速にgit cloneするテクニック - DeNA Testing Blog

                                                            ニッチな話題ですが、業務におけるCI/CDの現場では避けることのできない大規模リポジトリと戦うためのgit cloneのテクニックを紹介します。 この記事はDeNA Advent Calendar 2020の10日目の記事です。 CI/CDマニアの@Kesin11です。SWETではCI/CDチームの一員として、CI/CDの啓蒙活動やJenkinsを必要とするチームのサポートなどの業務を行っています。 はじめに おそらくどこの会社でも1つぐらいは巨大なリポジトリが存在しているかと思いますが、歴史あるリポジトリはgit cloneするだけで数分を要し、checkout後のリポジトリサイズがGB単位になることも珍しくないでしょう。業務で古くから存在するプロジェクトのリポジトリを触ったことがある方はきっと経験があるかと思います。 git cloneを実行するのは最初のセットアップ時だけなのであまり

                                                              大規模リポジトリで高速にgit cloneするテクニック - DeNA Testing Blog
                                                            • 実践!ユニットテスト入門(PHPカンファレンス2022)

                                                              共通コンポーネントのテスト実装方法にあえてVRTを選択した話 / why do we choose VRT for testing shared components

                                                                実践!ユニットテスト入門(PHPカンファレンス2022)
                                                              • 『銀河英雄伝説』生みの親・田中芳樹先生インタビュー。『銀英伝』の新作ゲーム『銀河英雄伝説 Die Neue Saga』(ノイサガ)クローズドβテスト募集開始を記念して

                                                                『銀河英雄伝説』(以下、『銀英伝』)という作品をご存じだろうか。 『スター・ウォーズ』初期三部作に世界が湧いていた1980年代、綺羅星のごとく現れたスペースオペラ小説の傑作である。何万隻にもおよぶ宇宙艦隊が、いくつもの恒星間を飛び回り激戦を繰り広げる圧倒的スケール。それぞれの艦隊の司令官や勢力の長のみならず、部下や家族にいたるまで見事にキャラ立てされた登場人物たち。 そしてなによりも、戦場でいかに戦うかに焦点を当てた「戦術」と、何のための戦争をどのように起こすかを司る「戦略」の違いを克明に描き出し、一種シミュレーションゲーム的な面白さまで兼ね備えた、まさに“伝説”と呼ぶにふさわしい作品が『銀英伝』だ。1982年に第1巻が刊行されて以来、全10巻の累計発行部数は2022年の段階で1500万部に及ぶと言われる。 そんな『銀英伝』を題材として制作された戦略シミュレーションゲーム『銀河英雄伝説 D

                                                                  『銀河英雄伝説』生みの親・田中芳樹先生インタビュー。『銀英伝』の新作ゲーム『銀河英雄伝説 Die Neue Saga』(ノイサガ)クローズドβテスト募集開始を記念して
                                                                • Mackerel のフロントエンド "React化" プロジェクトを支える技術と設計 - Hatena Developer Blog

                                                                  こんにちは, Mackerel 開発チーム アプリケーションエンジニアの id:susisu です. 現在 Mackerel では, Web コンソール画面の開発に使用しているフレームワークを, これまで使用してきた AngularJS から React へ移行することを中心とした, フロントエンド開発の刷新プロジェクトを行っています. このプロジェクトの立ち上げについては以前 Hatena Engineer Seminar で発表しましたが, そこでは時間の都合もあり, 技術的側面についてはあまり深く掘り下げることは出来ませんでした. ということでこの記事では, より技術的な面にフォーカスしてプロジェクトの内容をご紹介できればと思います. "React化" プロジェクトについて Mackerel の開発は 2014 年ごろから始まりましたが, フロントエンドのフレームワークとしては当初か

                                                                    Mackerel のフロントエンド "React化" プロジェクトを支える技術と設計 - Hatena Developer Blog
                                                                  • 模試の国語の小説、面白くて読み入ってしまったのにいい点数が取れなかった→感情移入しすぎるとかえって点が取れなくなるのではないか?

                                                                    🐑 @Xx0o0__ 模試の国語の小説、普通に面白くて読み入っちゃって模試終わりに作品名調べたりしてたのに、蓋開けてみたら12/50点だったの感受性終わっててすき 2022-11-28 21:39:09 らむ @SHAjtwf8QjJmK2q @Xx0o0__ 読み入るってことは感情移入がしっかりできているってこと つまり書いてあること以上に自己投影や自己解釈で読み込んでいる部分も大きいと思われるのでテストには不向きかもですね 全然悪いことじゃないですが… テストの点数取るには自分と文章に距離があって、分析出来るくらいが丁度いいのかも 2022-11-29 11:45:43

                                                                      模試の国語の小説、面白くて読み入ってしまったのにいい点数が取れなかった→感情移入しすぎるとかえって点が取れなくなるのではないか?
                                                                    • explainだけじゃわからない!MySQLのindexの考え方 - BASEプロダクトチームブログ

                                                                      はじめに こんにちは、バックエンドエンジニアのSakiです!バックエンドでPHPを書いたり、PHPという言語そのもののメンテナーもしています。 この度、注文データダウンロードAppのパフォーマンスをアップさせるため、とても入念にデータベースまわりの処理を見直しました。その中でも特に速度に関わってくる「index」についての考え方をまとめたいと思います。 この記事はMySQL(InnoDB)についての記事であり、他のRDBについては当てはまらない場合もあるということにご注意ください。 indexとは何か、おさらい ご存知の方ももちろん多いと思いますが、indexについておさらいさせてください。 indexとは辞書でいうところの目次に相当するもので、目的のデータをいち早く検索するために重要なものです。もし辞書に目次が存在しなかった場合、目的の情報を探すのにとても苦労するだろうというのは想像しや

                                                                        explainだけじゃわからない!MySQLのindexの考え方 - BASEプロダクトチームブログ
                                                                      • PlaywrightのVSCode拡張を使って効率的にテストを書く

                                                                        この記事では、Playwright の VSCode 拡張を使って GUI 操作のみでテストの記録や実行する方法について紹介します。 Playwright の VSCode 拡張とは? Playwright の VSCode 拡張は、Playwright の作成元である Microsoft が公式に提供している拡張機能で、VSCode 内で直接ブラウザテストの記録や実行を支援するための便利なツールです。 GUI 操作を中心に、テストの記録や実行を手軽に行うことが可能となります。 VSCode 拡張のインストールは、以下のリンクから行うことができます。 VSCode 拡張を活用してテストを書く 本記事では、シンプルな ToDo アプリを例にテストの作成方法を説明します。Playwright のインストール方法は、公式ドキュメントをご参照ください。その後、VSCode に Playwright

                                                                          PlaywrightのVSCode拡張を使って効率的にテストを書く
                                                                        • Goを学ぶときに参照した学習リソースまとめ

                                                                          皆さん、新しいプログラミング言語を学ぶ時、どのように学習しているでしょうか? 私は4月に新卒でエンジニアになり、業務でGoを使うことになりました。その際、とりあえず公式チュートリアルであるTour of Goをやりましたが、その後にどうやって学習を進めれば良いか迷ってしまいました。 考えてみると、新しい言語を学ぶ際、毎回学習方法に困っている気がします。ネットでサンプルを探す、動画を見る、書籍を読む、などさまざまな学習方法があると思いますが、私は手を動かしながらいろいろなパターンを学んでいくのが好きです。 そこで今回Goを学ぶ際も、手を動かしてさまざまなコーディングのパターンを学習するために、ネットや書籍でサンプルを探して実践しました。 この学習方法は私にとっては楽しみながら続けることができて、他の言語を学ぶ際も今回実装したサンプルを使って学習しようと考えています! そこで自分と同じ様な悩み

                                                                            Goを学ぶときに参照した学習リソースまとめ
                                                                          • JavaScriptの上限・限界値 - Qiita

                                                                            JavaScriptの文字列や配列は最長でどこまで格納できるか、気にしたことはありますか?関数は何個まで引数を取れるのでしょうか?ブロックのネストは何段まで? この記事では、そんな素朴な疑問に答えてみます。 テストに使った環境は、 macOS 12.3.1 (Arm64) Node.js v17.7.2 Firefox Nightly 102.0a1 (2022-05-29) です。当たり前ですが、この記事に載せる数値は環境によって変わる可能性があります。 テストに使ったスクリプト類は https://github.com/minoki/javascript-limits に置いてあります。 文字列の長さ まずは文字列の長さです。 規格には The String type is the set of all ordered sequences of zero or more 16-bit

                                                                              JavaScriptの上限・限界値 - Qiita
                                                                            • 業務システム SPA のフロントエンド技術選定(2023年版) - KAKEHASHI Tech Blog

                                                                              本エントリはカケハシ Part 2 Advent Calendar 2023の13日目の記事です。 (Part 1もおもしろい記事がいっぱいあるので、ぜひご覧ください。) はじめに こんにちは。カケハシでソフトウェアエンジニアをしている平松です。 今年、新規プロダクト立ち上げの機会があり、その際に行ったフロントエンドの技術選定について紹介したいと思います。 フロントエンドの領域は選択肢が豊富で、変化のスピードも速いため、プロダクトの要件に適した技術を選ぶことはひとつの挑戦です。 実際、フロントエンド技術選定のヒント 【令和五年度版】のアドベントカレンダー記事を読んで、その難しさを改めて感じました。 今回の新規プロダクトは、ユーザがログインして利用するtoBの業務システムです。 私はカケハシでは2度目の新規プロダクト立ち上げですが、前回の経験を活かしつつ、新しいアプローチにも挑戦しています。

                                                                                業務システム SPA のフロントエンド技術選定(2023年版) - KAKEHASHI Tech Blog
                                                                              • N番目の素数を求める - すぎゃーんメモ

                                                                                SNSなどで話題になっていたので調べてみたら勉強になったのでメモ。 環境 Pythonでの実装例 例1 例2 例3 エラトステネスの篩 Rustでの実装例 試し割り法 エラトステネスの篩 アトキンの篩 おまけ: GMP Benchmark 高速化のテクニック 上限個数を見積もる Wheel factorization オチ Repository References 環境 手元のMacBook Pro 13-inchの開発機で実験した。 2.8 GHz Intel Core i7 16 GB 2133 MHz LPDDR3 Pythonでの実装例 例1 最も単純に「2以上p未満のすべての数で割ってみて余りが0にならなかったら素数」とする、brute force 的なアプローチ。 import cProfile import io import pstats import sys def m

                                                                                  N番目の素数を求める - すぎゃーんメモ
                                                                                • セキュリティ対策テストで職員のほぼ全員が引っかかって開封してしまった「卑怯すぎるファイル名」に同情の声「訓練でよかったな」

                                                                                  きんむいーにゃ @NTR66802653 セキュリティ対策テストで「給与変更のお知らせ」という添付ファイルついたメール送ってくるの卑怯すぎだろ 職員のほぼ全員が開封してしまった 2024-02-09 18:34:42

                                                                                    セキュリティ対策テストで職員のほぼ全員が引っかかって開封してしまった「卑怯すぎるファイル名」に同情の声「訓練でよかったな」