【フルリモート(初日出社)】フィンテック新サービスにおけるフロントエンド開発

月給 90万円 ~ 105万円
雇用形態: 業務委託
勤務地:
Sass
の転職・求人情報
1~20件(40件)

月給 90万円 ~ 105万円
雇用形態: 業務委託
勤務地:
年収 501万円 ~ 700万円
雇用形態: 正社員
勤務地:
年収 450万円 ~ 800万円
雇用形態: 正社員
勤務地:

年収 420万円 ~ 840万円
雇用形態: 正社員
勤務地:

年収 420万円 ~ 840万円
雇用形態: 正社員
勤務地:

年収 400万円 ~ 500万円
雇用形態: 正社員
勤務地:

時給 2,500円 ~ 5,000円
雇用形態: 副業転職(業務委託から正社員)
勤務地:

年収 500万円 ~ 800万円
雇用形態: 正社員
勤務地:

年収 400万円 ~ 800万円
雇用形態: 正社員
勤務地:

年収 400万円 ~ 800万円
雇用形態: 正社員
勤務地:

年収 405万円 ~ 600万円
雇用形態: 正社員
勤務地:

時給 3,750円 ~ 5,250円
雇用形態: 業務委託
勤務地:

時給 3,750円 ~ 5,250円
雇用形態: 業務委託
勤務地:

年収 600万円 ~ 800万円
雇用形態: 正社員
勤務地:

年収 550万円 ~ 750万円
雇用形態: 正社員
勤務地:

年収 550万円 ~ 750万円
雇用形態: 正社員
勤務地:

年収 700万円 ~ 900万円
雇用形態: 正社員
勤務地:

時給 2,500円 ~ 6,500円
雇用形態: 副業転職(業務委託から正社員)
勤務地:

時給 3,000円 ~ 10,000円
雇用形態: 業務委託
勤務地:

時給 3,000円 ~ 10,000円
雇用形態: 業務委託
勤務地:


