こんにちは、ハヤマです。 今回は、少しずつ普及し始めている「バリアブルフォント」について学んでいきたいと思います。 バリアブルフォントとは？ Adobe・Apple・Google・Microsoftが共同で開発した新しいフォントの概念のことで、通常、フォントファイル…

こんにちはナカムラです。 今回はYoutubeの動画を使って、背景に動画を敷いてみたいと思います。 実装する機能としては以下の2点になります。 自動再生 ループ レスポンシブを想定して、スマホにも対応するように作ります。 その場合は、YouTubeの「埋め込み…

こんにちは！ドイです。 GWが終わり、身も心もスッキリしないような。。 ハイテンションな筋トレ動画を見つけたので、運動しつつ調子を戻したいと意気込むこの頃です。 さて、前回の記事ではEC2の立ち上げをしたかと思います。 こちらが前回の記事です。 tec…

こんにちは、コバヤシです。 今回は前回書いた記事「Laravel8でLivewireを試してみる：実践編」に続いてLivewireのライフサイクルについて書いていきます。 tech.arms-soft.co.jp ライフサイクルとは 簡単に言えば、ライブラリが読み込まれて、すべての処理…

こんにちは、ナカムラです。 今回は横スクロールが発生する状態で、pisition:fixed（もしくはabsolute）で位置を固定した要素を追従させるJavaScriptのご紹介をします。 レスポンシブ対応のサイトとはいえ、スマホのサイズから一般的なPCのサイズまで全ての…

こんにちは、ハヤマです。 デザインを行う上で、情報を直感的に表現したり、装飾のアクセントとして配置したりと活用頻度の高いアイコン。 今回は、汎用性のあるシンプルアイコンやフラットデザインアイコンのほか、ジェネレートタイプやドット絵といった変…

こんにちは、ユアサです。 今回は、最近やっと使い慣れてきたbackgroundプロパティ（以下backgorundと表記します）について、どのような値を指定できるのかまとめたいと思います。というのも、backgroundは色、画像、位置などを一括指定※できるプロパティな…

こんにちは！ドイです。 ここ１ヶ月でだいぶ暖かくなってきましたね。 普段はリモートで仕事をしているので、たまに外に出る際の服装の選択が難しいこの頃です。 さて、前回の記事では、IAMユーザーを作成しました。 こちらが前回の記事です。 tech.arms-sof…

こんにちはコバヤシです。 今回は以前書いた記事「Laravel8でLivewireを試してみる」の実践編を書いていきます。 （Laravel9がリリースされましたが、8で進めます。。） tech.arms-soft.co.jp 前回は、コンポーネントとviewで値を連動して表示するまでをやり…

こんにちは、ユアサです。 以前業務で要素同士の重なり方について、自分ではうまく思ったようにコーディングできなかったことがありました。z-indexプロパティを使ったはいいものの、なぜかそのスタイルが反映されず一体何が原因なのやら・・・・。 個人的に…