イラレ新機能!Adobe Fireflyの「生成パターン」で、シームレスなベクターパターンを作ろう

こんにちは、ハヤマです。 今回はIllustratorの新機能「生成パターン」について書いていきたいと思います。 「生成パターン」とは 「Adobe Firefly」を搭載して、テキストプロンプトを使用してベクターによるパターンの生成ができる機能です。 過去に記事で…

position:stickyを付与した要素の親要素にoverflow:hiddenのような効果をつけたい時に使用するCSS

こんにちは、ナカムラです。 今日はposition:stickyを使った時のちょっとしたお助けプロパティをご紹介します。 課題点 ECサイトやポータルサイトの検索結果ページなどでよく使われるレイアウトに、検索結果一覧の横に絞り込み検索が表示されているものがあ…

PHPからWebAssemblyを動かしてみる

こんにちは、コバヤシです。 先月、InfiniCloud株式会社様の勉強会で「PHPとWebAssembly」についてお話ししてきました。 (このあたりの話はドイが前回のブログにて書いています) tech.arms-soft.co.jp この時にはWebAssemblyとしてPHPを使う方法について話…

第6回 InfiniStudy 静岡中部のITエンジニア勉強会に参加しました!

こんにちは!ドイです。 2024年7月26日に、『InfiniCloud 株式会社』様が開催するエンジニア勉強会に、弊社小林が登壇するということもあり参加してきました。 とても実りある内容だったので、勉強会の内容について書いていきたいと思います。 勉強会『Infin…

画像の取得の優先度を改善!fetchpriority属性で取得順を調整しよう

こんにちは、ユアサです。 今回は画像の取得優先度を調整できるプロパティfetchpriorityについてまとめていきます。 (linkやscriptなどにも付与できますが、今回は画像における効果についてまとめます) プロパティについて fetchpriority属性はHTMLのimg要…

習うより慣れる!FigmaでWebデザイン 〜ボタン作成で学ぶバリアント〜

こんにちは、ハヤマです。 今回は、「バリアント」機能を使ってコンポーネントのバリエーションを作っていきたいと思います。 前回の記事はこちら tech.arms-soft.co.jp ※本記事では、Figmaの機能名は日本語化された名称で記載しています。 バリアントとは …

CSSの色の設定にはcolor-mix()を活用しよう

こんにちは、ナカムラです。 今回はCSSの色の指定について書きたいと思います。 CSSのcolor-mix()という関数を使ってみようと思います。 color-mix()とは 簡単にいうと2色を混合させる関数です。 MDNからの引用 color-mix() 関数記法は 2 つの 値を採り、指…

Laravel11で認証機能(Breeze)をカスタマイズする

こんにちは、コバヤシです。 以前Laravel6で認証をカスタマイズする方法を書きましたが、 tech.arms-soft.co.jp 今回はLaravel11でBreezeを使用した認証をカスタマイズする方法を書いていきます。 Breezeがインストールされていて動作していることを前提とし…

【SQL】データサイエンス100本ノック(構造化データ加工編)に挑戦!!56〜60

こんにちは、ドイです! 前回に引き続き、データサイエンス100本ノックに挑戦していきます。 前回の記事 tech.arms-soft.co.jp S-056: 顧客データ(customer)の年齢(age)をもとに10歳刻みで年代を算出し、顧客ID(customer_id)、生年月日(birth_day)と…

写真をクリックしてモーダルでより見やすく表示!写真のギャラリーモーダルを作成しよう -改修編-

こんにちは、ユアサです。 今回は前々回作成したギャラリーモーダルを改修していきます。 ↓前回の記事はこちら tech.arms-soft.co.jp 現状の動作の流れをまとめる まず改修前のギャラリーモーダルを確認します。 See the Pen gallery_modal by felly (@felly…