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 まとめ 参考資料 はじめに こんにちは！テックタッチでフロント... 続きを読む

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... 続きを読む

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カスタマイズ講座」もご自宅で受講可能です。 この... 続きを読む

これで完璧！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 下... 続きを読む

新しい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リサーチャーで... 続きを読む

Bootstrap ナビゲーションバーのカスタマイズ方法といろいろなデザインの実装例 | コリス

2019/08/20 46 users コリス ブレークポイント ナビゲーションバー レスポンシブ

Bootstrap 4のナビゲーションバーのカラーを変更したり、アイテムを整列させたり、レスポンシブのブレークポイントを変更するなどのカスタマイズ方法、ナビゲーションバーのいろいろなデザインの実装例を紹介します。 Bootstrap Navbar Guide and Free Navigation Examples by Nataly Birch 下記は各ポイントを意訳した... 続きを読む

「Vue.js」でWebページを作成できるフレームワーク「Nuxt.js」最初の一歩 (1/3)：CodeZine（コードジン）

2019/06/11 396 users CodeZine フレームワーク ユーザーインタフェイス

本連載では、Webページのユーザーインタフェイス（UI）フレームワーク「Vue.js」と、Vue.jsを利用してWebページを作成できるフレームワーク「Nuxt.js」の活用方法を、サンプルとともに紹介します。初回となる今回は、Vue.jsとNuxt.jsの概要を説明するとともに、プロジェクトの生成や実行、基本的な実装例を通して、Vue.j... 続きを読む

React Redux の SPA を運用して得られた知見と実装例、開発フローもあるよ！ - Qiita

2018/02/06 190 users Qiita Props SPA 知見 React Redux

Facebook が開発した UI ライブラリ 旧来の DOM 操作による状態管理を props や state で抽象化 パーツをコンポーネントごとに管理するのが得意 https://reactjs.org/ から、ライブデモを試せます。 SPAなどの複雑化する React のステート（状態）管理を、ルール（哲学）に従って書かせることで、フロントエンドの動きを追いやすくするためのライブラリ （*... 続きを読む

アプリログの自動異常検知を試してみた~密度比による異常検知入門~ - Gunosyデータ分析ブログ

2018/01/11 49 users 検知 Gunosyデータ分析ブログ 異常検知 ダミーデータ

2018 - 01 - 11 アプリログの自動異常検知を試してみた~密度比による異常検知入門~ Gunosyデータ分析部アルバイトの鈴木です。今回は 密度比を利用したバージョンリリースにおける異常検知 について学んだことをまとめたいと思います。 やりたいこと 超長期的にやりたいこと 密度比を用いた異常検知のイメージ ダミーデータでの実装例1 今回試したやり方 今後試していくやり方 ダミーデータでの... 続きを読む

React Redux を用いた SPA 新規サービスを運用して得た知見と実装例 - ランサーズ（Lancers）エンジニアブログ

2017/11/15 176 users Lancers TSUYOSHI ランサーズ SPA 知見

@tsuyoshi です。先日行われた React Redux を用いた SPA 新規サービスを運用して得た知見と実装例 　と言うイベントで使ったスライドをアップロードしました。 https://pook.life/ と言うサービスをReact Redux の SPA で運用して得た知見などを共有できればと思い。公開してみた次第です。 内容としては 利用しているライブラリや開発環境、開発フロー コ... 続きを読む

これから強化学習を勉強する人のための「強化学習アルゴリズム・マップ」と、実装例まとめ - Qiita

2017/10/30 198 users 強化学習 マップ 例題 アルゴリズム 文献

これから強化学習を勉強したい人に向けて、「どんなアルゴリズムがあるのか」、「どの順番で勉強すれば良いのか」を示した強化学習アルゴリズムの「学習マップ」を作成しました。 さらに、各手法を実際にどう実装すれば良いのかを、簡単な例題を対象に実装しました。 本記事では、ひとつずつ解説します。 オレンジ枠の手法は、実装例を紹介します。 ※今回マップを作るにあたっては、以下の文献を参考にしました。 ● 速習 ... 続きを読む

最近のWebサイトで見かける、パンくずリストのデザイン・配置・機能のまとめ | コリス

2017/09/01 75 users ユーザーエクスペリエンス コリス 階層 配置 Google

Webサイトのパンくずリストとは、ユーザーにサイトの階層を伝え、そのページがどこにあるのかを正確に理解できるようユーザーエクスペリエンスを強化します。また、Googleの breadcrumb schema により、その重要性は高まっています。 最近のWebサイトで採用されている、デザインも機能も素晴らしいパンくずリストの実装例を紹介します。 11 Ways Breadcrumbs Bolster... 続きを読む

【学習kotlinシリーズ】高階関数 | from umentu import stupid

2017/06/01 12 users 高階関数 import stupid Kotlin 引数 関数

Kotlinの高階関数の使い方を実装例を交えて紹介。高階関数とは 高階関数とは、関数を引数として受け取ったり、返り値として関数を返したりする関数のこと。同じような機能を持った関数を複数書いてしまう場合に、共通する部分は抽象的に一つの関数に集約してしまうことで、コードが短く書けたりするメリットが有る。 だめな例 だめな例として、文字列中の中から小文字が最初に出てくる位置を教えてくれる関数と、文字列中... 続きを読む

Go言語と暗号技術（AESからTLS） | SOTA

2015/11/10 265 users Sota tcnksm AES マスタリングTCP TLS

最近マスタリングTCP/IP SSL/TLS編や暗号技術入門を読んでいた．理解を深めるためにGo言語で標準のcryptoパッケージを触り/実装を読みながら読んだ． cryptoパッケージは他の標準パッケージと同様に素晴らしい．Go言語にはどのような暗号化手法が実装されているのか実例を含めてざっとまとめる．なお本文に書ききれなかったものを含め全ての実装例はtcnksm/go-cryptoにある． 共... 続きを読む

Security - RFC6238 Time-based One-time Password Algorithm (TOTP)の仕組みのメモ - Qiita

2015/10/25 44 users TOTP RFC Qiita security Java

RFCはこれ。Javaでの実装例もアリ: RFC 6238 - TOTP: Time-Based One-Time Password Algorithm RFCも十分短いけど、Wikipediaのほうはさらに簡潔: Time-based One-time Password Algorithm - Wikipedia, the free encyclopedia 日本語での参照情報: Googleの... 続きを読む