IPv4 over IPv6技術とはなんだろう?

こんにちは!ドイです。 前回の記事では、IPv4、IPv6を比較した上で、 IPv6を利用した場合、ネットの速度は速くなるのか?という点について考えました。 tech.arms-soft.co.jp 記事の中で、IPv4 over IPv6技術について触れるという話だったので、今回はIPv4 …

tblsで始める楽々データベース設計書管理

こんにちは、コバヤシです。 弊社では、データベースのドキュメント作成にどのツールを使うべきか試行錯誤してきました。エクセルやGoogleスプレッドシートで作成してみたり、Figmaで描いてみたこともあります。しかし、どれも更新が手間で、更新を忘れてし…

インタラクティブな動作を簡単に実装!超軽量のJSフレームワーク「Alpine.js」を使ってみよう

こんにちは、ユアサです。 今回は、Vue.jsよりも軽量で簡単に実装できるAlpine.jsを使ってみます。 Alpine.jsについて Vue.jsに比べかなり軽量なJSフレームワークです。HTMLタグに直接記述して動的な動きを付与できる、誰でも簡単に触れるフレームワークとな…

カラーパレットジェネレーター「Adobe Color」で配色を楽しもう

こんにちは、ハヤマです。 今回は、カラーパレットジェネレーター「Adobe Color」について書いていきたいと思います。 「Adobe Color」とは Adobeが提供しているカラーパレットジェネレーターです。 2色以上でデザインを行う際に配色を検討しますが、そんな…

cssのmod()を使って方眼紙風の背景を作る

こんにちは、ナカムラです。 今回は方眼紙風の背景を作ります。 ただ格子状に線を引くだけなら難しくないですが、「要素の幅や高さが変わっても背景がぶつ切りにならないように作りたい」となると少々工夫が必要になります。 そこで、CSSのmod()を使ってみた…

IPv6を利用した場合、ネットの速度は速くなるって本当?

こんにちは!ドイです。 今回は、今まで興味があったもののなかなか手をつけられずにいたIPv4、IPv6について勉強していきたいと思います。 IPv4、IPv6について勉強しなければ!と思ったのは1〜2年ほど前。X(旧Twitter)で、こちらのツイートが流れてきまし…

Laravelなしで使う!Illuminate/Validationを単体で使用する方法

こんにちは、コバヤシです。 ある案件で、素のPHPにバリデーションを入れる必要があり、以前ブログで紹介した「validation」を使おうとしたところ、メンテナンスされていないようでした。。 tech.arms-soft.co.jp そこで、今回はLaravelで使用されている「il…

ルビ関連のCSSプロパティや最近の仕様について

こんにちは、ユアサです。 少し前のChromeのバージョン更新でルビ関連のCSSプロパティが対応開始となりました。すぐに使う機会はないかと思いますが、地味〜に便利そうなものがあるので、これらの使用感を確かめる意味も含めて今まで出てきたルビ関連の主なC…

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

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

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

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