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

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

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

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

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

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

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

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

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

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

こんにちは、ドイです！ 前回に引き続き、データサイエンス100本ノックに挑戦していきます。 前回の記事 tech.arms-soft.co.jp S-041: レシート明細データ（receipt）の売上金額（amount）を日付（sales_ymd）ごとに集計し、前回売上があった日からの売上金…

こんにちは、ユアサです。 弊社の案件で要素の角が欠けている（ベベルのある）デザインをコーディングする機会がありましたので、今回はその備忘録も兼ねてまとめていきたいと思います。 どのように作成すればいいのかさっぱり分からなかったので、こちらの…

こんにちは、ハヤマです。 今回は、比較的新しい画像ファイルのフォーマット「WebP（ウェッピー）」について紹介したいと思います。 WebP（ウェッピー）とは 2010年に米Googleが開発した画像ファイルのフォーマットのことで、ファイルの拡張子は「.webp」で…

こんにちは、ナカムラです。 以前の記事でtimelineをスキップするメソッドをご紹介しました。 tech.arms-soft.co.jp 今回は逆再生をしてみたいと思います。 DEMO See the Pen GSAPのtimelineアニメーションを逆再生する by Nakamura (@takayo-nakamura) on C…

こんにちは、コバヤシです。 今回は、2023のPHPフレームワークのトレンド比較を元に、2024年のトレンドを予測してみたいと思います。 以前のトレンド比較はこちら tech.arms-soft.co.jp tech.arms-soft.co.jp 期間は5年間、比較するフレームワークは以下のも…

こんにちは、ドイです！ 前回に引き続き、データサイエンス100本ノックに挑戦していきます。 前回の記事 tech.arms-soft.co.jp S-036: レシート明細データ（receipt）と店舗データ（store）を内部結合し、レシート明細データの全項目と店舗データの店舗名（s…

こんにちは、ユアサです。 吹き出し付きのコメントがあるようなページのコーディングをすることがありますが、その度に格闘していた『吹き出しの尖っている部分どう作るか問題』に（一旦）終止符を打ちたいので、今回は備忘録も兼ねて自分が考えた方法につい…

こんにちは、ハヤマです。 今回は、ついにIllustratorにも実装されたAdobe Fireflyの新機能「テキストからベクター生成」を使って、ベクターイラストの生成を試してみたいと思います。 ※「Adobe Firefly」について詳細はこちらのページをご覧ください。 「テ…

こんにちは、ドイです！ 前回に引き続き、データサイエンス100本ノックに挑戦していきます。 前回の記事 tech.arms-soft.co.jp S-031: レシート明細データ（receipt）に対し、店舗コード（store_cd）ごとに売上金額（amount）の標準偏差を計算し、降順で5件…

こんにちは、ナカムラです。 先日11月11日に開催された「アクセシビリティカンファレンス福岡」に参加しました。 Youtube配信を見ていただけですが参加と言う。見るだけでも大事です。 アクセシビリティの向上は障害者のためだけではなく、みんなが使いやす…

こんにちは、コバヤシです。 引き続きLaravel Backpackをカスタマイズしていきます。 前回まではこちら。 tech.arms-soft.co.jp tech.arms-soft.co.jp バリデーションを実装する まずはバリデーションを設定したいと思います。 今回はForm Requestでバリデー…

こんにちは、ユアサです。 前回の記事ではキーフレームの話と、フレーム・キーフレームとトゥイーンを使って工夫した動作のアニメーションを作成しました。今回は予告していた通り、アニメーションを作成する上での基本原則となる『アニメーションの12の原則…

こんにちは、ハヤマです。 今回は、Figmaのプラン内容について書いていきたいと思います。 Figmaのプラン 現在、Figmaの利用プランは以下の4種類があります。 （2023年10月31日現在） スターター Figmaプロフェッショナル Figmaビジネス エンタープライズ 参…

こんにちは、コバヤシです。 前回に引き続き、Laravel Backpackを触ってカスタマイズしていきたいと思います。 まずは英語表記になっている箇所の日本語化です。 前回の記事はこちら。 tech.arms-soft.co.jp タイトルや見出しを変更する タイトルや見出しが…

こんにちは、ナカムラです。 先日、inputタグのチェックボックスとラジオボタン自体をCSSで装飾できないか？ という質問をいただいたのでこの記事で紹介したいと思います。 フォームでよく使われるチェックボックスやラジオボタンの装飾方法は、labelやspan…

こんにちは！ドイです。 10/8(日)、大田区産業プラザPiOで開催されたPHPカンファレンスに参加しました。 今回は、初のオフライン参加をした感想をまとめたいと思います。 PHPの今とこれから 2023 廣川類さんによるお話です。 例年通り、今後のPHPについてど…

こんにちは、ユアサです。 前回の記事では新規ドキュメントの設定と3種類のトゥイーンの説明、ファイルへの書き出し方法の紹介をしました。これで新規作成から書き出しまで一通りの作業ができるようになりました。 今回は改めてキーフレームの話と、フレーム…

こんにちは、ハヤマです。 前回の記事では、スタイルを1つ1つ登録する方法について書きました。 tech.arms-soft.co.jp 今回は、プラグインを用いて一括登録する方法について学習していきたいと思います。 カラーやテキストのスタイルをまとめて登録するプラ…

こんにちは、ドイです！ 前回に引き続き、データサイエンス100本ノックに挑戦していきます。 前回の記事 tech.arms-soft.co.jp S-021: レシート明細データ（receipt）に対し、件数をカウントせよ。 SELECT COUNT(*) FROM receipt; S-022: レシート明細データ…

こんにちは、コバヤシです。 今回は、簡単に管理画面を導入できる「Laravel Backpack」を試していきたいと思います。 Laravel Backpackとは Laravel BackpackとはLaravel用の管理パネルや管理ダッシュボードを迅速に構築するためのライブラリです。CRUD機能…