タグ

2023年12月5日のブックマーク (5件)

  • 俺の管理画面 2023年冬 - KAYAC engineers' blog

    面白法人カヤック技術部の谷脇です。私は元気です。 この記事は面白法人グループ Advent Calendar 2023の5日目のエントリーです。 というわけでこの記事では、現環境(私が取り組んでいる業務のこと)ベストの管理画面の技術選択について考えたことを書き連ねていきます。 前提知識 管理画面の定義 ここで読者と私の目線を合わせるため、この記事上での管理画面の定義をしておきます。 管理画面はサービスの運営上必要な操作やデータの閲覧をまとめたWebアプリケーションです。また、このWebアプリケーションは一般ユーザーには開放されておらず、サービス運営者側のみ閲覧と操作が可能となっている、とします。 管理画面を作る動機 ここではTonamelの管理画面について、考えて導入したことを書きます。 tonamel.com Tonamelはゲーム大会やイベントを開催するためのプラットフォームです。We

    俺の管理画面 2023年冬 - KAYAC engineers' blog
  • レスポンシブ対応の遅延画像が「sizes=auto」を使用すると簡単に実装できるようになります

    朗報です! 来年の2024年に、ブラウザはCSSから画像の実際の幅を取得し、それを画像のサイズとして使用することができるようになります。 srcsetで遅延読み込みされた画像の場合、ブラウザはsrcsetからソースURLを選択するために画像のレイアウト幅を使用できるようになります。 Add sizes=auto to lazy-loaded <img> これにより、Webデベロッパーはsizes属性を省略したり、loading=lazyを持つ<img>要素に対して明示的にsizes=autoを設定することができます。 ブラウザは、画像のレイアウト幅にsrcset属性の値を使用します(遅延画像は、レイアウトが判明するまで読み込みを開始しません)。遅延ではない画像の場合は無効で、100vwと同等になります。 sizes=autoはレスポンシブ対応の<img>に特に強力です。複数のバージョンの画

    レスポンシブ対応の遅延画像が「sizes=auto」を使用すると簡単に実装できるようになります
  • 【GPT-4V APIのおすすめ活用事例】OpenAIの最新モデルを使ったヤバい使い方10選 | WEEL

    みなさん、API経由でGPT-4Vが使えるようになったのはご存知ですか? その名も「GPT-4V API」というモデル名なのですが、GitHubでスター10,000超えのAIツール・tldrawに採用されています。 このGPT-4V APIは、アプリ・サービスに目を与えてくれるすぐれものなんです! 当記事では、そんなGPT-4V APIの活用事例のうち、SNSでバズったものだけを10個ピックアップしました。 最後まで読んでいただくと、APIで作れるアプリ・サービスのレパートリーが増えるかもしれません。ぜひ最後までお読みくださいね! なお弊社では、生成AIツール開発についての無料相談を承っています。こちらからお気軽にご相談ください。 →無料相談で話を聞いてみる GPT-4V APIとは?概要を紹介 「GPT-4V API」はChatGPT APIのなかで唯一、画像入力に対応しているモデルです

    【GPT-4V APIのおすすめ活用事例】OpenAIの最新モデルを使ったヤバい使い方10選 | WEEL
  • VSCode のおすすめ拡張機能 2023年度版

    株式会社ゆめみの 23 卒 Advent Calendar 2023の4日目の内容です。 2022年のはじめに自分の開発環境を紹介する記事を投稿したのですが、思いのほか読んでいただいているので2023年度版を作成しました。 今回は拡張機能編です。キーバインドなどは後日公開します。 今年1年間で JetBrains 製品や、neovim を使ってみたりしましたが、紆余曲折あり現在は VSCode に落ち着いたのでいつかその辺りも紹介出来ればと思います。 VSCode 関連記事 下記にキーバインドや設定周りの記事リンクを追加していきます 汎用的な拡張機能 BracketLens 右括弧の左側にスコープの情報が表示されるようになる。 ChangeCase 選択範囲のテキストの case を変更することが出来る CodeSpellChecker スペルチェッカー EditorConfig .edi

    VSCode のおすすめ拡張機能 2023年度版
  • 安い白菜をフライパンで炒めて「ドライカレー」にするスピードレシピ。白菜は洋風の濃いめの味付けもウマい【ヤスナリオ】 - メシ通 | ホットペッパーグルメ

    こんにちは、高円寺メタルめしのヤスナリオです。 身近な材料と少ない調味料で煮込まずサッとできる、お店のまかないでもよく作るドライカレーのスピードレシピ。 www.hotpepper.jp www.hotpepper.jp 今回は、安くてたっぷりべられる白菜を使った「白菜とニラのドライカレー」をご紹介します。 合いびき肉と白菜、ニラを炒めて、味付けはカレー粉、中濃ソース、トマトケチャップと調味料3つでOK! 淡白な味わいの白菜は、洋風の濃いめの味付けでべても美味しいですよ。 ポイントは、弱火でよく炒めて白菜の水分をしっかり飛ばすこと。鍋用に買って余った白菜で作るのもオススメです。 ヤスナリオの「白菜とニラのドライカレー」 【材料】1人分 ニラ 1/2束(50g程度) 白菜 1/8個(250~300g) 合いびき肉(豚ひき肉でもOK) 100g 卵(トッピングの目玉焼き用) 1個 カレー

    安い白菜をフライパンで炒めて「ドライカレー」にするスピードレシピ。白菜は洋風の濃いめの味付けもウマい【ヤスナリオ】 - メシ通 | ホットペッパーグルメ