こんにちは！ドイです！ 前回の記事では、ADRの概念について学びました。 今回は、LaravelでADRの実装をしたいと思います。 tech.arms-soft.co.jp Action Action：DomainとResponderの橋渡しを行う。Controllerとは異なり、「1つのクラスに対して、1アクショ…

こんにちは、ナカムラです。 今回はCSSで角度が変わらない斜めの背景の作り方をご紹介します。 ウィンドウ幅いっぱいに、なおかつ斜めになっているデザインはよく使われます。 やり方はいろいろあると思いますが、今回はclip-pathを使ってみたいと思います。…

こんにちは、コバヤシです。 前回に引き続き、今度は注目のGitHub Copilotに挑戦してみたいと思います。 GitHub Copilotとは GitHub Copilotは、GitHubとOpenAIが共同で開発したGPT技術を利用したコード補完ツールです。2021年から提供されており、開発者がG…

こんにちは、ハヤマです。 今回は、Webデザインを目的とした視点で「Figmaのカラーマネジメント」について書いていきたいと思います。 Figmaのカラーマネジメント Webデザインを行うにあたって、取り扱うアプリケーションやツールがどこまでカラーマネジメン…

こんにちは、ユアサです。 以前、長文テキスト対策についての記事を書いたことがありました。その記事では紹介し忘れていましたが（というより最近知ったのですが）、テキストが改行・分割された時、テキストの改行位置にある文字のパディングや装飾を補間す…

こんにちは、ナカムラです。 今回はdetailsについて試してみたものをご紹介したいと思います。 よくある質問などでよくアコーディオンを使うと思います。 たくさんある中でユーザーが求めている物・そうでないものがあるので、必要な時だけ開くようにするの…

こんにちは、コバヤシです。 今回は今話題になっているAI「GPT-4」について書きたいと思います。 GPT-4とは？ GPT-4は、OpenAIが開発した最新の言語モデルで、GPT-3の後継となるものです。このモデルは、さらなる進化を遂げたことにより、自然な文章生成や質…

こんにちは！ドイです。 Laravelでの開発を始めて、3年が経ちました。 コードを書くことすら初めてだった私が、初めに覚えたのはMVCという概念でした。 開発を続けるうちに、小さな案件から大きな案件まで関わるようになり、少し困ったことが出てきました。 …

こんにちは、ハヤマです。 今回は、Figmaのデータ管理方法についてまとめていきたいと思います。 （Figmaに関するこれまでの記事はこちらをご覧ください） Figmaのデータ構造について Figmaのデータですが、XDとは異なる構造で管理をしています。 以下の図を…

こんにちは、ユアサです。 業務の中で、動的ページ内で長文テキストを表示した際にデザインが崩れてしまうといった見落としが何度かあったので、今回は動的ページにおける長文テキスト対策について自分の備忘録も兼ねてまとめていきます。 ①コンテンツ範囲か…

こんにちは、ナカムラです。 今回はフォームの機能で困ったことがあったので、備忘録として書きたいと思います。 HTML5のフォームバリデーションでは必須項目が未入力の場合や、入力形式が異なる場合にエラーメッセージを表示しユーザーへ伝える機能が備わっ…

こんにちは、コバヤシです。 Web­Assemblyって知っていますか？ 何かと目にする機会も多くなってきたので、今更感も強いですがRustを使ってWeb­Assemblyを試してみたいと思います。 Web­Assemblyとは WebAssemblyはWebブラウザーが実行できるバイナリー形式…

こんにちは、ハヤマです。 昨年AdobeがFigmaを買収し、これを機にFigmaの導入を検討されている方も多いのではと思います。 この記事では、もともと「XDユーザー」で、「これからFigmaへのシフトを考えている方」向けに、覚えておきたい点などをご紹介します…

こんにちは！ドイです。 先日参加した勉強会にて「AWSを利用していて、とんでもない額の請求がきた」という話を聞きました。 私自身、AWSを勉強しようとアカウントを作り、EC2を立ち上げ…とやってはいたものの、しばらく利用していないので他人事として聞い…

こんにちは、ユアサです。 今回は、誰でも一度は見落としてしまったことがあるかもしれないaタグの『見えないクリック領域』について、例と解決策を交えながら考えていきます。 何もないはずのところにクリック領域がある テキストや画像、あるいはhtmlタグ…

こんにちは、ナカムラです。 GSAPのtimelineアニメーションをスキップしたり、リプレイする処理は前回行いました。 tech.arms-soft.co.jp scrollTriggerによって、特定の要素が表示されたタイミングでアニメーションする処理も書きましたね。 tech.arms-soft…

こんにちは、コバヤシです。 今回はCentOSの移行先として有力な「AlmaLinux」を試してみたいと思います。 AlmaLinuxとは CloudLinux社が開発・提供している無償利用可能なRHELクローンです。 CentOS 8のサポートが2021年12月31日に終了することが発表された…

こんにちは！ドイです。 API仕様をまとめるときに、どんなツールを使っていますか？ExcelやGoogleスプレッドシートで管理したり。。。 色々だと思いますが、今回はOpenAPIについてまとめていきたいと思います。 OpenAPIとは swagger.io 「OpenAPI仕様（旧Swa…

新年明けましておめでとうございます！ユアサです。 今年もarms inc. Engineer's Blogをどうぞよろしくお願いします。 前回の記事ではレーダーチャートのベース部分となる枠線の描画をしましたので、今回は実践の後編ということで動的に表示するレーダーチャ…