【サービスを作ろう】はじめてのサーバ 〜AWS導入編〜

こんにちは!ドイです。 先週まで、PHPの配列操作の関数について勉強していました。今回から少し趣向を変えまして、今後数回に渡ってある目標に向かって勉強していきたいと思います。PHPの配列操作の関数については、また頃合いをみて更新できればと思います…

CKFinderでLaravelの認証を使う方法

こんにちは、コバヤシです。 今回はCKFinderでLaravelの認証を使う方法についてです。 以前も少し書いたのですが、最新のCKFinderでは少しコツが必要だったので改めて書きたいと思います。 素直にこちらを使っておけという話は無しで。。 github.com CKFinde…

【フロントエンド入門者向け】コーディングでつまづいてしまうCSSの基本・解決例まとめ

新年明けましておめでとうございます!ユアサです。 今年もarms inc. Engineer's Blogをどうぞよろしくお願いします。 今回は今までを振り返って、コーディングで自分も最初の頃はよくつまづいていたCSSの基本や解決策の例などを改めて書きまとめてみようと…

イラレでWebデザイン!ことはじめ 〜設定編〜

こんにちは、ハヤマです。 今回は、Illustratorを使ってWebデザインを行う際のアプリケーション設定についてご紹介します。 はじめに 個人的に、IllustratorでWebデザインを行う方というのはDTP出身のデザイナーさんに多いのではないかなと思っています(か…

JavaScriptのスクロール関連のプロパティとメソッドまとめ

こんにちは、ナカムラです。 前回の記事で、少しだけスクロールの操作を行いました。 今回は、スクロールに関するプロパティとメソッドについて、より詳しく整理していきたいと思います。 tech.arms-soft.co.jp DEMO プロパティやメソッドを実際に動作させた…

【PHP】第二回 配列操作の関数を勉強しよう

こんにちは!ドイです。 PHP の配列操作の関数を勉強しよう、第二回目です。 ↓前回の記事 tech.arms-soft.co.jp 前回同様、こちらを参考に勉強していきます。 PHP: 配列 - Manual array_flip array_intersect_assoc array_intersect_key array_intersect_uas…

Larvelで非同期処理を試してみた

こんにちは、コバヤシです。 今回はLaravel8で非同期処理を試してみました。 テーブルを作成する Laravelで非同期処理をするには「queue(キュー)」を使用します。 このqueueで使うテーブルを作成します。 php artisan queue:table php artisan migrate job…

CSSでスタイル記述・調整のためのルールを定義!@から始まる「アットルール」

こんにちは、ユアサです。 アームズに入社してからCSSでのスタイル調整はだいぶ慣れてきました。ですが、以前CSSファイルを触っているときに、冒頭に「@」が付いている見慣れないものを発見し、見つけた当時は何のための記述なのか全然理解していませんでし…

ヒグチユウコさんファン必見!アドビオリジナル日本語フォント「ヒグミン」新登場!!

こんにちは、ハヤマです。 今回は、個人的にとてつもなくテンションが上がってしまった「ヒグミン」というフォントについてご紹介します。 「ヒグミン」とは 「ヒグミン」とは、画家のヒグチユウコさんによる手書き文字を基に、アドビのプリンシパルデザイナ…

JavaScriptで書く、要素のサイズ取得とスクロール

こんにちは、ナカムラです。 新人研修用に要素のサイズ取得について書きたいと思います。 今回は要素の高さを取得し、その要素の半分の高さにスクロールするボタンを作りました。 50%の位置がわかりやすいように、CSSで背景の色を変えています。 アンカーリ…

【PHP】第一回 配列操作の関数を勉強しよう

こんにちは!ドイです。 「こんな関数あったけど、なんだっけ」と調べることが多く、 全てを覚えられないにしろ、引き出しの数を多くしたいなあと思うこの頃です。 本日は、コードを書く上で不可避である、PHPの配列操作の関数について、学んでいきたいと思…

WordPressで独自の管理画面を作成してみる

こんちは、コバヤシです。 普段はWordPressをガリガリ作成することはないのですが、とある案件でプラグインを作成して 独自の管理画面を作る機会があったので、簡単に手順をまとめてみたいと思います。 プラグインのベースを作成する wp-content/pluginsディ…

JSで動作する簡単なカルーセルを作ってみる

こんにちは、ユアサです。 前回はJSのclassListプロパティについて紹介し、クリックしてONとOFFの表示を切り替えるボタンを作りました。予告していた通り、今回はこのプロパティを使って簡単なカルーセルのようなものを作成します。 前回の記事はこちらです…

Adobe XDで「パスのアウトライン化」を使ってみよう!

こんにちは、ハヤマです。 普段はPhotoshopでWebデザインを行うことが多いですが、 履修を兼ね、気になった情報を随時記事にまとめていきたいと思います。 はじめに さて今回は、Adobe XDでパスのアウトラインを取る方法についてご紹介します。 2021年6月、…

JavaScriptでbodyのスクロールを禁止するハンバーガーメニューを作る

こんにちは、ナカムラです。 だいぶ前に階層の深いハンバーガーメニューの作り方をご紹介しました。 tech.arms-soft.co.jp こちらの記事では開閉の処理について書きました。 今回は、メニューを開いた時のスクロールの制御について書きたいと思います。 今回…

【Laravel】Too Many Requestsについて調べてみた

こんにちは!ドイです!! 先日、友人に「Laravelについて、自分の知らないことを知りたい」 と無理難題を言ったとろ 「Too Many Requestsについて知っている?」と見事、私の知らないことについて教えてくれました。 Laravelについて、少しだけ詳しくなった…

今年も開催!PHPカンファレンス2021が楽しみ!!

PHP

こんにちは、小林です。 PHPカンファレンス2021に参加申込をしたので、カンファレンスについて書きたいと思います。 PHPカンファレンスとは PHPカンファレンスは日本で行われるPHPの最大のイベントです。毎年、大田区産業プラザPiOにて行われていましたが コ…

イベントに応じてclass属性を切り替え!JavaScriptのclassListを使ってみる

こんにちは、ユアサです。 前回まではCSSの内容の記事が多かったですが、社内での勉強会でもJSの内容に入ってきたので、今回は勉強会でも習ったclassListについて復習の意味も込めて書きまとめていきます。 classListについて classListは、特定の要素のクラ…

【Google Fonts】2021年8月末、日本語フォントが新たに追加!

こんにちは、ハヤマです。 8月26日、Google Fontsに8つのフォントが加わりました。 Google Fonts News! New fontsGlory, Azeret Mono, Alumni Sans, Urbanist, Allison, Besley, Klee, Kaisei. Upgraded fontsIBM Plex, Kumbh Sans, Work Sans, Mulish, Rut…

SVGの画像の切り抜きとsnap.svgを使ったアニメーション

こんにちは、中村です。 SVGについて、あまり勉強してこなかったので、 今回は気になっていた写真の切り抜きとアニメーションを試したいと思います。 DEMO 作ったのはこちら。 See the Pen SVGの画像の切り抜きとsnap.svgを使ったアニメーション/a> by Nakam…

IEには対応していないけれど、ゆくゆくは使っていきたいCSSプロパティ

こんにちは、中村です。 みなさん、IEはまだ標準対応をしているでしょうか。 オプション対応にされているところも増えてきたと思いますが、なかなか切り離せないのが現状です。 使いたいのに、IEのことを考えるとまだ使えない。でも、使いたい! そんなCSSプ…

FormRequestでバリデーションを行う前に値を操作する

こんにちは、コバヤシです。 今回はLaravelのFormRequestでバリデーションを行う前に、値を操作する方法について書きたいと思います。 FormRequestとは FormRequestはリクエストの処理でバリデーションを行うLaravelの仕組みです。 リクエストの段階でバリデ…

【Lalavel】マイグレーションファイルまとめ

こんにちは!ドイです!! 先日、初めてDB設計をやったのですが、 後からどんどん出てくる型の間違えや、カラム追加… マイグレーションファイルを使って修正しましたので、まとめていきたいと思います。 テーブル作成 upに作成するテーブルについて、 downは…

スクロール時に特定位置でピタッと停止!scroll-snapプロパティについてまとめてみた

こんにちは、ユアサです。 The State of CSS 2020で比較的認知度が低かったCSSのscroll-snapプロパティについて気になったので、今回はこの内容について書きまとめていこうと思います。 scroll-snapって? scroll-snapプロパティは、画面をスクロールさせた…

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で作業をする際スピーディーに作業するためのポイントをご紹介していきたいと思います。 プラグインを活用しよう プラグインは、用途に合ったものが見つかると作業効率が格段にアップするのでどんどん活用していき…