マークアップをより良くするためにGaji-Laboがやっていること

morita

こんにちはマークアップエンジニアの森田です。
今回は弊社メンバーが HTML マークアップをより良くするためにやっていることを紹介します。

昨今のマークアップはただ html を書くだけではなく、文書構造、アクセシビリティ、レンダリングの高速化、最適なクラスの命名(CSS設計)などなど配慮することが沢山あります。

また、React や Vue を使ったコンポーネント化が当たり前になっていきてる現在において、正しいマークアップはより重要なファクターだと考えています。

弊社ではマークアップの向上を常に考え、以下の様なことに取り組んでいます。

レビュー

弊社は基本的にどの案件も PullRequest ベースで開発を行っており、レビューが必ずされます。
その際にマークアップについてもやり取りが活発にされています。

誰かの目が入ることでマークアップのより良い方法や変えるべき箇所など気付かされることが多いです。

レビューする側もマークアップを見ることで気付かされること、学ぶことも多くどちらにとってもプラスが大きいです。

レビューは品質の向上は勿論のことですが、メンバー間のマークアップを統一していく中でもとても重要なプロセスだと考えています。

レビューについては横田の レビュアーの視点を想像した伝え方の工夫 に良いことが沢山書いてあるので是非読んでみてください。

テックシェア

随分昔ですが テックシェアについて という記事を書いたのですが、その取り組みは現在も行われています。

Slack の tech-share チャンネルで気になるトピックや記事を共通し、金曜日にテックシェアの会を開催します。

最近は弊社の若手石垣がテックシェア番長を担当し、彼が知りたいことを中心に会が行われています。

Slackのtech-shareチャンネル。各々が気になるトピックを共有し合ってます。

ホワイトボード

ホワイトボードにプロジェクターでサイトを投影し、直接書き込むという手法でマークアップをディスカッションします。

アナログな手法ですが、マークアップをディスカッションするには現状1番いい方法だと思っています。
脳にダイレクトにマークアップが刺さる感じがします(笑

渋谷区のサイトを参考にマークアップをディスカッションしている

気軽に質問できる場所(摸索中)

こちらは現在もまだ色々と模索しているのですが、気軽にマークアップの悩みなどを質問できる場所を探しています。

直接聞いたり、Slackに@するには気が引けるし、質問された側も手が止まる。
聞く側も答える側も気楽にできる場所。これがなかなかうまくハマりません。

現在は esa に質問できる場所を作って試しています。

まとめ

これからもマークアップをより良くする施策に努めます。
Gaji-Laboはマークアップにこだわりを持って書いていきたいです。

Gaji-Laboでは、Jamstackが得意なフロントエンドエンジニアを募集しています

弊社ではフロントエンドのエンジニアさんを随時募集しています。現在は特にJamstackの知見で事業作りに貢献するフロントエンドエンジニアさんを求めています! 大きな会社や事業会社とはひと味もふた味も違うGaji-Laboを味わいに来ませんか?

もちろん、一緒にお仕事をしてくださるフリーランスの方やパートナーさんも随時募集中です。まずはお気軽に声をかけてください。お仕事お問い合わせや採用への応募、共に大歓迎です!

求人応募してみる!


morita

投稿者 森田 壮

ディレクターとして適切な技術提案やコミュニケーションを出来るように心掛けています。エンジニアとして主にフロントエンド全般、CMS構築や開発環境の構築などを得意としています。
Macやエディタ、開発環境などを最適化することにいつも燃えています。