アカウントを作成して、求人情報のブックマークや応募の管理ができます。
求人に関するサマリ
Sassは、CSSを効率的に記述するための言語です。Web開発者の間で人気が高まっており、複雑なスタイルシートを簡潔に管理できる強力なツールとして注目されています。Sassを使用することで、コードの再利用性が向上し、メンテナンスが容易になります。また、変数やミックスインなどの機能を活用することで、より柔軟なスタイリングが可能になるのです。
Sassが必要とされる理由は、従来のCSSの限界を克服するためです。大規模なプロジェクトでは、CSSファイルが肥大化し、管理が困難になることがあります。Sassを導入することで、コードの重複を減らし、より論理的な構造を作ることができます。結果として、開発者の生産性が向上し、より高品質なWebサイトやアプリケーションを作成できるようになるのです。
Sassの大きなメリットの一つは、効率的なコーディングが可能になることです。変数やミックスインを使用することで、同じコードを何度も書く必要がなくなります。これにより、開発時間が短縮され、エラーの発生も減少します。例えば、カラーパレットを変数として定義しておけば、サイト全体の色を一箇所で管理できるようになるのです。
Sassを使用すると、コードのメンテナンスが格段に簡単になります。ネスト構造を活用することで、HTMLの構造に合わせてCSSを記述できるため、関連性の高いスタイルをまとめて管理できます。また、ファイルの分割機能を使えば、大規模なプロジェクトでも整理された状態を保つことができるでしょう。
Sassのデメリットとして、コンパイルが必要という点が挙げられます。ブラウザはSassファイルを直接解釈できないため、CSSにコンパイルする必要があります。これにより、開発環境の設定に少し手間がかかる場合があります。しかし、最近のツールを使えば、この問題はほとんど解消されています。
Sassを導入する際のもう一つのデメリットは、学習コストがかかることです。新しい記法や機能を習得する必要があるため、初めは少し時間がかかるかもしれません。ただし、基本的な概念を理解してしまえば、その後の開発効率は大幅に向上します。長期的に見れば、この学習コストは十分に回収できると言えるでしょう。
Sassのネスト機能は、CSSの記述を大幅に簡略化します。HTMLの構造に合わせて、セレクタをネストすることができるのです。これにより、コードの可読性が向上し、要素間の関係性を視覚的に理解しやすくなります。ネストを適切に使用することで、コードの量を減らしつつ、スタイルの適用範囲を明確にできるのです。
Sassの変数機能は、コードの一貫性を保つ上で非常に重要です。色やフォントサイズなどの値を変数として定義することで、サイト全体で統一感のあるデザインを実現できます。また、変更が必要な場合も、変数の値を一箇所で修正するだけで済むため、大幅な時間短縮につながります。
ミックスインは、Sassの中でも特に強力な機能の一つです。複数のプロパティをまとめて再利用可能なコードブロックとして定義できます。例えば、ベンダープレフィックスを含むプロパティセットをミックスインとして定義しておけば、必要な箇所で簡単に呼び出すことができるのです。これにより、コードの重複を避け、メンテナンス性を高めることができます。
Sassのファイル分割機能は、大規模プロジェクトの管理を容易にします。コンポーネントごとにSassファイルを分割し、それらを一つのメインファイルにインポートすることができます。これにより、コードの整理が簡単になり、チーム開発においても各メンバーが担当部分に集中しやすくなるのです。
Sassを導入する最も基本的な方法は、RubyとSassをインストールすることです。まず、Rubyをシステムにインストールし、その後gemコマンドを使ってSassをインストールします。この方法は、小規模なプロジェクトや個人開発には適していますが、チーム開発では環境の統一が難しい場合があります。
より高度な開発環境を求める場合、Gulpなどのタスクランナーを利用してSassを導入する方法があります。Gulpを使えば、Sassのコンパイルだけでなく、ファイルの圧縮や自動リロードなど、様々な開発タスクを自動化できます。これにより、開発効率が大幅に向上し、より洗練されたワークフローを構築できるでしょう。
初心者や簡単にSassを試してみたい方には、SassMeisterというオンラインツールがおすすめです。ブラウザ上でSassコードを書き、リアルタイムでコンパイル結果を確認できます。環境構築の手間がなく、すぐにSassの機能を体験できるため、学習初期段階での活用に適しています。
Sassは大規模プロジェクトでの活用が特に効果的です。例えば、ある企業のグローバルサイトリニューアルプロジェクトでは、Sassの導入により開発期間を30%短縮できたという報告があります。変数を使用してブランドカラーを一元管理し、ミックスインでレスポンシブデザインのコードを効率化したことが成功の鍵となりました。
あるEコマースサイトでは、Sassを導入することでサイトのメンテナンス性が大幅に向上しました。商品カテゴリーごとにSassファイルを分割し、共通のスタイルをミックスインとして定義することで、新商品の追加や季節ごとのデザイン変更が容易になりました。結果として、デザイン更新にかかる時間が従来の半分以下になったのです。
SassとCSSの最も明確な違いは、その記法にあります。Sassはネスト構造や変数、ミックスインなどの機能を持ち、より簡潔で論理的な記述が可能です。一方、CSSは直接的な記述が特徴で、セレクタの階層構造を表現するには冗長になりがちです。Sassを使用することで、同じスタイルをより少ないコード量で表現できるのです。
メンテナンス性という観点では、SassはCSSよりも優れています。Sassの変数やミックスイン機能を活用することで、サイト全体の一貫性を保ちつつ、変更が必要な場合も効率的に対応できます。CSSでは同じ値を複数箇所で直接記述することが多いため、変更の際に漏れが生じやすく、時間もかかります。Sassを使えば、こうした問題を大幅に軽減できるのです。
Sassの需要は年々高まっており、Web開発者にとって重要なスキルの一つとなっています。実際、求人サイトのデータによると、Sassのスキルを求める求人は過去5年間で約40%増加しているそうです。特に、大規模なWebアプリケーションやレスポンシブデザインのプロジェクトでは、Sassの知識が必須とされるケースが増えています。
Sassのスキルを身につけることで、キャリアアップの可能性が広がります。フロントエンド開発者としてのキャリアを築きたい方にとって、Sassは非常に魅力的なツールです。また、デザイナーがSassを学ぶことで、より効率的なデザイン実装が可能になり、職域を広げることができます。Sassの知識は、今後のWeb開発業界で確実に武器になるでしょう。
Sassを効果的に活用するには、段階的な学習が重要です。まずは基本的な機能から始め、徐々に高度な使い方を身につけていくのがおすすめです。実際のプロジェクトに適用しながら学ぶことで、より実践的なスキルを獲得できるでしょう。また、定期的に最新のSass情報をチェックし、新機能や最適な使用方法を学び続けることが大切です。
Sassの学習には、様々なツールとリソースが利用できます。公式ドキュメントは最も信頼できる情報源ですが、初心者にはやや難しいかもしれません。そこで、オンラインの学習プラットフォームや、Sassに特化した書籍を活用するのがよいでしょう。また、GitHubで公開されているオープンソースプロジェクトのSassコードを読むことで、実践的な使い方を学べます。継続的な学習と実践を通じて、Sassのスキルを磨いていくことが重要です。
エンジニア、PM、デザイナーの副業・転職採用サービス「Offers(オファーズ)」では、非公開求人を含む豊富なIT・Web業界の転職・副業情報を提供しています。高年収の求人・高時給の案件や最新技術スタックを扱う企業など、あなたのスキルを最大限に活かせるポジションが見つかります。専任のキャリアアドバイザーが、入社日調整や条件交渉をきめ細かくサポート。転職・正社員求人、副業・業務委託案件、募集をお探しの方はOffersまでご相談ください。閉じる
.png)
開催前
AIコーディングエージェントを活用する中で、「管理しているドキュメントをAIエージェントから参照させたいがうまいやり方がわからない」「複数のAIエージェントにプロンプトやコンテキストが散らばっていて、管理が大変」と感じているエンジニアも多いのではないでしょうか。 実際、複数のツールに情報が分散していると、AIエージェントが古いドキュメントや重複した情報を参照してしまい、意図しない実装が生まれる原因となります。特に、NotionやGitHub Wiki、個人のメモツールなど、ドキュメントが増えるほど「どれが最新で正しい情報なのか」がAIにも人間にも判断できなくなってしまいます。 そこで本イベントでは、実際にAIフレンドリーなドキュメント管理を実践されている松濤Vimmer氏とPochiPochi氏をお招きし、AIエージェントを用いた開発を加速させるためのドキュメント管理術を語っていただきます。 松濤Vimmer氏からはObsidianを中心とした情報整理アーキテクチャと、10年以上続くプロダクトでも信頼できるドキュメントをどう維持するか、PochiPochi氏からはGitHub WikiやCIを活用した自動更新の仕組みと、チーム全体でドキュメント管理を浸透させる工夫を学べる貴重な機会です。 ぜひご参加ください。 👇登壇者の方の記事を事前にチェック 松濤Vimmer氏 単なるメモから知的資産へ:Obsidian in Cursorで構築する知的生産システム https://note.com/shotovim/n/n5833578984bf ぽちぽち氏 スピードと品質を両立する、AI時代の開発ドキュメント戦略 https://tech.techtouch.jp/entry/aic-document-strategy

