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…

Adobe XD アップデートで新登場!「コンテンツに応じたレイアウト」とは?

こんにちは、ハヤマです。 突然ですが、少しだけ宣伝です。 先日、アームズの公式Instagramを開設しました! 今後こちらのアカウントでアームズの最新情報などを(時にはゆる〜く)発信していきたいと思っています。 ぜひぜひ覗いてみてくださいね。 https:/…

アンカーリンクのズレをscroll-snapを使って直せるか試してみた

こんにちは、中村です。 以前コリスさんの記事で紹介されていたscroll-snapのscroll-paddingを使った「ページ内リンクが固定ヘッダと重なって隠れる問題を解決するCSSのテクニック」が気になっていたので、今どうなっているのか確認してみました。 記事の時…

Laravel6.xで認証機能をカスタマイズする

こんにちは、小林です。 今回はLaravelの認証機能をカスタマイズ(Eloquentドライバ)の方法です。 メールアドレスとパスワード以外に参照する項目を追加するのは比較的簡単に出来ると思うのですが、少し複雑な条件(例えば複数テーブルを参照するなど)でユ…

BTTで100倍幸せに! 2020年版 作業環境を晒します〜BetterTouchTool編〜

前回の記事でMacBook Pro 16のキーボードをレビューしましたが、想像どおり矢印キーが抜群に快適です。不具合を抱えていたバタフライキーボードから変わったシザー式キーボードも、快適すぎてもう元には戻れません。 tech.arms-soft.co.jp その記事の中でTou…

Google Apps Script (GAS)で文書作成をどれだけ効率化できるか挑戦 Part4 ~トリガー~

新年あけましておめでとうございます。加藤です。 本年もどうぞよろしくお願いいたします。 シリーズPart4です。前回の記事はこちら。 tech.arms-soft.co.jp (1)はじめに スプレッドシートで条件付き書式を使うと見やすくなってよいのですが、ドキュメン…

Photoshopの段落スタイル&文字スタイルでテキストデザインを統一しよう

こんにちは、ハヤマです。 若干時間が空いてしまいましたが、今月頭に開催されたAdobe MAX Japan 2019。アーカイブから業務に関連しそうな動画を少しずつ視聴しているのですが、「Adobe capture」でついに撮影画像からカラーでのベクターデータ変換ができる…

2019年 HTMLメールを作る時の注意点

こんにちは、中村です。 今回はWebサイトから少し離れて、HTMLメールについてです。 HTMLメールはあまり作る機会がなく、数年前に作ったきりだったので作り方の注意点が変わっていないか確認していきたいと思います。 主な注意点 ・WEBブラウザ以上に仕様が…

メール配信サービスMailgunでメール送信するための手順をまとめてみた

こんにちは コバヤシです。 今回は、とある案件でMailgunを使うことがあったので、備忘録的に設定手順を書いていきたいと思います。 Mailgunとは Mailgun はメール配信を行うクラウドサービスです。 無料で毎月10,000通まで利用できます。 (Google パートナ…

Google Apps Script (GAS)で文書作成をどれだけ効率化できるか挑戦 Part3 ~条件分岐による集計~

加藤です。もう12月とか信じられないです。 シリーズPart3です。前回はこちら。 tech.arms-soft.co.jp またもや例がテスト項目表なのですが、 結果の◯,×で集計ができたらいいかも? 日付ごとに消化率を計算できるようになったら、進捗がわかりやすい? と色…