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

こんにちは、ドイです! 今回は、今まで挑戦しようと思ってなかなか実行に移せなかったデータサイエンス100本ノックに挑戦しようと思います!! データサイエンス100本ノック(構造化データ加工編)とは 「データサイエンティスト協会スキル定義委員」の提供…

Laravel10の新機能 Pennantを試す

こんにちは、コバヤシです。 今回はlaravel10から実装されたPennantの機能を試してみたいと思います。 Pennant機能とは Pennant機能とは、Laravel 10で新たに導入された、アプリケーションのフラグ管理を助けるツールです。この機能を使うと、アプリケーショ…

最小値や最大値を指定してスタイルを制限!比較関数min()、max()、clamp()を使おう

こんにちは、ユアサです。 コーディングをする際、レスポンシブレイアウトなどにどうしても数値の有効範囲を指定したいという場面があることも多いかと思います。今回は、数値の最大値・最小値を指定できる比較関数を備忘録もかねてまとめていきます。 使う…

習うより慣れる!FigmaでWebデザイン 〜下準備編〜

こんにちは、ハヤマです。 今回からは実践を兼ね、学習しながらfigmaでWebデザインにチャレンジしていきます。 操作について未熟な点があるかと思いますが、筆者の学習を兼ねているためご勘弁を、、 手を動かしながら学んでいければと思います! (筆者:普…

Fat Controllerから脱しよう!ADRについて学ぶ!【実装編】

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

角度が変わらない斜めの背景の作り方(CSS)

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

手軽に始めるAIコーディング!GitHub Copilotのススメ

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

XDユーザーがFigmaを学ぶ 〜カラーマネジメントについて〜

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

インライン要素の長文テキストの表示は大丈夫?box-decoration-breakを使って整えよう!

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

HTMLタグ<details>でアコーディオンを作る(簡易版)

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