アーカイブ公開中
昨今、AIコーディングエージェントやプロトタイピングツール(v0, boltなど)のの進化により、誰でも短期間でプロダクトを構築できる時代になりつつあります。しかし同時に、生成AIは「動くコード」を優先する傾向があり、セキュリティの観点が抜け落ちたままリリースされるサービスも急増しています。特に個人開発者や非エンジニアの参入が進む中、ハッカーから狙われやすい脆弱なサービスが量産されている現実があります。 そこで本イベントでは、延べ1万件の個人情報漏洩を発見・報告した経験を持つKyohei氏をお招きし、バイブコーディング時代に必須となるセキュリティの落とし穴と対策を探ります。実際の個人情報漏洩事例から、SupabaseやFirebaseなどBaaSを使った開発における具体的な対策、そしてkyohei氏が開発するSupabase RLS Checkerなどのセルフチェックツールの開発秘話まで、明日から実践できる知識を学べる貴重な機会です。 ぜひご参加ください。
開催日:
2025年10月7日(火)19:00~20:00

アーカイブ公開中
フロントエンド開発でフレームワークを選ぶ際、「Next.jsとNuxtの違いや特徴までは理解できないまま、とりあえずで選んじゃっているな」と感じているエンジニアも多いのではないでしょうか。 実際には、開発チームの構成や要件によって、Nuxtの方が適している場面も、はたまたNext.jsの方が適している場面も存在します。特に最近では、Nuxtに対する業界の注目度も今まで以上に高まってきています。 そこで本イベントでは、実際にNext.js・Nuxt両方の開発経験を持つエンジニアの方々をお招きし、なぜNuxtに投資するのか?なぜNext.jsに投資するのか?をお二人の立場から語っていただきます。 LayerXのypresto氏からは実際にNextとNuxtを同時運用して経験した互いの良さやツラミ、Next.jsを推進する理由を、アンドパッドの小泉氏からはVueやNuxtのエコシステムの現状や、Nuxtを推進する理由を学べる貴重な機会です。 ぜひご参加ください。 👇登壇者の方の記事を事前にチェック ■ アンドパッド 小泉氏 新規プロダクトの開発に Nuxt 3 を採用して良かったこと https://tech.andpad.co.jp/entry/2024/01/17/100000 ■ LayerX ypresto氏 Next.jsとNuxtが混在? iframeでなんとかする! https://speakerdeck.com/ypresto/nuxt-inside-nextjs-with-iframe
開催日:
2025年9月30日(火)19:00~20:00

