「実装例から見る React のテストの書き方」をアップデートする

2024/04/17 8 users ウフフ React テスト アップデート メッセージ

社内の人から、自分が以前書いた次の記事が「便利で助かった！書いた時から何かアップデートある？」ってメッセージがきた。 そんな便利だなんてどうもありがとうございますウフフ、と思いながら書いた日を見てみると 2022-08-09 だった。もうすぐ 2 年経とうとしてる。時の流れが早くて怖い。 この記事に書かれた実装例... 続きを読む

スムーススクロールの実装例 ｜ TAKLOG

2024/04/15 7 users スムーズスクロール smooth TAKLOG CSS ゴス

html要素にscroll-behavior:smoothを指定するだけのコストの低さ、それでいて従来のアンカーリンクの機能を損ねないことから「スムーススクロールはCSSのみで十分」といった技術記事やポストが多く広まっています。 ただ、そういった技術記事やポストは「CSSのみで対応できる」「ワンライナーで実装できる」と言ったコス... 続きを読む

v5 で何が変わる？ 非同期状態管理ライブラリ TanStack Query の新機能と最適化 - Techtouch Developers Blog

2024/03/11 12 users TanStack Query インターフェース フロント

はじめに 三行まとめ TanStack Query とは？ v5 アップデート内容の紹介 hooks のインターフェースの統一 Suspense の正式サポート v4 v5 Optimistic Update をシンプルに そもそも Optimistic Update とは？ デモアプリ Optimistic Update の実装例 v4 v5 まとめ 参考資料 はじめに こんにちは！テックタッチでフロント... 続きを読む

デプロイ対象環境ごとに別々のSlackチャンネルに通知するGitHub Actionsの実装例 - KAYAC engineers' blog

2024/02/01 5 users KAYAC engineers Slackチャンネル 長田

SREチームの長田です。 SRE関連の記事としては今年最初の記事になります。 今年も定期的にSREチームメンバーによる記事を投稿していく予定です。 よろしくお願いします。 さて、今回はGitHub Actionsのはなしです。 TL;DR デプロイを実行するGitHub Actionsの実行状況を デプロイ対象環境ごとに別々のSlackチャンネルに... 続きを読む

Gradio: Pythonで簡単にAIをWebアプリ化 - Safie Engineers' Blog!

2023/12/18 9 users コンポーネント Python セーブ インストール 認証機能

この記事はSafie Engineers' Blog! Advent Calendar16日目の記事です。 はじめに Gradioとは Hello World! Gradioのインストール コード実装 実行結果 認証機能 リアクティブインターフェース ブロック構造とイベントリスナー コンポーネントの種類 実装例 ソースコード 画面 その他ドキュメント まとめ はじめに セーフ... 続きを読む

Kotlinのsealed型を使って高機能なenum型を実装する - ドワンゴ教育サービス開発者ブログ

2023/09/28 6 users Kotlin enum ドワンゴ教育サービス開発者ブログ

はじめに シンプルな実装例 sealed型による実装のメリット enumに階層関係を持たせることができる 個々の値を型として扱える sealed型による実装のデメリット 言語仕様が提供する便利機能を利用できない まとめ We are hiring! はじめに blog.nnn.dev Kotlinのsealed型の使い方を考える記事の第2弾です。 前回の記事では... 続きを読む

goquを駆使してgoでSQL構築も構造体マッピングもRDBテストもやる - エムスリーテックブログ

2023/08/29 71 users fukubaya RDB SQL 知見 エムスリーテックブログ

【Unit4 ブログリレー6日目】 こんにちは、エムスリーエンジニアリンググループの福林 (@fukubaya) です。 最近まで開発していたm3ラウンジでは、goからRDBを利用していました。 m3ラウンジでは、SQLの組みやすさやテストのしやすさの観点で検討した結果、goquを採用しましたので、 そこで得られた知見とその実装例を紹... 続きを読む

Chrome 111 の View Transitions API でリッチなページ間トランジションを実現する

2023/03/07 69 users API View Transitions 概説 CSS 観点

Chrome 111 は CSS の色関数 や 三角関数の追加 など、目を引く更新が多いですが、中でも View Transitions API は、Web アプリの UX 向上という観点で、高いポテンシャルを秘めた API です。 この記事では、この View Transitions API について、実装例・実用例を交えて概説します。 View Transitions API とは View Tr... 続きを読む

懐かしのmarquee？テキストを自動スクロールさせる方法と実装例

2023/01/18 6 users Marquee CSS テキスト タグ JavaScript

2023年1月18日 CSS, JavaScript, Webサイト制作, Webデザイン 最近のWebサイトギャラリー見てたら、懐かしい動きを目にする機会が増えてきました。テキストが右から左に自動スクロールするという、かつての「marquee」タグを彷彿させる動きです。今回はこの自動スクロールテキストに注目してみます。 marquee とは かつ... 続きを読む

