ネイティブ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:/…