エンジニア技術 Tips

エンジニアのお仕事に役立つTipsを掲載します。お仕事の合間に読んで新しい知識を修得しよう!

Jenkinsとwebpack bundle analyzerでフロントエンドプロジェクトの合計サイズを定常的に計測する方法

Jenkinsとwebpack bundle analyzerでフロントエンドプロジェクトの合計サイズを定常的に計測

「SEROKU フリーランス(以下、SEROKU)」の中の人をやっている kouki です

今回はフロントエンド側の成果物がどの程度容量で出力されているか計測するための Tips をご紹介したいと思います。そもそも SEROKU ではバックエンドとフロントエンドにプロジェクトが分かれており、フロントエンドプロジェクトは Angular を利用しています。実装のモチベーションとなったのは、「プロジェクト内で minify されていない画像や動画がプロジェクトに紛れ込んだ時にすぐに気づける仕組みを構築したかった」ためです。

SEROKU の開発では CI を積極的に採用しており、Jenkins の Multibranch pipeline を活用して、ブランチにマージする前にテストを自動的に行うようになっています。この既存の Multibranch pipeline を使っているジョブに対して、プロジェクトの成果物の総容量の遷移をグラフで出力する機能を付け加えました。

続きを読む

beego で実装した掲示板サービスの Go言語を読んでみる その2

Go言語への挑戦

完全に前回の続きで、引き続き go言語での開発始めてみる〜beego で掲示板っぽいもの作ってみる編〜 で作成した 掲示板風アプリ で beego の scaffold 機能を使って自動生成された go のコードを読み進めていきたいと思います。

前回の重複にはなりますが 筆者は A Tour of Go を一周した程度であり、初心者の初心者による初心者のためにわかりやすく説明を行うことを心掛けていっています。
引き続きA Tour of Go のリンクなどを交えて解説していこうと思います。

続きを読む

アプリケーション開発におけるテストの概要や概念 〜第2話〜

アプリケーション開発におけるテストについての紹介イメージ

前回の記事は、アプリケーション開発においてテストを作成することが重要であること、テストを作成するための開発手法はいくつかあるため現場に即した方式を採用することが望ましいこと、テストする対象としてどのようなものがあるのかを概要と概念について説明しました。

今回は、分かりやすいテストを作成するための記述方式について紹介し、そのような記述形式に多くの場合に対応しているテストフレームワークの存在しについて紹介したいと思います。

続きを読む

Angular の 開発で Browsersync を使って複数ブラウザ対応を楽にしよう

複数のブラウザや端末に対応した画面表示の開発をしやすくする Browsersync を導入する方法

「SEROKU フリーランス(以下、SEROKU)」の中の人をやっている ryosuke です。

今回は SEROKU に採用しているフレームワークである Angular でのWebアプリケーション(Webページ)について、複数のブラウザや端末に対応した画面表示の開発をしやすくする Browsersync を導入する方法について取り上げます。

続きを読む

beego で実装した掲示板サービスの Go言語を読む〜その1〜

Go言語への挑戦

前回までマニュアルと雰囲気でなすがままに実装をしていて、フルスタックフレームワークでのコード自動生成という強力なサポートもありながら、Go 自体をあまり知らなくともできていました。
しかし細かい実装をするには自分の書いている言語、そして自動生成されたコード自体について最低限理解しておくべきというのは公然の事実と言えます。
ってことで自動生成したコードを中心に読んでいき、A Tour of Go のリンクなどを交えて解説していこうと思います。

なお筆者は A Tour of Go を一週した程度なのでそんなに高度な解説は期待しないでください。しかし初心者なりに初心者の目線でわかりやすく説明を行うことを心掛けていこうと思います。
教材は前回までやってきた go言語での開発始めてみる?beego で掲示板っぽいもの作ってみる編 で作成した 掲示板風アプリ です。

続きを読む

Prometheus でスケーラブルな監視基盤を作ってみよう! 〜概要編〜

Kubernetes を用いた場合の Prometheus インストール手法について

「SEROKU フリーランス」の中の人をやっている syunsuke です。SEROKU では主にインフラ面の担当をしています。

最近 DevOps 界隈でよく聞く監視システム Prometheus。 WESEEK 社内でも時代の波に乗り(?)、社内サービスや外部に提供しているサービスの監視に Prometheus を活用しています。

本記事連載では、Prometheus を利用した監視アーキテクチャがどういうものなのか、どういった特徴があるのかを解説し、実際に docker/docker-compose を用いた場合の Prometheus インストール手法、Kubernetes を用いた場合の Prometheus インストール手法について説明していきたいと思います。

続きを読む

アプリケーション開発におけるテストの概要や概念 〜第1話〜

アプリケーション開発におけるテストについての紹介イメージ

こんにちは、佐藤です。

アプリケーション開発においてテストが重要であると感じさせるきっかけが何回か起こり、テストについての考えを整理したいなと感じましたので、アプリケーション開発におけるテストについて紹介していきたいと思います。

まず今回はテストに関する概要や概念について紹介した後、次回以降では具体的なテストコードを使いつつ、テストフレームワークも踏まえて紹介していきたいと思います。

続きを読む

プロジェクトリポジトリに Dockerfile と kubernetes helm chart を入れておくと幸せになれる(かもしれない)話

プロジェクトリポジトリに Dockerfile と kubernetes helm chart を入れておく

「SEROKU フリーランス(以下、SEROKU)」の中の人をやっている kouki です

今回は社内の別プロジェクトで採用している手法ですが、「プロジェクトリポジトリに Dockerfile と kubernetes helm chart を入れておくと幸せになれる(かもしれない)話」をご紹介したいと思います

(SEROKU ではプロジェクトリポジトリに Dockerfile は含めていますが、helm chart を同梱するまでには至っていません)

続きを読む

ゲーム開発のためにCocos Creator 触ってみた! 〜その3〜

cocos_creatorを触ってみた感想とセットアップについて

みなさんこんにちは。前回の記事から、「ツムツム」をベースの題材にしてゲームを作っていこうということ決め、さっそくタイトル画面を作成してみました。画面を作成するうえで、簡単にシーンの説明と画面の見方等をおさらいしながら進めていきました。

ただ、前回はスクリプトは一切書かずに終わってしまったのでタイトルを表示した後何もすることができない状態でした笑今回は、その状態から一歩進んでスクリプトを作成して別のシーンに遷移してみましょう。

続きを読む