ファイルの変更を検知して他のサーバーと同期する

こんにちは、コバヤシです。 今回は、ファイルの変更を検知して他のサーバーと同期する方法について書いていきます。 サーバーはAlmaLinux8を想定しています。 inotifywait inotifywaitはLinuxシステムでファイルやディレクトリの変更を監視するためのコマン…

【Figma】メンバー間で申し送りやメモを共有するのにおすすめのウィジェット「Comment Note」

こんにちは、ハヤマです。 今回は、Figmaの「コメントの追加」機能以外で、メンバー間での申し送りやメモを共有するのに便利なウィジェットをご紹介します。 Figmaの「コメントの追加」機能 まずはFigmaのデフォルトの機能について、簡単に。 ツールバーにあ…

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

こんにちは、ユアサです。 今回は写真ギャラリーの特定の写真をクリックしてモーダルで表示し、更にモーダル内で他の写真も閲覧できるモーダルギャラリーの実装をしていきたいと思います。 そもそもどうして自分で作成しようとしたのか ギャラリーモーダルを…

Laravel 11がついにリリース!改めて新機能をチェック

こんにちは、コバヤシです。 ついにLaravel11が3月15日にリリースされました。 約1ヶ月遅れのリリースですね。 前回のブログでLaravel11の変更点をまとめましたが、今回のリリースに伴い、再び変更点を見ていきたいと思います。 前回のブログはこちら tech.a…

homebrewアップデートで、依存するライブラリが使えなくなった際の解決方法

こんにちは!ドイです。 今回は、homebrewをアップデートしたところ、PHPが実行できなくなったので、解決していきます。 現象 PhpStormで、PHP_CodeSnifferが実行できなくなりました。 上部メニューから、PhpStorm > settings > PHP > 品質ツール > PHP_Code…

文字の下線をスタイル調整するCSSプロパティ

こんにちは、ナカムラです。 最近関わった案件で文字に下線が引かれたデザインが多かったので、今回は下線のスタイルを調整するときに使うCSSプロパティをご紹介したいと思います。 DEMO See the Pen CSSで文字の下線をスタイル調整する by Nakamura (@takay…

PC・スマホでSwiperを実装・解除する判定をするJSを作ろう!

こんにちは、ユアサです。 以前業務でSwiperを使ったスライダーをスマホ表示時に解除してカラム表示にすることがあったので、今回はPC・スマホそれぞれのウィンドウ幅の可変で都度Swiperを実装・解除する方法について備忘録の意味も込めて書きまとめたいと思…

和文フォント検索が自由自在!約300種のフリーフォントが一覧できるサイト「モジザイ」

こんにちは、ハヤマです。 今回は、和文のフリーフォント探しに便利なサイトをご紹介します。 モジザイ 「モジザイ」は、和文のフリーフォントを書体の種類やスタイルから連想するイメージワードをもとに約300種類の中から検索できるサイトです。 www.mojiza…

CSSだけでグラフ上に文字を表示する円グラフを作る

こんにちは、ナカムラです。 今回はCSSだけで円グラフを作ってみたいと思います。 文字を配置するにあたり、CSSの三角関数cos()・sin()を使用します。 グラフを作るというよりまだ使ったことがなかったので、三角関数を使うというのが今回のテーマになります…

Laravel11の変更点を見てみる

こんにちは、コバヤシです。 今回はLaravelの次期バージョンであるLaravel11の新機能を見てみたいと思います。 Laravel11のリリース時期 laravel11は2024/2/6にリリースされることがアナウンスされていましたが、 この記事を書いている2024/2/10時点では、ま…