共同編集におすすめ!プロトタイピングツール「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 またもや例がテスト項目表なのですが、 結果の◯,×で集計ができたらいいかも? 日付ごとに消化率を計算できるようになったら、進捗がわかりやすい? と色…

MacBook Pro 16 インチが届いたのでキーボードをレビュー

MacBook Pro 16インチが発表されて2週間。発表当日にアップルストアで注文して、上海で数日間停滞し、予定していた配達日から数日遅れましたが、我が社にも新しいMacbook Proが届きました。今回はキーボードに注目してレビューをしてみようと思います。 スペ…

Adobeユーザー歴=嵐の活動年数の私がSketchを試してみた

芸術の秋。静岡県三島市にある佐野美術館で開催中のヒグチユウコ展を観に行きました。人の手による緻密で可愛くも不思議な世界観に圧倒され、気付けば散財してしまいました。しばらくは画集を眺めて過ごすハヤマです、こんにちは。 はじめに 突然ですが、私…

canvasを使って行ったり来たりするアニメーションを作ってみた

遅ればせながらcanvasを勉強し始めました。 「ちょっと動きが欲しいんだけど」にサクッと応えたい。 そもそもcanvasってなんなんだ?というところからのスタートです。 単純なアニメーションならtransitionやanimationなど、CSSだけである程度は動かせますが…

不具合だらけ?作業環境にmacOS Catalinaをクリーンインストールしてみました

10/8に最新のmacOS、Catalinaがリリースされてからもうじき1ヶ月経ちますね。巷では「不具合だらけ」だとか「過去最低の品質」だとかネガティブな情報をよく見かけます。 Sidecarを試してみたかったんですが、インストールすることによって普段の業務に支障…

シンプルで使いやすい!バリデーションライブラリ「Valitron」の使い方

こんにちは、コバヤシです。 今回はバリデーションのライブラリである「Valitron」の使い方について書きたいと思います。 vlucas/valitronとは シンプル 最小限 エレガント 依存関係なし をうたっているだけあって、簡単で使いやすいバリデーションライブラ…

LaravelでCSVファイルのインポート・エクスポートをやってみた

前回びくついていた健康診断ですが無事終了しました。加藤です。 最近業務でLaravelを使ったCSVファイルのインポート・エクスポートのプログラムを作成したので、備忘のためにポイントを記事にしようと思います。 インポート インポートのポイント (1)Spl…

ちょっとの意識でふぉんとに違う!〜 行送り・トラッキング数値の計算編 〜

先日の台風、凄まじかったですね。 被害に遭われた皆様に、謹んで心よりお見舞い申し上げます。 『備え』について、改めて考えさせられたハヤマです、こんにちは。 今回はデザインデータで設定されている「行送り」「トラッキング」をCSSで指定する際の計算…

HTML・CSSを組む時の工夫〜動的なページ編〜

こんにちは、ナカムラです。 前回はレスポンシブページを作る時の工夫していることをご紹介しました。 今回は動的なページを組む時の工夫についてご紹介します。 動的なページとは、プログラムによってテキストなどの要素が出力されるページです。 このブロ…

gitでも効率化。手間のかかる処理はhuskyとlint-stagedに任せよう! 2019年版 作業環境を晒します〜バージョン管理編〜

今回は、昨今のウェブ制作には欠かせないバージョン管理について、さらにそこで導入できる効率化についてご紹介したいと思います。 弊社ではバージョン管理にはGitHubを使用しています。プルリクエストやwiki、Protected Branches を使用しているため、Team…

Google Apps Script (GAS)で文書作成をどれだけ効率化できるか挑戦 Part2 ~範囲選択~

加藤です。次にブログ記事を書く頃にはたぶん健康診断が終わっているはず。今からびくびくしております。 前回に引き続き、GoogleスプレッドシートでGASを使っていきます。 tech.arms-soft.co.jp はじめに 文書作成作業をしていると、シートの全域、または特…

ちょっとの意識でふぉんとに違う!〜 段落間余白のデザイン編 〜

突然ですが、先週スマホアプリ「DQウォーク」がリリースされましたね。 通勤時や帰宅後にゆるく遊んでいますが、位置情報の揺れのおかげ(?)で、ほぼウォークをせずにモンスターを150匹ほどやっつけていました。そんな自分に引き気味のハヤマです、こんに…

Laravel6がやってきた!5.8から6へアップグレード

こんにちは。コバヤシです。 ついにLaravel6がやってきました! 予想していた8月中では無く9/3のリリースでしたね。 今回は、前回に引き続き5.8から6へのアップグレードを行いたいと思います。 tech.arms-soft.co.jp ちなみにLaravel6からはPHP7.2以上が必要…

HTML・CSSを組む時の工夫 〜レスポンシブ編〜

こんにちは、ナカムラです。 今回はHTML・CSSを組む際に工夫しているところを紹介しようと思います。 コンテンツ幅を一定にするならデザインと同じようにできていれば問題ありません。 レスポンシブの場合はウィンドウサイズの異なるデバイスに対応するため…

Laravel6に備えて5.5から5.8へアップグレード

こんにちは。コバヤシです。 ついにLaravel6がアナウンスされましたね。今月中にはリリースされるとのこと。 新機能については言及が無かったようですが、どうなるのでしょう。 laravel-news.com qiita.com というわけで、Laravel6のリリースに備えて5.5から…

2019年版 作業環境を晒します〜エディタ編〜

みなさまこんにちは。連休は子供とベッタリ過ごしたコジマです。 さて。今回からはそれぞれのツールを詳しく紹介していくということで、まずはウェブ制作に欠かせないツール、エディタを紹介していきたいと思います。 まずは前提としてエディタに求めること…

Google Apps Script (GAS)で文書作成をどれだけ効率化できるか挑戦 Part1 ~基本的な使い方~

通勤時の日差しの強さに生命の危機を感じます。加藤です。 開発のたび、設計書や仕様書などの文書作成になかなか時間がかかってしまうのが、個人的な反省点です。 共通のフォーマットが使えそうな場合はテンプレートファイルにしたり、似たような文章表現が…