テストの学習へようこそ！ | web.dev
テストの学習へようこそ！ コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 このコースでは、ウェブ用のテストの概要と探索について説明します。 このコースで学習する内容は次のとおりです。 テストの基礎 自動テストと手動テスト テストを実施する場所と方法 ベスト プラクティス 何をテストすべきか、誰に責任があるのか、目的そのものとしてではなく、目的を達成するために手段をテストすることを検討する方法など、テストの理念。 このコースには、学習に役立つ簡潔で実用的なサンプルコードも含まれています。 コースのスコープには、Node.js などの環境で実行される、フロントエンドの JavaScript とドキュメント モデル、バックエンドでのライブラリ テストが含まれます。テストの経験はありませんが、JavaScript の基礎知識と Node.js などに関する経験が必
ベロシティを高く保つ仕事のすすめ方 / Maintaining a High Velocity as Productivity Hacks
https://findy.connpass.com/event/318375/ での登壇資料です。
Next.jsのParallel Routesを理解する
はじめに アイディオットDX開発部の岩澤です。 今回は、Next.jsのParallel Routesについて解説したいと思います。 Parallel Routesとは 複数のpage.tsxを、1つのlayoutの中に並行して表示することができるAppRouterで新しく追加された機能です。 @フォルダ名の配下に、対応するセグメントごとのpage.tsxを配置することでParallelRoutesが使えます。 ParallelRoutesのフォルダ名は、表示したい領域の内容が意味的にわかる単語を設定するのが良いでしょう。 実装イメージ たとえば、reserves/[id]にルーティングしたときのみサイドバーの表示を変更したいときは以下のように@sidebarの中にreserves/[id]/page.tsxを定義します。 そうすると、layout.tsxのpropsでsidebarを受け
App Router移行時に0.01%の確率でCSR遷移が404エラーになる - とろろこんぶろぐ
概要 Pages Router から App Router 移行時に一部既存の画面での CSR 遷移が 404 エラーになりました。 この件について調査したので、記事にしてまとめておきます。 前提 今回発生したバグの内容の再現環境の特徴として、以下が挙げられます。 Next v13.5.6 Base path の設定あり App Router と Pages Router が共存している Base Path について Base Path の設定は next.config.js に以下のような記載があると、 module.exports = { basePath: '/base', } /pages/examples.tsx で配置したページコンポーネントが、 URL /base/examples で閲覧できるようになるものです。 また以下のような Link コンポーネントは、自動的に Ne
記憶に残る「スキマ時間勉強法」。まとまった時間がとれないなら “薄い記憶を塗り重ねて” いけばいい - STUDY HACKER（スタディーハッカー）｜社会人の勉強法＆英語学習
「まとまった時間をとるのが難しく、短いスキマ時間に勉強するしかない。でもスキマ時間に少しずつ勉強するぐらいでは、記憶に残らなさそう……」 と思っていませんか？ 筆者もそう考えていたひとり。ですが「薄い記憶を塗り重ねる」という勉強法のメリットを知ってからは、俄然やる気が湧いてきました。 変化の激しいこの時代、創造性や直感を養うアートへの関心が高まっているそうなので、筆者もスキマ時間を使って薄い記憶を塗り重ねながら、絵画について少しずつ学んでみることに。“自分に合う勉強法” がわかり、記憶定着の効果も感じられましたよ。実践内容とあわせて紹介しましょう。 【ライタープロフィール】 STUDY HACKER 編集部 「STUDY HACKER」は、これからの学びを考える、勉強法のハッキングメディアです。「STUDY SMART」をコンセプトに、2014年のサイトオープン以後、効率的な勉強法 / 記
ふりかえりを拡張する「ふりかえりカタログ」 - Qiita
New!!（2024.1.11） 本記事の内容をよりブラッシュアップし、さらに使いやすくなった「ふりかえりカタログ（コミュニティ版）」をリリースしています。 今後はそちらをご利用ください。 ふりかえりカタログ（コミュニティ版） はじめに あなたのふりかえりを拡張するふりかえりカタログを公開いたします！ ふりかえりカタログは、ふりかえりの手法（現在）71個とその特徴を網羅したカタログです。下記画像はイメージです。 pdfはBoothで無料DLできます。 DLはコチラ => ふりかえりカタログ（Booth版） スライドはSpeakerDeckから参照できます。 DLはコチラ => ふりかえりカタログ（SpeakerDeck版） ふりかえりカタログとは ふりかえりの様々な手法をまとめたカタログです。 ふりかえりの各手法を「手法名」「手法を使う場面」「手法のイメージ」「出典」「進め方」「いいところ
長く活躍できるエンジニアになるためには？ 技術者として大切にしたいこと
フロントエンドのパラダイムを参考にバックエンド開発を再考する / TypeScript による GraphQL バックエンド開発
任天堂の人材に対する考え方｜採用情報｜任天堂
任天堂の人材に対する考え方 任天堂の経営方針 私たちは「娯楽を通じて人々を笑顔にする会社」として、どなたにでも直感的に楽しんでいただける「任天堂独自の遊び」を提供することを目指しています。この独自の娯楽体験を実現するために、ハード・ソフト一体型のゲーム専用機ビジネスを経営の中核に置き、どのような娯楽でも「いつかは必ず飽きられてしまう」という考えのもと、人々を笑顔にするために独創的な商品やサービスを世界中の人々にお届けし続けていきます。 人々を笑顔にする娯楽を 世界中の人々にお届けするために 独創的な商品やサービスをつくってお届けするうえで必要な能力は、数字では計れません。そのため、当社では独創性・柔軟性・誠実さからなる「任天堂DNA」を重要視しています。この任天堂DNAを基盤とし、仕事を通じて社員一人ひとりの成長を最大限に促せるよう、 さまざまな人事施策を取り入れています。また、ゲームやエ
Gitの内部表現から理解するSquash
コミットはスナップショットであり差分ではないとすると、Squashは何をしているのでしょうか。 コミット（スナップショット）を「まとめる」とは具体的にどのような操作を指すのか、詳しく見ていきます。 おさらい：Gitの内部表現 Gitの内部表現についてざっくり思い出します。Gitオブジェクトは以下の4種類です。 コミット：ある時点におけるリポジトリ内のコンテンツのスナップショット ツリー：ディレクトリ ブロブ：ファイル タグ：今回は関係なし まず、以下のコマンドでサンプルリポジトリを作成します。 mkdir sample-repo cd sample-repo git init echo "sample 1" > sample.txt git add . git commit -m "sample commit 1" sleep 1 echo "sample 2" >> sample.txt
当てはめるだけで小学生でもロジカルな文章が書ける…ハーバード大で教えられている｢オレオ公式｣のすごさ 1日10分書く習慣が頭脳を鍛える
「ロジカルな構成」をカンペキにする アメリカの大手新聞「ニューヨーク・タイムズ」などで活躍するジャーナリストのダニエル・コイルさんは、超一流の人たちがどうやって才能をみがいてきたのかが気になっていました。そして、世界中のスポーツチーム、音楽学校、一流進学校などを取材した結果、こんな結論にたどり着いたのです。 「才能とは、生まれつきのものだけではなく、練習でみがかれるものである」 ダニエル・コイルさんがたどり着いた超一流の人たちの才能開発のひみつは、その才能を開花させるために一番重要なスキル（能力）を、まずはとことんみがくということでした。そのスキルを最大値で発揮できるようになるまで、小さなことから毎日少しずつ地道に練習を重ねるのです。 たとえば、テニス選手なら、まずは「サーブのトス」を、バスケットボールの選手なら「レイアップシュート」だけを、目を閉じていてもできるくらいに練習しなさいという
HTTP Proxy（Charles）を活用して開発効率をあげる - Qiita
開発でHTTP通信の内容を確認する場合、CharlesというHTTPプロキシを使うと便利です。 今回はiOS開発での実例を挙げながらどのようなパターンで活用できるのかを解説したいと思います。 アプリ開発をする場合、特にWeb側の開発者とのやり取りをする時に通信ログをエビデンスとして渡すことで効率よく作業を進められます。 検証環境 macOS Big Sur version 11.6 charles v4.6.2 iOS15.3.1 Charlesについて CharlesはHTTPプロキシとして動作するソフトウェアで、macOS等にインストールして使うことができます。 アプリ開発においては、例えばiOS端末にプロキシ設定をしてそのマシン経由で通信させることにより、通信内容をPC側で確認することができるようになります。 Charlesで出来ること 通信内容を見る リクエストを変更する レスポン
JavaScript Visualized - Promise Execution
Promises in JavaScript can seem a bit daunting at first, but understanding what's happening under the hood can make them much more approachable. In this blog post, we'll dive deep into some of the inner workings of promises and explore how they enable non-blocking asynchronous tasks in JavaScript. I'm still working on making this blog better on mobile devices, mobile browsers don't always render t
リレーショナル・データベースの世界
序文 私の仕事は、DBエンジニアです。といっても別に望んでデータベースの世界へきたわけではなく、当初、私はこの分野が面白くありませんでした。「Web系は花形、データベースは日陰」という言葉も囁かれていました。今でも囁かれているかもしれません。 ですが、しばらくデータベースを触っているうちに、私はこの世界にとても興味深いテーマが多くあることを知りました。なぜもっと早く気づかなかったのか、後悔することしきりです。 もちろん、自分の不明が最大の原因ですが、この世界に足を踏み入れた当時、先生も、導きの書となる入門書もなかったことも事実です。 今でこそバイブルと仰ぐ『プログラマのためのSQL 第2版』も新入社員には敷居が高すぎました (2015年2月追記：その後、自分で第4版を訳出できたのだから、 人生は何があるか分からないものです)。 そこで、です。このサイトの目的は、データベースの世界に足を踏み
なんとなく使っていませんか？ 括弧の種類と使い分け｜モリサワ note編集部
突然ですが、質問です！ 以下の文章で、登場人物が実際に声に出して言っている部分と、心の中で思い浮かべている部分はどこでしょうか。 「みんなはね、ずいぶん走ったけれども遅れてしまったよ。ザネリもね、ずいぶん走ったけれども追いつかなかった」と言いました。 ジョバンニは、 （そうだ、ぼくたちはいま、いっしょにさそって出かけたのだ）とおもいながら、 「どこかで待っていようか」と言いました。 青空文庫 宮沢賢治『銀河鉄道の夜』 https://www.aozora.gr.jp/cards/000081/files/43737_19215.html 答えは簡単ですね。 「 」の中の言葉が声に出して言っている部分、（ ）の中の言葉が心の中で思い浮かべている部分です。 前後の文章からも読み取れると思いますが、括弧の使い分けがされていることで、より分かりやすくなっています。 このように括弧類は主に文章内で会
WebViewとアプリ内/外ブラウザ起動
はじめに Flutter アプリ（ネイテイブアプリ）で Web サイトを表示したい場合に、ご存知の通り WebView やブラウザ起動がありますが、各 OS でのそれぞれの挙動の違いや特性について改めて整理しました。Flutter 公式プラグインである以下2つを本記事では取り扱っています。 ※WebView 表示のプラグインとして flutter_inappwebview | Flutter Package が有名で私も使っていた時期がありますが、HTTPS通信時のホスト名検証がない点 や、 結構な数のイシューが放置されたままになっている などの理由から、現在は webview_flutter を利用しています。 Webサイトを表示する3パターンの方法 ネイテイブアプリで Web サイトを表示する方法として主に下記の3つが上げられます（呼び名はイメージしやすいように便宜上定めています）。
WKWebViewとSFSafariViewControllerの違いについて - Qiita
概要 iOS開発でWebViewを実装するときに、WKWebViewかSFSafariViewControllerがあります。それぞれの特性について、調べたことを書きます。 今回取り上げなかったUIWebViewについて iOSの初期のほう(iOS 2.0~)では、WebViewの表示にUIWebViewを使ってきました。しかし、公式ドキュメントでは、iOS8以降ではWKWebViewを代わりに使うことをアナウンスしています。この理由としては、クラッシュ率、そしてセキリュティの欠陥であると考えられています。なので、これから開発でWebViewを使う場合は、WkWebViewかSFSafariViewControllerを使いましょう。 WKWebViewについて 特徴 iOS 8.0以降使用可能 カスタマイズの自由性があるが、閉じるボタンを追加したり、場合によっては戻るボタンを自前で用意す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【📍完全版】世界が震撼したOpenAI最新アップデートまとめ《GPT-4o、デスクトップアプリ、音声会話》｜チャエン | 重要AIニュースを毎日発信⚡️
EVM とは？プロジェクトのコストと進捗を一元管理する方法 [2024] • Asana![EVM とは？プロジェクトのコストと進捗を一元管理する方法 [2024] • Asana](https://cdn-ak-scissors.b.st-hatena.com/image/square/a0efa87dafbc37d1fff65641a523b30596a38480/height=288;version=1;width=512/https%3A%2F%2Fassets.asana.biz%2Fm%2F3250225075ee5bdf%2Fwebimage-article-project-planning-cost-management-steps-2x.jpg)
Negative Margin Spacing Troubleshooting: CSS Newbie - CSS Reset
Notes on listening to location changes in WKWebView