Photoshopデザイン効率化の道 〜ショートカットの活用〜

こんにちは、ハヤマです。 突然ですが、皆さんは操作をするときにどれだけショートカットを活用されていますか? 本記事では、“たかがショートカット、されどショートカット”として、 Photoshopでデザインを行う際に活用すべきショートカットについて、おす…

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

こんにちは。ドイです。 前回はDockerの概要について触れました。 今回は、Docker イメージを作成するための、Docker fileについて触れていきたいと思います。 ↓前回の記事 tech.arms-soft.co.jp なぜDocker fileは必要か Dockerはコンテナと呼ばれる仮想環…

脱jQuery!ページの最下部までスクロールしたかを判定するjavaScript

こんにちは、ナカムラです。 今回はネイティブのjavaScriptでページ最下部に到達したかどうかを判定する処理を書いていこうと思います。 この処理はボタンを固定表示したページや、記事の終わりにメッセージを表示したいなど、ユーザーの操作に合わせて表示…

LaravelでログインのThrottle機能をカスタマイズする

こんにちは、コバヤシです。 今回は、Laravel(6.x)でログインのThrottle機能をカスタマイズしてみました。 Throttle機能とは Throttle機能とは、ログイン失敗時に失敗した回数を超えた場合にログインロックを掛けて、一定の時間を経過したらロックを解除す…

すぐに使える!フレックスボックスを使って作れるパーツを紹介

こんにちは、ユアサです。 アームズでフロントエンドの見習いとして活動し始めて1ヶ月ほどが経ちます。まだまだ勉強することは多いですが、一つひとつを焦らず段階を踏んで学んでいけたらと思っています。 今回は、自分が勉強していく中で知ったCSSのフレッ…

Photoshopで綺麗なデザインデータを作ろう!:「CCライブラリ」を活用編

こんにちは、ハヤマです。 今回は、PhotoshopのAdobe Creative Cloudライブラリ(以下、CCライブラリ)を活用した、Webデザインのデータ作りについてご紹介します。 CCライブラリとは Adobe CCのアカウント全体で共有使用できるデザインエレメントの保存ツー…

【第一回】はじめてのDocker

はじめまして。ドイです。 アームズメンバーに加わりました。今後ともよろしくお願いします。 技術ブログを書いていくに当たり、私の目指す方向性が以下に挙げるものです。 「知らない」を、「少し知っている」に格上げする この業界に入りまして2年目ですが…

Vue.jsでドラッグ&ドロップのソートを実装する

こんにちは。コバヤシです。 今回はVue.jsでドラッグ&ドロップでソートする方法について書きたいと思います。 Vue.Draggableをインストールする Vueでドラッグ&ドロップをするならこれっていうくらい定番のライブラリです。 github.com まずこれをインスト…

レスポンシブページでのテキストの改行はどうする?

こんにちは、ナカムラです。 レスポンシブなページではユーザーの環境によって表示される幅が様々です。 スマホのような幅の狭い画面には縦並びに、PCのような幅が広い画面では横並びにするなど、ユーザーに最適なレイアウトに調整していきます。 レイアウト…

お問い合わせフォームを作ってみる -実装編④:入力内容送信後の自動返信メール機能実装-

こんにちは、ユアサです。 前回の記事では、エラー時の処理と値を保持する処理を実装しました。今回は、最後の機能である自動返信メール機能を実装します。 ↓前回の記事 tech.arms-soft.co.jp PHPMailerのインストール PHPMailerはComposerを使用してインス…