「CSS」に関連する技術ブログ - TECH PLAY

TECH PLAY

「CSS」に関連する技術ブログ

全 698 件中 1 - 15 件目
こんにちは、ソフトクリエイトでエンジニアをしているKです。 以前、 こちらのブログ で「AI Challenge Day」へ参加した感想を投稿した以来、久しぶりの投稿になります! 最近は、主にAIエージェント周りの開発や検証に取り組んでいます。 はじめに
はじめに こんにちは! KINTO開発部 KINTOシステム開発G マスターメンテナンスツール開発チーム、技術広報部兼務、Osaka Tech Lab 所属の high-g( @high_g_engineer )です。フロントエンドエンジニアをやっています。 以前、社内で開催しているフロントエンド勉強会について紹介しました。 https://blog.kinto-technologies.com/posts/2025-06-30-frontend-study-group/ あれから勉強会は続き、2026年
本ブログは 2026 年 8 月 28 日に公開された AWS Blog “ Extend your data perimeter to the AWS Management Console with Private Access ” を翻訳したものです。 金融サービス、政府、防衛、ヘルスケアなどの規制対象業界の組織は、機密性の高いワークロードを、パブリックインターネットにアクセスできない分離されたネットワーク環境に限定しています。これまでも、AWS マネジメントコンソールへのアクセスを承認済みの AWS
はじめに こんにちは、PS-SLの織田です。今回は 2人のキャラクターが掛け合いで題材を説明する「ゆっくり解説動画」を、Claude Code と動画編集ソフトの「 ゆっくりMovieMaker4(YMM4) 」を組み合わせて作りました。これまでに、ボードゲームのルール解説とSF作品の設定解説で、7〜8分の動画を7本作っています。 この記事では、次のことを紹介します。 動画を生成できない Claude が、どうやって動画づくりの大部分を担っているのか 人と Claude の作業の分け方 途中でつまずいたこ
この記事の対象者 コーディングエージェントをローカルで構築したい方 GPU環境(筆者はRTX 3060(VRAM 12GB))をお持ちの方 Windows環境で実装したい方 ※本記事で紹介するツール・モデルの評価は執筆時点の検証結果に基づくものであり、利用にあたっては各組織のセキュリティポリシーおよび利用規約をご確認ください。 はじめに 近年Codex、Claude Codeなど多様なコーディングエージェントアプリが出ており、コーディングエージェントを誰でも試すことができる時代になりました。 一方で、投入
アプリを多言語対応(Internationalization / i18n)させようとしたりしたとき、直面する壁があります。それが「翻訳によるUI(画面)の崩れ」です。 日本語環境ではピッタリ綺麗に収まっていたボタンやヘッダーが、英語に変えた途端に文字がはみ出したり、不自然に改行されてしまったり……。そんな経験はありませんか? UI上の「文言(ことば)」は言語によって長さが異なります。今回は、初学者の方向けに、多言語化で起こりうるレイアウト崩れの原因と、その対策です。 なぜ言語が変わるとUIが崩れるのか?
Webやアプリケーション開発において「アクセシビリティ」や「ユーザー補助」という言葉を聞くと、皆さんはどう感じるでしょうか。「重要だとはわかっているけれど、開発コストがかかる」「一部のユーザーのための特別な対応」といったイメージを持つ方も少なくないかもしれません。 しかし、技術的な観点からアクセシビリティの構造を紐解くと、そこにはエンジニアにとっても合理的で、美しいアーキテクチャが存在します。 結論から言うと、アクセシビリティ対応とは「ユーザーのための特別なUIをゼロから作る」ことではありません。 「ユー
はじめに シンガポールは朝7時。ある財務コントローラーが SAP で月次決算を締めようと急いでいますが、その前にシステム認証が3大陸にまたがって彼女の本人確認を行う必要があります。フランクフルトの彼女のチームは応答の遅さに苦しみ、ニューヨークのセキュリティチームは、本番 SAP システムへの検証されていない接続試行をたった今フラグしたところです。SAP を大陸をまたいで運用するグローバル企業にとって、これは例外ではなく日常的に起こることです。 機密性の高い財務取引、人事記録、サプライチェーンデータが、常に
大御所のアイコンライブラリ Font Awesome の アニメーション機能 は、CSSのクラスを追加するだけで動きを与えられ、お手軽です。動きのオプションも指定が可能です。 このアニメーション機能をGoogleの Material Symbols & Icons に移植してみたいと思い、やってみましたので共有します。 公開されているMaterial Symbols & Iconsと、 Font Awesomeのコード(GitHub) を一部拝借しました。 アニメーションのCSSを取り込む
Gemini Canvasから出力・ダウンロードできるファイル形式一覧 Gemini Canvasの強みは、資料やWebページ用のビジュアルを出力し、多様なファイル形式へ変換できる点にあります。
株式会社スタンバイでフロントエンドエンジニアをしている藤澤です。 スタンバイでは27卒から新卒採用を実施しており、その一環として、来年度4月入社予定の内定者(学生)の方を対象に、任意で「内定者バイト」(本記事では以下「内定者エンジニア」と呼びます)を実施しています。 入社前に実際の現場業務を体験してもらうことで、入社後のスタートダッシュを円滑にすることが狙いです。 このたび、その内定者エンジニアの方をトレーナーとして約5カ月間受け入れるという経験をしました。 最初は「自分が誰かの成長に伴走するなんて、うま
はじめまして。2026年度新卒として入社し、この夏からITディベロップメント1部 開発チーム 開発2課に配属されますF.Tです。 4月に入社してから約4か月間、みっちりと研修を受けてきました。振り返ると本当にあっという間で、それでいて濃密な期間でした。 そこでこの記事では、受講した新卒の一人として、この4か月で何を経験し、何を得たのかを率直にお伝えします。 研修の雰囲気が少しでも伝われば幸いです。 研修全体の流れ 研修は大きく次のステップで進んでいきました。 時期 研修内容 ~4月中旬 人事研修・デジ戦研
はじめに こんにちは。クラウドエース株式会社 第四開発部の河添です。 近年、生成AIの進化によって、PowerPointスライドの作成も AI に任せられる時代になりました。今では AI でスライドを作る方法が数多くありますが、それぞれ実際に出力されるものは微妙に異なります。 そこで、この記事では同じ原稿・同じテンプレを異なるツールに渡すと出力がどれだけ変わるのかを見比べることで、AI時代における効率的なスライド作成方法について考えていきたいと思います。 早見表 まずは、今回比べる4手法を簡単に紹介します
はじめに こんにちは、ZOZOMO部SREブロックの中村です。普段は ZOZOMO のSREを担当しています。 本記事では、CloudFrontでカナリアリリースを実現する方式の選定基準と、CloudFront FunctionsとKeyValueStoreの実装・運用で得られた実践的なノウハウをご紹介します。CloudFront + S3構成へのカナリアリリース導入を検討している方の参考になれば幸いです。 目次 はじめに 目次 背景・課題 対象システムと従来の構成 満たすべき3つの要件 CloudFro
UIデザインで背景画像の上に配置した要素を自然に馴染ませたい時に役立つ、CSSの`mix-blend-mode`プロパティをご紹介します。合成モードの種類や見え方の違いから、動的な背景での視認性確保といった活用例、使用時の注意点までを客観的に解説します。

タグからブログをさがす

プログラミング

JavajQueryCakePHPReact

TECH PLAY でイベントをはじめよう

グループを作れば、無料で誰でもイベントページが作成できます。 情報発信や交流のためのイベントをTECH PLAY で公開してみませんか?
無料でイベントをはじめる