2022年に見かけたモダンなCSSの書き方を振り返る

2023/01/12 261 users CSS CSSプロパティ 従来 発信 表現

はじめに 2022年6月15日にInternet Explorerのサポートが終了しました。 (IEの完全無効化は2023年2月14日予定) そのこともあり2022年は今までとは異なるCSSプロパティを使用したモダンな実装例の記事や発信をよく見かけた気がします。 ただしこれらは従来の実装方法でもできる表現であったので、「この記事はあとでしっ... 続きを読む

Unity公式がデザイン(プログラミング)パターンの実装例をまとめたリポジトリを公開！【Unity】 - (:3[kanのメモ帳]

2022/10/20 24 users ＫＡＮ リポジトリ Unity 手法 プログラミング

はじめに プログラミングにもよく使われる形式や手法、いわゆるデザインパターンというものがあります。 もちろんそれらはUnityでゲームを作る時にも使えるのですが、 具体的にUnityでどう実現したらいいのか(特に学びたての時は)悩む事もあります。 そんな悩みを解決するリポジトリ(プロジェクト)をなんとUnity公式がGi... 続きを読む

実装例から見る React のテストの書き方 - Cybozu Inside Out | サイボウズエンジニアのブログ

2022/08/29 209 users kintone React フロリア デス フロントエンド

こんにちは！フロントエンドエキスパートチームの@nus3_です。 kintone のフロントエンド刷新プロジェクト（フロリア）では、品質を保ったまま開発を加速させるためにフロントエンドのテストを積極的に行っています。 今回はそんなフロントエンドのテストの実装例をいくつか紹介します。この記事がフロントエンドのテス... 続きを読む

「コード書きました、あとはよろしく」では優れたソフトウェアは生まれない　コンテナのスペシャリストが語る、運用性を損なう8つの実装例

2022/02/03 329 users コンテナ スペシャリスト ソフトウェア Advocate 登壇

今押さえておくべき知識をアップデートし、ノウハウを共有し、さらなるスキルアップを実現する場として開催されている、AWS で最も Developer に特化したカンファレンス「AWS Dev Day Online Japan」。ここでSr. Product Developer Advocate, Elastic Containersの原氏が登壇。続いて、運用性に優れたソフトウェアが重要... 続きを読む

接続が途切れないストリーミングサーバの無停止アップデートを実装してみました - Mirrativ Tech Blog

2022/01/31 12 users HTTPサーバ パタ hot deploy 経緯 接続

こんにちは ハタです。 今回は SO_REUSEADDR / SO_REUSEPORT を使ったストリーミング配信サーバの無停止アップデート(Hot Deploy)を実装してみたので紹介したいなと思います ことの経緯 HTTPサーバによる Hot Deploy の仕組み ストリーミング配信サーバへの応用 SO_REUSEADDR/SO_REUSEPORT を使った実装例 Hot Deploy の... 続きを読む

Vimの新しい自動補完プラグイン「ddc.vim」を使ってみた｜Dentsu Digital Tech Blog｜note

2021/12/03 13 users vim ddc.vim Note データサイエンティスト 吉田

電通デジタルでデータサイエンティストを務める吉田です。 これはDentsu Digital Advent Calendar 2021の3日目の記事です。 今回の記事では、今年出てきたばかりのddc.vimというVimの自動補完プラグインを試しに使ってみたので、基本的な実装例と使用感について紹介したいと思います。執筆時点ではまだBeta版とのことで... 続きを読む

CSSで三角形のいろいろな実装例 | Stocker.jp / diary

2021/04/26 18 users Stocker.jp diary CSS 三角形

スマートフォン時代のWebデザインスクール ご自宅で動画受講可能、4月末まで割引&体験レッスン無料！ モダンなWebデザイン制作・Adobe XD・Photoshop・UI/UXなど基礎から学べる講座です。 WordPressでWebサイトを制作したい方のための「PHP徹底入門講座」、「WordPressカスタマイズ講座」もご自宅で受講可能です。 この... 続きを読む

GCP でマイクロサービス Saga パターン編. この記事は Google Cloud Japan Customer… | by Shingo | google-cloud-jp | Dec, 2020 | Medium

2020/12/22 7 users SAGA GCP medium DEC パターン

この記事は Google Cloud Japan Customer Engineer Advent Calendar 2020 の 22 日目の記事です。 こんにちわ。今日はマイクロサービスを設計パターンの一つ Saga パターン と GCP での実装例を紹介します。マイクロサービス入門者の方に向けた記事として、できるだけわかりやすく書いてみたいと思います。 TL;DRSaga パ... 続きを読む

クリーンアーキテクチャの実装例　Javaでクリーンアーキテクチャする方法Part.3 - ログミーTech

2020/09/23 9 users クリーンアーキテクチャ Java ログミーTech 成瀬氏

開発者にはしばしば必要なものがないという状況が訪れます。デベロッパーエバンジェリストの成瀬氏が、実際に10名弱のチームで新規プロダクトを作る際にクリーンアーキテクチャの構成を実践してみた話をしました。　Part.3はクリーンアーキテクチャの実装例について。動画はこちら。 これに従って実装すれば、見えるもの... 続きを読む

これで完璧！CSS GridとFlexboxの違いと使い分け方、よく見かけるUIコンポーネントを実装するテクニックのまとめ | コリス

2020/06/25 351 users Flexbox コリス フォールバック UIコンポーネント

CSS GridとFlexboxのどちらを使った方がよいか悩んだことはありませんか？ CSS GridとFlexboxの違い、使い分け方、CSS Gridの実装例、Flexboxの実装例、CSS GridとFlexboxを組み合わせた実装例、フォールバックと古いブラウザのサポート方法を解説します。 Grid for layout, Flexbox for components by Ahmad Shadeed 下... 続きを読む

FastAPIで機械学習モデルの推論web APIを爆速で構築する - Qiita

2020/04/21 9 users 見解 機械学習 Qiita FastAPI 構成

本記事の目的 機械学習の推論web APIの典型的な構成を紹介します。必ずしもWEBの知識や機械学習の知識はなくても読める内容だと思います。（実装例は除く） 紹介する構成は、業務でいくつかの機械学習モデルの推論web APIをたてた経験からきていますが、あくまでも個人的見解なので、こっちのほうがいいよーってのがあれ... 続きを読む

新しいHTMLタグportal、Portals機能で変わるWebの遷移体験！　CDS2019で紹介されたヤフーの実装例 #UIUX - Yahoo! JAPAN Tech Blog

2019/11/18 133 users UIUX Portals ヤフー Yahoo web

新しいHTMLタグportal、Portals機能で変わるWebの遷移体験！　CDS2019で紹介されたヤフーの実装例 #UIUX こんにちは。PayPayモールのエンジニア関と、Yahoo!ニュースのデザイナー萩野です。 皆様、突然ですがPortalsをご存じでしょうか。 Portalsとは、新しいHTML要素です。2019年11月11日〜12日にサンフランシスコで開... 続きを読む

Unite Tokyo 2019 「大量のアセットも怖くない！～HTTP/2による高速な通信の実装例～」講演と壇上では語られなかった６つのこと。 - SEGA TECH Blog

2019/10/30 14 users 壇上 http アセット OpenGL セガゲームス

皆さんこんにちは。セガゲームス、開発技術部の山田です。 以前は OpenGL の話を本ブログで紹介したのですが、今回は Unite Tokyo で講演してきたお話です。 本記事は講演の時と同じく、前半は山田、後半は竹原でお送りします。 目次 Unite Tokyo 2019 資料など 質疑中の様子 講演中に語られなかったこと Keep Alive の... 続きを読む

【Python】Responderを使ってDjangoチュートリアルをやってみた【まとめ編】 – 株式会社ライトコード

2019/10/25 74 users Responder Python Django イチオシ 社長

Responderを使ってDjangoチュートリアルをやってみた～まとめ～ ライトコード社長も今、イチオシのWEBフレームワークである「Responder（レスポンダー）」。 「Responderの具体的な実装例の記事を検索しても少ない」と感じた社長が、「それなら、充実しているDjangoのチュートリアルを、Responderでやってみよう！」とス... 続きを読む

スクウェア・エニックスの技術者が活用した「感情を揺さぶるメタAI」。二次元感情マップを使った実装例を解説【CEDEC2019】 | AUTOMATON

2019/09/29 364 users AUTOMATON スクウェア・エニックス 感情 解説 技術者

今月9月4日から6日にかけてパシフィコ横浜にて「CEDEC 2019」が開催された。CEDECはCESAが主催するゲームデベロッパー向けのメジャーカンファレンスで、3日間の開催期間中にはゲーム開発者や関連技術に関わる方向けにさまざまなセッションが開かれた。今回の記事では、株式会社スクウェア・エニックスのAIリサーチャーで... 続きを読む

PowerShellのワンライナーを実行するWindowsタスクをPowerShellで登録 - YOMON8.NET

2019/09/20 9 users PowerShell IIS 題名 日数 YOMON8.NET

題名の通り、WindowsタスクにPowerShellのワンライナーを埋め込みたくて方法を調べていました。ついでに、IISのログを削除するWindowsタスクを、PowerShellワンライナーで実装して、PowerShellでWindowsタスク登録するまでやったのでメモ。（何書いてるかわからなくなってきましたが） 実際の実装例として、指定の日数よ... 続きを読む