アーカイブ公開中
CloudRunは個人開発やPoC開発での採用が増えている一方で、中規模・大規模での運用事例が少なく感じている方も多いのではないでしょうか。特にCloudRunで構築したアプリケーションが成長し、複数サービスが立ち上がってきた際に「このまま長期運用できるのか?」「いつKubernetesに移行すべきか?」といった疑問を抱いているエンジニアも少なくないはず。 そこで本イベントでは、Google Cloud Japanの頼兼氏、実際にZennでCloudRunを運用している和田氏お招きし、長期運用を見据えたアーキテクチャパターンと運用ノウハウを探ります。 Google Cloud Japan の頼兼氏からは最新のCloudRun機能アップデートと長期運用にも耐えうる代表的なアーキテクチャ事例を、クラスメソッド 和田氏からはZennにおける実際の運用で得た知見とベストプラクティスを学べる貴重な機会です。 ぜひご参加ください。 👇登壇者の方の記事を事前にチェック 和田さん Zennのバックエンドを Google App Engine から Cloud Run へ移行しました https://zenn.dev/team_zenn/articles/migrate-appengine-to-cloudrun
開催日:
2025年9月25日(木)12:00~13:00
.jpg)
アーカイブ公開中
MCPを含むAIの進歩は目覚ましく、多くのエンジニアが開発効率化への期待を抱いているでしょう。しかし実際には、全てを自動化するまでは難しいと感じている方も多いのではないでしょうか。特にフロントエンド開発におけるUI/UXは、結局手動での調整や再実装が必要で時間がかかってしまうと感じている方も多いはず。 そこで本イベントでは、実際にMCPを使ってUI/UXの実装を行っている2社の実践者をお招きし、AIで簡略化できる部分と、そうでない部分を探ります。デザインシステム「Spindle」を運用するサイバーエージェントのHara氏と、MCPで爆速デザイン開発を推進するUbieのCTO 小谷氏から、理論だけではなく、日々の業務の中でどのように活用し、どこに限界を感じているのかといったリアルな運用事例を学べる貴重な機会です。 ぜひご参加ください。 👇登壇社の方の記事を事前にチェック☑️ Ubie さん 社内デザインシステムをMCPサーバー化したらUI実装が爆速になった https://zenn.dev/ubie_dev/articles/f927aaff02d618/ サイバーエージェントさん Spindle MCP で変わるデザインシステムの開発 ~ Figma 連携で実現する超高速開発 ~ https://developers.cyberagent.co.jp/blog/archives/56844/
開催日:
2025年9月4日(木)19:00~20:15