Adobe XDの作業をスピードアップ!〜後編(スタックについて)〜

こんにちは、ハヤマです。 本日は、前回の記事の続きとして、Adobe XDの機能「スタック」についてご紹介したいと思います。 前回の記事はこちら tech.arms-soft.co.jp スタックとは スタックを使うと、以下の操作を簡単に行うことができます。 要素の横並び…

YouTube IFrame Player APIの使い方 2021

こんにちは、ナカムラです。 今回はYouTubeのIFrame Player APIの使い方のご紹介です。 ご紹介といっても基本機能の使い方なので、リファレンスを読めばわかる程度のものです。 普段あまり使っていないので、いざ使うときにリファレンスを読むのがしんどくて…

【第四回】はじめてのDocker - 番外編

こんにちは。ドイです。 前回はイメージを作成するためのCompose fileについて学びました。 ↓前回の記事 tech.arms-soft.co.jp この業界に入って実は二年目の私です。 コツコツ基本情報技術者試験(FE)の勉強をしております。 仕事の中で、自然と技術に関す…

Composer updateのメモリ不足に対応する

こんにちは、小林です。 今回はLaravelのComposer updateでメモリ不足になった時の対応を書きたいと思います。 発端 いつも通りComposer updateを行ったところ、下記のエラーが出て更新が出来ませんでした。 PHP Fatal error: Allowed memory size of 161061…

画像を引き伸ばさずに表示!object-fitプロパティについてまとめてみた

こんにちは、ユアサです。 少し前の話になりますが、The State of CSS 2020でCSSプロパティがいくつか話題になっていました。 その中でも、今回はobject-fitプロパティについて紹介していこうと思います。 object-fitプロパティの認知度について The State o…

Adobe XDの作業をスピードアップ!〜前編〜

こんにちは、ハヤマです。 今回は、Adobe XDで作業をする際スピーディーに作業するためのポイントをご紹介していきたいと思います。 プラグインを活用しよう プラグインは、用途に合ったものが見つかると作業効率が格段にアップするのでどんどん活用していき…

Intersection Observer APIを使って、ページの最下部までスクロールしたかを判定する

こんにちは、ナカムラです。 前回はスクロール量を計測して、ページの最下部までスクロールしたかを判定する処理をご紹介しました。今回は方法を変えて、Intersection Observer APIを使った場合の処理について書いていきたいと思います。 前回の記事はこちら…

【第三回】はじめてのDocker - Compose fileについて

こんにちは。ドイです。 前回はイメージを作成するためのDocker fileについて学びました。 今回は、Compose fileについて触れていきたいと思います。 ↓前回の記事 tech.arms-soft.co.jp YAMLファイル 「Compose file」よりも「Docker-compose.yml」の方が耳…

Laravel8でLivewireを試してみる

こんにちは コバヤシです。 今回はLaravel8でLivewireを試してみたいと思います。 Livewireとは vue.jsやReactと同じように、ページをリロードすることなくページの更新を可能にするLaravelのパッケージです。 jsを記述することなくリアルタイムな処理を行う…

これから流行るかも?CSSの新しいデザイン手法「ニューモーフィズム」でボタンを作成してみる

こんにちは、ユアサです。 いよいよ梅雨入りしてジメジメした日が続きますね。 さて今回は、昨年にCSSのトレンドになるのではと話題になっていた「ニューモーフィズム」について紹介していきます。 ニューモーフィズムについて ニューモーフィズムは、「New…