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

こんにちは、ユアサです。 アームズでフロントエンドの見習いとして活動し始めて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を使用してインス…

使う場合はココに注意!サイドバーのあるWebサイトデザイン

こんにちは、ハヤマです。 今回は、サイドバーのあるWebサイトデザインについて、メリット・デメリットや、コーディングを始める前にデザインの時点で考えておくべき点をまとめていきたいと思います。 サイドバーとは メインコンテンツの横(右・左)にある…

ミスを軽減!Chromeで文章校正ができるプラグイン

こんにちは、ナカムラです。 今回は使ってみて便利だったChromeの拡張機能をご紹介します。 ナカムラは文章校正というのがとても苦手です。 !などの記号や、()は全角に統一するようにしているのですが、 使用しているフォントだったり、文字詰めをしてい…

2021年-PHPフレームワーク トレンド比較

こんにちは。コバヤシです。 今回は、2016にやったPHPフレームワークのトレンド比較を改めてやってみたいと思います。 あれから5年どのように変わったでしょうか? tech.arms-soft.co.jp 比較するCMSも前回と同じ以下のフレームワークにしてやってみます。 …

お問い合わせフォームを作ってみる -実装編③:エラー時の処理と値を保持する処理の実装-

こんにちは、ユアサです。 前回までの記事ではValitronを使用した入力内容のバリデーションを実装しました。今回は、前回予告した通りバリデーションでエラーが発生した際に入力画面に戻り、エラー内容が表示される処理を実装していきます。 また、バリデー…