TECH PLAY

HTML」に関連する技術ブログ

1025 件中 1 - 15 件目
目次 はじめに エンジニア内定者研修について エンジニア内定者研修の概要 エンジニア内定者研修の目的 エンジニア内定者研修カリキュラム 前回からの改善点 ターミナルおよび Git/GitHub の基礎・プログラム基礎 ネットワーク/インフラ基礎 DB 研修 Web 基礎・Web アプリケーション開発基礎 AI開発基礎 受講者のフィードバック おわりに はじめに こんにちは。 開発本部開発1部トモニテ開発部所属の庄司( @ktanonymous )です。 弊社では、内定者向けとしては2回目となる内定者研修を
こんにちは、タイミーでバックエンドのテックリードをしている新谷( @euglena1215 )です。 Rails アプリケーションの開発をしていると、fat になってしまった Sidekiq worker や、ドメインロジックらしき実装が書かれている Serializer に遭遇したことがあるのではないでしょうか。 この記事では、MVC アーキテクチャを一段階抽象化して捉えることで、Rails のさまざまなレイヤーに対して一貫したプラクティスを適用する考え方を紹介します。ある程度 Rails を触ったこと
AmebaLIFE事業本部でエンジニアをしている湯本航基(@yu_3in)です。 2025年もAme ...
この記事は LabBase Advent Calendar 2025 の 22 日目の記事です。 SvelteKit や Superforms を使って作ったフォームでエラーが発生したときに、それをフロントエンド側でどのように検知してエラー情報を取得をするかがややこしいと思っていたため、それを調べてまとめました。(言語は TypeScript を使用します) 検証に使用したライブラリのバージョンは以下のとおりです Node.js v24.9.0 Svelte 5.45.6 SvelteKit 2.49.1
概要 本ドキュメントでは、さくらのVPSのスタートスクリプトである「Dify + さくらのAI Engine」に検索拡張生成であるRAGを組み合わせての応用方法をご紹介します。 AIを使ったチャットボットは便利ですが、「 […]
こんにちは。テクニカルライターの篠崎です。 aptpod Advent Calendar 2025 の12月24日の記事を担当します。 今年も生成AIの話題を見聞きしない日はありませんでした。 製品ドキュメントの制作を担当している私も、日々の業務にAIを活用する可能性を模索してきました。 例えば、AIに資料を渡して文章を生成してもらったり、見本に沿って書き直してもらったり、テキストを処理するスクリプトを書いてもらったり、いろいろなことをやっています。 しかし、うまくいくこともあればいかないこともあり、期待
クリスマスイブ、いかがお過ごしですか? えっ、予定がない? そうですか・・・ いや、私もです。 東京では相変わらず雪が降る気配もありません。 それでは、せっかくなので、ウェブ上だけでも、雪を降らせてみましょう。 雪の降らせ方 「ウェブ上に雪を降らせる」とは、 「画面上に多数の白い粒を描き、ランダムな軌跡で動かすこと」 と言い換えられます。 しかし、たったそれだけの実装でも、アプローチの仕方は複数あります。 ここでは、私がぱっと思いついた代表的な4つの手法を比較してみようと思います。 Snowstorm.j
はじめに 本記事はSIOS Tech Labアドベントカレンダー23日目の投稿です。 サイオステクノロジーの曽根田です。 普段はデザイン、フロントエンドコーディングや、CMSのセキュリティ保守の一部対応などを行っています。 近年、CopilotやGeminiなどの生成AIの進化により、Photoshop,Illustratorなどでポチポチ作業する手間を省略して、 “フロントエンドのモックアップで直にビジュアルを作る” ということが手軽にできるようになったと感じています。 この記事ではthree.jsでの
ステップバイステップで実践:GeminiでIR資料をスライド化する 今回はデモとして、この架空のIRドキュメント (future_vision_ir_document_2025_q2.md) を元に、投資家向けの説明会スライドを作成していきます。
この記事はBASEアドベントカレンダー 2025 の 23 日目の記事です。 エンジニアの右京です。今年後半になって、主に Web ブラウザ上での AI との対話型 UI の利用シーンに、インタラクティブな UI を提供するという流れが注目されています。 この記事はそれを実現するために現在提案されている MCP Apps について簡単に紹介するものです。 対話型 UI の拡張 今年 10 月に OpenAI が Apps in ChatGPT として Apps SDK を発表しました。これは MCP のレ
はじめにこんにちは! LINEヤフー SWAT ユニットでフロントエンドエンジニアをしている柴坂浩行です。2025年11月30日に開催された フロントエンドカンファレンス関西2025 に、LINEヤフ...
ウェブページやアプリケーションの「入力フォーム」についての記事です。 主に、これからUI設計をはじめる方へ向けた内容です。 アンケートや、コンテンツ登録、設定画面など、入力フォームを作成する際に、「ラジオボタン」「チェックボックス」「セレクト」など、各項目をどの方式とするのがよいか迷うことがあります。 今回は「選択式」のUIコンポーネントに注目して、整理してみたいと思います。 なお、各UIコンポーネントの名称や詳細仕様は、開発、制作するシステムによって異なります。 その点については、過去の記事「そのUIど
プロダクト部User Groupの藤澤です。 今回は、我々のプロダクト「 スタンバイ 」で, Nuxtアップデートをきっかけに顕在化した bfcache(Back/Forward Cache)による計測課題と、 それに対する対応・改善の取り組みについて共有します。 今回の改善により、これまでより正確な数値が取得できるようになり、社内指標の明確化が進みました。 この記事のポイント Nuxtのマイナーアップデートをきっかけに、起きるはずのないPVの変動が発生 原因は、bfcacheから復元した際のログ送信が不
全くの未経験者がアプリケーション開発手法を習得するまでに、どのくらい時間がかかるでしょうか? まずプログラミング言語、動作のロジックを学び・・・最低でも2~3年の修業期間が必要そうですよね。 未経験者である自分は時間も根気も足らず長年手を出せずにいましたが、「AIに全部やってもらったら出来るのでは?」ということでGeminiとGoogle Cloudを使ってみたところ、なんと 数時間 で出来てしまいました。 この記事では、未経験者の自分がアプリ開発するために使った手法と、Google Cloudのサービス
こんにちは。 Findy Freelanceの開発チームでEMをしている中坪です。 この記事は、 ファインディエンジニア Advent Calendar 2025 の18日目の記事になります。 adventar.org 日々進化するAIや関連ツールをキャッチアップし、実務に活用することに苦労しているエンジニアの方も多いのではないでしょうか。 私たちは、チームでAIツールのキャッチアップを行う取り組みとして「10分勉強会」を実施しています。 本記事では、その取り組み内容について紹介します。 10分勉強会とは