脱jQuery!「Shuffle.js」で絞り込み・ソートを実装する

こんにちは、ナカムラです。 今回はjavaScriptのプラグイン「Shuffle.js」を使って絞り込みとソートの実装をしてみたいと思います。jQueryは使用しません。 オプションがいろいろありすぎて読み解くのがなかなか辛かったので 一番シンプルな絞り込みとソート…

Laravelでフォームリクエストバリデーションを使う

こんにちは。コバヤシです。 今回は、Laravelでフォームリクエストを使ったバリデーションについて書きたいと思います。 フォームリクエストバリデーションとは バリデーションロジックを含んだカスタムリクエストクラスです。コントローラーの処理に入る前…

Composerを触ってみる -実践編-

こんにちは、ユアサです。 前回の記事ではComposerのインストールについて書きました。 前回↓ tech.arms-soft.co.jp 今回は基本的なコマンドやその使い所についてまとめます。僕も実際に使っていきたいと思います。 composer require ターミナル等を使用して…

サイト品質に欠かせない!ブラウザチェック

こんにちは、ハヤマです。 今回は、ブラウザチェックについて書いていきたいと思います。 はじめに ブラウザチェックとは、コーディングしたページがブラウザ上で正常に表示されているかを確認する作業のことを指します。 より良いサイトを作るには、サイト…

rel=“noopener”とは?

こんにちは、中村です。 今回はこちらの記事で紹介されている「rel="noopener”」という属性について確認していきたいと思います。 「Firefox 79」が正式リリース ~Windowsで新レンダラー「WebRender」の適用を拡大 - 窓の杜 記事の内容はFirefox79の仕様でr…

PhpStormでCodeSnifferを使う方法

こんにちは、コバヤシです。 今回はPhpStormでPHP_CodeSnifferを使ってPSR12でチェックする方法について書きたいと思います。 PHP_CodeSnifferとは コード規約をチェックするツールです。 Composerでインストール出来ます。 github.com PHP_CodeSnifferをイ…

Laravel 7.x環境でVueを触ってみる 〜情報取得と表示編〜

加藤です。 前回で、Laravel 7.x環境でvue.jsを導入してみました。 tech.arms-soft.co.jp 以降は勉強のため、Vueを使ってタスク管理Webアプリケーションを作成してみようと思います。 環境 PHP 7.3 Laravel 7.0 Node.js v8.12.0 目標・やりたいこと ログイン…

Composerを触ってみる -インストール編-

初めまして、ユアサです。 ちょうど一ヶ月前くらいに入社しました。バックエンド側になりますが、実務でのプログラミングや動作テスト等まだまだ経験不足の初心者です。 色々勉強しながら、初心者目線で書いていけたらと思います。よろしくお願いします! Co…

文字化けPDFをIllustrator上でアウトライン化する方法を試してみた

こんにちは、ハヤマです。 購読している「Adobe Blog」にて、Illustratorの操作で参考になった記事(動画)を見つけたので紹介したいと思います。 記事について 記事はこちら。 blogs.adobe.com ゲストである博報堂プロダクツの河和田将宏さんが、Illustrato…

Edgeのスクロールのがたつきが解消されました!

こんにちは、中村です。 少し前の話になりますが、Edgeがchromiumベースに更新されましたね。 以前のEdgeで固定表示した要素がスクロールした時にがたつく現象がありました。 javascriptを使ってブラウザのスムーススクロール機能をオフにし、 スクロールの…

ビューのロジックを分離!Laravelでview composerを使う方法

こんにちは。コバヤシです。 今回はLaravelでview composerを使って、ビューのロジックを分離する方法を書いていきます。 view composerとは view composerとは、ビューを表示するビジネスロジックをコントローラから分離して記述するための仕組みです。 各…

Laravel 7.x環境でVueを触ってみる 〜導入編〜

加藤です。 前回と前々回で、Laravel 7.xの認証機能を使ってログイン画面を作成してきました。 tech.arms-soft.co.jp tech.arms-soft.co.jp 以降は勉強のため、Vueを触っていきたいと思います。 まずは導入からです。 環境 PHP 7.3 Laravel 7.0 Node.js v8.1…

Photoshopでウェブデザイン!データ作成のポイント

こんにちは、ハヤマです。 今回は、ウェブデザインのデータをAdobe Photoshopで作成する際、データの作りとして気をつけていることをまとめていきたいと思います。 その1:レイヤー名はわかりやすく ページボリュームが多くなると、モジュールやセクション、…

動的サイトで意外と便利!擬似クラス「:only-child」

こんにちは、中村です。 今回はCSSの擬似クラス「:only-child」についてご紹介しようと思います。 擬似クラスとは? セレクタ要素の特定の状態に対してスタイルを当てるためのクラスです。 ユーザーの操作に反応したり、要素の状態によって見た目を変えるこ…

PHPでExcelならこれ!PhpSpreadsheetを使ってみる〜出力編〜

こんにちは。コバヤシです。 前回に引き続き、PhpSpreadsheetについて書いていきます。 今回はExcelファイルの作成です。 前回の記事はこちら。 tech.arms-soft.co.jp まずは作成してみる

Laravel 7.xでマルチ認証機能を作成してみた 2 〜ユーザ登録・パスワード再設定〜

tech.arms-soft.co.jp 加藤です。前回Laravel 7.xでマルチ認証機能を作成し、一般ユーザ用と管理者用とでログイン画面を分けることに成功しました。 今回は登録とパスワードリセット機能をそれぞれに追加していこうと思います。 環境 目標・やりたいこと ユ…

