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 ~基本的な使い方~

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

ちょっとの意識でふぉんとに違う!〜 文字・段落のスタイル編 〜

ついに梅雨が明けました! とともに、いよいよ本格的な夏のはじまりですね。 先日、会社からほど近くの薬局でガリガリ君が1本48円で販売していてひっそりテンションが上がったハヤマです、こんにちは。 今回は、デザインデータを参照してテキストを実装する…

vue.jsで簡単なゲームを作ってみた Part2

こんにちは、ナカムラです。 前回の記事でVue.jsを使った簡単なゲームを作ってみました。 今回はそのゲームに一つ機能を付け加えたいと思います。 ※ゲームの概要は前回の記事をご覧ください。 tech.arms-soft.co.jp 追加する機能 【 スコアを保存して表示す…

2019年版 作業環境を晒します〜整理編〜

前回の記事をほぼノープランで書いてしまったコジマです。どのような記事を書いていこうか考えていましたが、まずは全体の流れを一度整理しなければ、ということでツールたちを一覧(アルファベット順)にしてみました。 前回の記事でも書きましたが、「可能…

とても簡単!自作のアプリにREPLを実装する方法

こんにちは。コバヤシです。 弊社では基本的にはフレームワークを使用して開発を行っていますが、 簡単なフォームであれば自作のライブラリを使用しています。 環境毎に設定を切り替えられるなど色々便利に作ってはいるのですが、 時々「現在の設定はどうな…

Carbonライブラリを使ってみた Part2〜日付の演算方法〜

加藤です。 tech.arms-soft.co.jp 前回と同じく、phpのCarbonライブラリを利用したプログラムについてです。 「ブログに投稿された記事が、2週間以内に書かれた新着のものかどうか」をチェックするプログラムを作ることになり、その時にハマったことをお話し…

エンジニアに朗報!VS Codeで使用できる無料校正ツール

こんにちは、ハヤマです。夏至も過ぎ、いよいよ本格的な夏がやってきますね。 ジメジメとした梅雨が苦手で早く抜け出してほしいと思うのですが、その後に訪れるジリジリとした暑さもまた恐怖です。 さて今回は、「校正」についてお話をしたいと思います。 は…

Vue.jsで簡単なゲームを作ってみた

こんにちは、ナカムラです。 今日はVue.jsを使って簡単なゲームを作ってみたのでご紹介します。 ゲームの概要 作ったのは運試しゲーム。 1・2・3と3つあるボタンのどれかをクリックするとランダムで1〜3の数字が出ます。 押したボタンの数字とランダム…

Laravel使い必見!どこでもLaravelを使用する方法

こんにちは、コバヤシです。 「Laravel管理外のページでLaravelを組み込みたい!」ってことはありませんか? 1サイトまるごとLaravelで構築するのが通常の構築方法だと思いますが、案件によってはLaravel管理外(フレームワーク外)でもLaravelを使用したい…

2019年版 ウェブ制作の作業環境を晒します〜はじめに編〜

出だしから件名を大きく脱線しますが、先日WWDC 2019が開催されましたね。 www.gizmodo.jp macOSやiOS、watchOS等だけでなくiPadOSが新登場しました。いくつかの新機能があるようですが、特にUSBメモリなどの外部ストレージが使えるなんてステキですね。これ…

Carbonライブラリを使ってみた Part1〜日本語の曜日を表示する方法〜

加藤です。 システムコーディングで日付のフォーマット変換処理をする機会が多いので、備忘録もかねて今回はそのお話をしようと思います。 phpで日付周りの処理をするときにはCarbonライブラリが便利です。 Carbonで日付変換 基本の使い方 use Carbon\Carbon…

フロントエンドの視点でチェック!そのデータは大丈夫?

毎週、アームズスタッフが様々な視点でお届けしている「Engineers' Blog」。 今回が初投稿となります、ハヤマです。どうぞ宜しくお願いいたします。 私はもともと紙媒体を中心としたグラフィックデザイナーでしたが、様々なお仕事に携わる中でWeb案件の需要…

まずは3つ覚えよう!CSSのGrid Layout

今年からアームズに入りました。ナカムラです。 フロントエンドを担当しています、よろしくお願いします。 今回はCSSのお話をしようと思います。 レイアウトの組み方はテーブルレイアウトから始まり、float、inline-blockなど様々なテクニックが使われてきま…

Laravel5.5で出来た!Remember Meの有効期限を変更する方法

こんにちは、コバヤシです。 久しぶりの更新ですね。 以前、PHPフレームワーク比較を書いて早2年半。 tech.arms-soft.co.jp 弊社のメインのPHPフレームワークはFuelPHPからLaravelに変わりました。 FuelPHPも嫌いではなかったのですが、僕的にはLaravelの方…

エンジニアブログの引越しにあたり、ブログサービスを比較しました

4月も終盤に差し掛かり、やっと花粉も落ち着いてきました。ハイシーズンには声もまともに出ないほど花粉症に悩まされているわけですが、実は花粉症歴3年目の新米です。数年後にはどんなことになってしまうんでしょうか。コジマです。 さて。突然ですが、この…

エンジニア版コミケ!?「技術書典」が気になる!

はじめまして、加藤です。 2018年10月にアームズに入社いたしました。 主にPHP(FuelやLaravel)を中心としたバックエンドのプログラミングを担当しています。どうぞよろしくお願いいたします。 今回はブログ執筆にあたってネタを探している中で、(恥ずかし…