Webシステム開発/デザイン

2025年5月 デザイン/システム開発 noteお役立ち記事まとめ

2025年5月 デザイン/システム開発 noteお役立ち記事まとめ

2025年5月に弊社デザインユニット、テクノロジーユニットが公開したnoteのお役立ち記事をまとめました。

その使い方、本当に合ってる? Figma「スタイル」と「コンポーネント」の基本

今回は、Figmaの「スタイル」と「コンポーネント」について、「なんとなく使っているけど、ちゃんと理解できてるか不安…」という方に向けて、つまずきやすい基本をあらためてまとめました📗

私もエンジニア時代、スタイルを毎回外して編集していたのですが、「これって本当に正しい使い方なのかな…?」とモヤモヤしていました。学び直したことで、少しずつ仕組みが見えてきたように思います。同じように感じたことのある方のヒントになればうれしいです。

では、早速本編にどうぞ〜↓↓

続きはこちら

レイアウトって誰のため? 『なるほどデザイン』 を読んで本屋で考えたこと

「変ではないけれど、なんだかしっくりこない」——デザイン制作をする際、そんなモヤモヤを感じたことはありませんか?
今回ご紹介するのは、その“違和感”を解きほぐすヒントをくれる一冊、『なるほどデザイン』 です。

視線の流れ、余白の意味、情報の整理。デザインの中で起こっている「なんとなく」を言語化し、よりよく伝えるための考え方が丁寧にまとめられています。
さらに今回は、本書を読んでから、私が実際に書店で料理本を手に取った際に感じた体験から、「レイアウトって、誰のためにあるんだろう?」 という視点に立ち返るきっかけになった出来事についても綴っています。

最後までご覧いただけると嬉しいです☺️

続きはこちら

【TypeScript】unknown型とany型の違い

こんにちは!エンジニアのさいたです!夏が近づいて暑くなってきましたね!Mrs. GREEN APPLEの「青と夏」をヘビロテする今日この頃です。

さて、今回はTypeScriptのunknown型とany型の違いについてお話ししようと思います!TypeScriptは型安全性が高く、JSでエンジニアリングする上で使っている方もかなり多いのではないでしょうか。

TypeScript初心者の方にとっては、null型やundefind型など使い分けが難しい型もあり、難しく感じる方もいるかもしれません。

そんな方のために、今回はunknown型とany型の違いをまとめてお伝えします!といっても、any型やunknown型は、実務では滅多に使わない(型安全のために使わない方が良い)ので、あくまで2つの型の違いを理解する、という目的で読み進めていただければと思います!

続きはこちら

SQL勉強会 - ORMと仲良くなろう

こんにちは!クリーヴァ株式会社のエンジニア ねぎ です。

弊社では月に1度、社内勉強会を開催しています。今回はその中で取り上げた「ORM(Object-Relational Mapping)」について、ORM を使うメリット、使用時の注意点 などを中心にご紹介いたします。

エンジニアの方であれば、日常的に ORM を利用しているかと思います。ただ、「そもそも ORM とは何か?」について深く考えたことは意外と少ないのではないでしょうか。この記事が、ORM の存在意義や役割について見つめ直すきっかけになればと思います。

続きはこちら

[デザイナー奮闘記①]デザインをBefore→Afterで検証!成果を出せた3つの理由と今後の課題

はじめに/この記事を書こうと思ったきっかけ自分の作ったデザインを見て、「なんか違うかも」「これって本当に伝わる?」「自信がない…」と思ったこと、ありませんか?
私も何度もそう感じてきましたし、きっと多くのデザイナーが一度は抱える感覚だと思います。

そんなとき、力になるのが第三者からのフィードバック。特に先輩デザイナーやメンターといったプロの視点からもらえるアドバイスは、駆け出しデザイナーにとって本当に貴重な学びになります。

今回は、私が実際に制作したデザインのビフォー・アフターを題材に、改善した点と、まだ課題として残っている点をまとめました。単にデザインの変化を紹介するのではなく、なぜそうしたのか・どんな意図や気づきがあったのかを自分なりに言語化しています。

日々デザインと向き合っている方や、これからWebデザイナーを目指す方に向けて、ちょっとした気づきや視点のヒントになれば嬉しいです。

続きはこちら

Webデザイン/システム開発の無料相談受付中

Webサービス・プロダクトのプランニングからUIUXデザイン、開発、テスト、運用、グロースまでトータルでサポートする「SucSak」。共創でビジネス成功を実現します。Web開発周りでお困りでしたらまずはお気軽にご相談ください。



\無料相談受付中/Webサービス開発ならSucSak(サクサク)