入力フォームをデザインする時に気をつけること

こんにちは、ハヤマです。 最近、お問い合わせなどのフォームのデザインを行う機会が多かったので、制作時に気をつけるべきことや、気づいたことについてまとめていきたいと思います。 入力内容に合わせて幅を設定する 全てを領域の幅いっぱいまで広げる必要…

PHPでExcelならこれ!PhpSpreadsheetを使ってみる〜読み込み編〜

こんにちは、コバヤシです。 今回はとある案件でPHPでExcelファイルを扱う必要が出てきてたので「PhpSpreadsheet」を調査してまとめてみました。 PhpSpreadsheetとは PHPでExcelを操作するライブラリです。Excelファイルの読み込み・作成が出来ます。 以前は…

vue.jsでレコメンドを作ってみた

こんにちは、中村です。 今日はvue.jsを使って簡単なレコメンドを行うコンテンツを作ってみました。 概要 質問の答えに対して、おすすめしたい情報を表示します。 今回はシンプルに質問は2つ用意しました。 2つの答えの組み合わせにより、表示結果が変わりま…

Laravel 7.xでマルチ認証機能を作成してみた

加藤です。弊社にもリモートワークが導入されてからというもの、元々の出不精に一層の拍車がかかった気がしてなりません。(汗) Laravel 7.xでマルチ認証機能を作成してみたので、備忘のために今回はそのことを記事にしようと思います。 環境 PHP 7.3 Larav…

デザイン共有ツールZeplinとPhotoshopを連携して、デザイナーとエンジニアの効率をアップしよう

こんにちは、ハヤマです。 今回は、デザイナーとエンジニアの相互の効率を図るためのアイデアを探している時に見つけた「Zeplin」というツールをご紹介します。 Zeplinとは Zeplinの特徴 デザインを構成する情報を確認・取得できる デザインデータに対してコ…

ネイティブJavaScriptでタブを作ろう

こんにちは、中村です。 今回はjQueryなどを使わないネイティブJavaScriptでのタブの作り方をご紹介します。 デモ See the Pen ネイティブJavaScriptでタブを作ろう by Nakamura (@takayo-nakamura) on CodePen. 動作の解説 (1)タブメニューをクリックされ…

Laravel Mixでフロントエンド開発環境を手軽に構築 2020年版 作業環境を晒します〜フロントエンド開発環境編〜

前回の記事でビルドツール遍歴をご紹介しましたが、今回は現在使用しているLaravel Mixの設定についてご紹介します。 tech.arms-soft.co.jp Webpackを使用するとなると設定が複雑で行数も結構な数になってしまいますが、Laravel Mixを使うことで少ない行数で…

超簡単! Xpdfを使ってPDFからサムネイル画像を作る方法

こんにちは。コバヤシです。 今回はXpdfを利用してPDFからサムネイル画像を作成する方法について書きたいと思います。 Xpdfとは XpdfはオープンソースのPDFビューアーで、PDFからテキストに変換したり、画像に変換するツールが含まれています。 PDFからのサ…

Google Apps Script (GAS)で文書作成をどれだけ効率化できるか挑戦 Part4.5 ~続・トリガー(再チャレンジ編)~

加藤です。 そろそろ春…?と思いきや寒い日があったりするので風邪をひきそうですね…。 シリーズPart4.5です。前回の記事はこちら。 tech.arms-soft.co.jp 前回、onEdit()トリガーを使って、スプレッドシートの条件付き書式もどきを作成しました。 ToDoリス…

共同編集におすすめ!プロトタイピングツール「Figma」とは?

こんにちは、ハヤマです。 先日、社内SNSにて話題に上がったこちらの記事。 www.itmedia.co.jp 東京都が3月4日に開設した「東京都 新型コロナウイルス対策サイト」。 コロナウイルスに関連するデータ(陽性患者数、検査実施数、相談件数他、相談窓口情報など…

svgoでのSVG圧縮時にviewBoxが消えてしまう問題を検証してみた

こんにちは、中村です。 SVGの圧縮時にviewBoxが消えてしまうことがあったので検証してみました。 起こったこと アームズの作業環境については別の記事で紹介されています。 この仕様の中で、SVGの圧縮でつまずいたところがありました。 tech.arms-soft.co.j…

テンプレートエンジンのBladeをFuelPHPで使う方法

こんにちは、コバヤシです。 弊社が採用しているPHPフレームワークはLaravelです。とても多機能で扱いやすいので手放せない存在となっていますが、 クライアントが用意した環境がLaravelのインストール要件(PHP7.2以上)を満たしておらず利用できない時もあ…

様々なビルドツールを渡り歩いた末にLaravel Mixを選択した理由 2020年版 作業環境を晒します〜フロントエンド開発環境編〜

以前の記事で、「次回はさらにフロントエンド開発に寄せて、モジュールバンドラやタスクランナーについてご紹介できたら」と予告していましたが脱線してしまいましたので、今回はビルドツールにスポットを当てたいと思います。 tech.arms-soft.co.jp ビルド…

Sequel Proの後継は?DBクライアントツール調査

加藤です。普段、DBクライアントツールはSequel Proを使っています。 アームズ社内でもパンケーキと呼ばれて愛されて(?)いるのですが、正規版は2016年3月の1.1.2リリース以来開発が止まっている、MacOSをMojaveにアップデートするとクラッシュする、MySQL…