SMACSSのフリーランス案件・求人一覧
SMACSSの案件・求人一覧
1-30 / 全 79 件
【JavaScript(FWなし)】サロン予約サイトのフロントエンドエンジニア(業務委託)
1,000,000円/月
業務委託(フリーランス)
東京都
渋谷駅
JavaScriptCSSHTML5HTMLGitCSS3GitHubSMACSS
フロントエンドエンジニアマークアップ
作業内容 ■概要
サロン予約サイトのフロントエンドエンジニア(業務委託)を
お任せいたします。
■開発環境：
■プログラミング言語：JavaScript 等
【JavaScript(Vue.js)】エンジニア支援業務（週4日以上稼働可能な方にぴったり・20代〜40代活躍中！）
800,000円/月
業務委託(フリーランス)
京都府
京都駅
JavaScriptGitSassSMACSSVue.js
フロントエンドエンジニアデザイナー
作業内容 【20 代から40 代の方が活躍中！】
※週４日〜OK案件です！
※実務経験2年以上ありの方が対象の案件です！
■概要
大手企業が展開する女性向けサービスにおけるフロントエンド開発を担当します。フロントエンドの設計、開発、運用を通じて、デザイナーやディレクターと連携しながら、質の高いサービスの提供を目指します。
■具体的な業務内容
・Vue.jsを使用したフロントエンド開発
・SPA開発のパフォーマンス向上およびライフサイクル管理
・Sassを用いた開発（BEM/SMACSS設計）
・Gitを使用したチーム開発およびバージョン管理
・デザイナーやディレクターとの仕様調整および折衝
勤務開始時には、プロジェクトの一員として、コミュニケーションを取りながら業務を進めて頂く予定です。また、緊急時に出社が必要となる場合がございます。
------------------------------------------------------------------
直近の参画案件の経験とご希望に併せた案件のご紹介をさせて頂きます。
弊社は様々なプロジェクトの提案を強みとしておりますので、お気軽にご相談頂けますと幸いです。
------------------------------------------------------------------
※弊社では、法人、請負いの案件は取り扱っておりません。
【JavaScript(FWなし)】某大手アルバイト領域の求人管理システム案件【リモートOK】
650,000円/月
東京都
銀座駅
JavaScriptCSSHTML5HTMLjQueryCSS3SMACSS
マークアップ
作業内容 ■概要
フロントエンドエンジニアとしてマークアップ作業を担当して頂きます。
■具体的な作業内容
・プランナーやデザイナーの要件を汲み取りWebページをマークアップ。
・アジャイルに近しい短期スパンでの継続的な開発。
・BE側エンジニアと協同で納品物の相談や調整なども行って頂きます。
■開発環境：
■プログラミング言語：JavaScript 等
【JavaScript】新規事業フロントエンドエンジニア募集
650,000円/月
業務委託(フリーランス)
東京都
麻布十番駅
JavaScriptCSSHTMLSMACSS
フロントエンドエンジニアマークアップ
作業内容 【20 代から40 代の方が活躍中！】
※週４日〜OK案件です！
※実務経験2年以上ありの方が対象の案件です！
■概要
クラウドファンディングサイトやHRレビューサイトの新規開発を担当します。0からの構築で、設計からテストまで幅広く対応していただきます。
■具体的な業務内容
・クラウドファンディングサイトのフロントエンド開発
・HRレビューサイトの設計および開発
・HTML/CSSを用いたレスポンシブデザイン対応
・Vue.jsまたはReact.jsを使用したWebアプリケーションの開発
勤務開始時には、プロジェクトの一員として、コミュニケーションを取りながら業務を進めて頂く予定です。また、緊急時に出社が必要となる場合がございます。
------------------------------------------------------------------
直近の参画案件の経験とご希望に併せた案件のご紹介をさせて頂きます。
弊社は様々なプロジェクトの提案を強みとしておりますので、お気軽にご相談頂けますと幸いです。
------------------------------------------------------------------
※弊社では、法人、請負いの案件は取り扱っておりません。
【JavaScript(その他FW)】【業務委託(準委任)】大手アルバイト領域の求人管理システム案件
550,000円/月
東京都
銀座駅
JavaScriptCSSHTMLGit
マークアップ
作業内容 ■概要
Webシステムのフロントエンドエンジニアとしてマークアップ作業を担当して頂きます。
■具体的な作業内容
・デザイナーからデザインカップをもらい、マークアップしていくことが出来る。
・HTML5、CSS3を利用したコーディングができる。
・セマンティックHTMLを利用してコーディングができる。
・SMACSS、BEMを利用したCSSの記述が出来る。
・jQueryを用いたWebエレメントの取得・編集ができる。
・Functionを利用し、再利用/可読性を意識したコーディングができる。
【JavaScript(Vue.js)】フロントエンジニア募集
750,000円/月
業務委託(フリーランス)
京都府
京都駅
JavaScriptGitSassSMACSSVue.js
フロントエンドエンジニアデザイナー
作業内容 【20 代から40 代の方が活躍中！】
※週４日〜OK案件です！
※実務経験2年以上ありの方が対象の案件です！
■概要
弊社が運営する若年女性向けサービス「ピクトリンク」のフロントエンド開発を担当します。アーキテクチャ刷新やCI/CDの構築など、幅広い開発業務に携わり、サービスのパフォーマンスやユーザー体験の向上を目指します。
■具体的な業務内容
・Vue.jsを使用したSPA開発
・コンポーネント指向のアプリケーション設計、開発
・Sassを使用したスタイル設計および実装
・CI/CD環境の構築や自動化の導入
・ディレクターやデザイナーとの連携による仕様策定
勤務開始時には、プロジェクトの一員として、コミュニケーションを取りながら業務を進めて頂く予定です。また、緊急時に出社が必要となる場合がございます。
------------------------------------------------------------------
直近の参画案件の経験とご希望に併せた案件のご紹介をさせて頂きます。
弊社は様々なプロジェクトの提案を強みとしておりますので、お気軽にご相談頂けますと幸いです。
------------------------------------------------------------------
※弊社では、法人、請負いの案件は取り扱っておりません。
【TypeScript】フロントエンドエンジニア
900,000円/月
業務委託(フリーランス)
東京都
渋谷駅
JavaScriptHTML5GitCSS3GitHubReactTypeScriptWebpack
フロントエンドエンジニア
作業内容 【20 代から40 代の方が活躍中！】
※週４日〜OK案件です！
※実務経験2年以上ありの方が対象の案件です！
■概要
エンタメ領域の新規プロダクトにおけるフロントエンドエンジニアを募集します。外部開発業者との連携もあり、チームの状況に応じてフロントエンド以外の領域にも関わるチャンスがあります。自己成長を望む方には、スキル次第で幅広い開発に挑戦できる環境です。
■具体的な作業内容
・React、Next.jsを使用したフロントエンド開発
・Redux、Webpack、Jest等を用いたライブラリやツールでの開発
・レスポンシブデザインの実装
勤務開始時には、プロジェクトの一員として、コミュニケーションを取りながら業務を進めて頂く予定です。また、緊急時に出社が必要となる場合がございます。
------------------------------------------------------------------
直近の参画案件の経験とご希望に併せた案件のご紹介をさせて頂きます。
弊社は様々なプロジェクトの提案を強みとしておりますので、お気軽にご相談頂けますと幸いです。
------------------------------------------------------------------
※弊社では、法人、請負いの案件は取り扱っておりません。
【TypeScript】【業務委託】海外向けサービスにおけるフロントエンドエンジニア（20代〜40代活躍中！・週4日以上稼働可能な方にぴったり！）
700,000円/月
業務委託(フリーランス)
東京都
渋谷駅
JavaScriptHTML5GitCSS3GitHubReactTypeScriptWebpack
フロントエンドエンジニア
作業内容 【20 代から40 代の方が活躍中！】
※週４日〜OK案件です！
※実務経験2年以上ありの方が対象の案件です！
■概要
既存の国内サービスを海外市場向けにローカライズするプロジェクトにおいて、フロントエンドエンジニアとして携わります。ReactやNext.jsを用いた新規機能開発や、デザインシステムの構築が主な業務です。Atomic Designを活用しながら、スマートフォン対応のUI開発も行います。
■具体的な業務内容
・React/Next.jsを用いたフロントエンド開発
・デザインシステムの構築および最適化
・新規機能開発および既存機能の改善
勤務開始時には、プロジェクトの一員として、コミュニケーションを取りながら業務を進めて頂く予定です。また、緊急時に出社が必要となる場合がございます。
------------------------------------------------------------------
直近の参画案件の経験とご希望に併せた案件のご紹介をさせて頂きます。
弊社は様々なプロジェクトの提案を強みとしておりますので、お気軽にご相談頂けますと幸いです。
------------------------------------------------------------------
※弊社では、法人、請負いの案件は取り扱っておりません。
【JavaScript】海外向けサービスにおけるフロントエンドエンジニア
650,000円/月
業務委託(フリーランス)
東京都
渋谷駅
JavaScriptHTML5GitCSS3GitHubReactTypeScriptWebpack
フロントエンドエンジニア
作業内容 【20 代から40 代の方が活躍中！】
※週４日〜OK案件です！
※実務経験2年以上ありの方が対象の案件です！
■概要
国内外の市場を見据えた新規・既存サービスのフロントエンド開発を担当します。各国の法令対応を含むローカライズが必要であり、ReactやNext.jsを用いた開発を行います。
■具体的な業務内容
・新規機能開発および既存機能の改善
・Atomic Designを活用したデザインシステムの構築
・スマートフォン版の開発およびレスポンシブ対応
・ReactおよびTypeScriptを用いたフロントエンド開発
・npmやWebpackを使用したフロントエンドの構築
勤務開始時には、プロジェクトの一員として、コミュニケーションを取りながら業務を進めて頂く予定です。また、緊急時に出社が必要となる場合がございます。
------------------------------------------------------------------
直近の参画案件の経験とご希望に併せた案件のご紹介をさせて頂きます。
弊社は様々なプロジェクトの提案を強みとしておりますので、お気軽にご相談頂けますと幸いです。
------------------------------------------------------------------
※弊社では、法人、請負いの案件は取り扱っておりません。
【JavaScript】ECサイトの運用、及び新規開発
800,000円/月
業務委託(フリーランス)
東京都
渋谷駅
JavaScriptCSSHTML
作業内容 【20 代から40 代の方が活躍中！】
※週４日〜OK案件です！
※実務経験2年以上ありの方が対象の案件です！
■概要
ECサイトの運用および新規開発において、HTML・CSS・JavaScriptを使用したフロントエンド開発を担当します。Vue.jsを活用してAPIとの連携やエラーハンドリング、CSSアニメーションを実装し、スムーズなUI/UXを提供します。サーバサイドエンジニアと連携しながら、フロントエンド全般の設計や実装を行います。
■具体的な業務内容
・HTML、CSS、JavaScriptを使用したWEBサービスおよびECサイトの構築・運用
・Vue.jsを使用したフロントエンドの描画処理およびAPI連携
・非同期処理やエラーハンドリングの実装
・CSSアニメーションを用いたインタラクション実装
・サーバサイドエンジニアとの密な連携によるAPIインターフェース定義
・コードレビューやコーディングガイドラインの策定
勤務開始時には、プロジェクトの一員として、コミュニケーションを取りながら業務を進めて頂く予定です。また、緊急時に出社が必要となる場合がございます。
------------------------------------------------------------------
直近の参画案件の経験とご希望に併せた案件のご紹介をさせて頂きます。
弊社は様々なプロジェクトの提案を強みとしておりますので、お気軽にご相談頂けますと幸いです。
------------------------------------------------------------------
※弊社では、法人、請負いの案件は取り扱っておりません。
【JavaScript(React)】【業務委託(準委任)】海外普及率トップクラスのオープンソースCMSのフロントエンジニア
800,000円/月
業務委託(フリーランス)
東京都
表参道駅
JavaScriptPHPCSSHTML5HTMLMySQLjQueryGitJenkinsPHPUnitSassReactGoogle Analytics
フロントエンドエンジニアサーバーサイドエンジニアバックエンドエンジニア
作業内容 【20代~30代のITエンジニアが活躍中！】
■概要
CMS/HTMLの設計/制作を行っていただきます。
■具体的な作業内容
・オープンソースCMSのテーマ制作、画面制作、JavaScriptの開発、ユーザーインターフェイスの設計など
■業務例
01：要件定義
クライアントの要件を整理しゴールを共有します。
多くの場合ワイヤフレームなどの資料を作成します。
同時に、チケット管理システム(Redmine)にチケットを登録します。
02：設計
要件に対してオープンソースCMSでそれをどう実現するかを決定し、開発者にそれが伝わる様にドキュメント化します。
必要に応じてチケットを半日～1日で実装完了する規模に分割します。
03：開発
チケット単位で開発を進めます。
開発は各自のPCで進め、完了したらGitにソースコードをプッシュします。
04：コードレビュー
開発担当以外の開発者がソースコードをレビューします。
05：テスト
正しく実装ができているか、テストを行います。
06リリース：
一定の単位でまとめて本番環境に成果物をリリースします。
開発の中には、某CMSの管理画面からの設定で済むもの、テーマ開発として主にHTMLやCSS、JavaScriptを対象とするもの、PHPのモジュールとして実装するものがあります。
【派遣】【HTML/一部リモート】ECサイト制作案件
2,100円/時
派遣
大阪府
大阪駅
JavaScriptCSSHTML5HTMLSassCSS3Figma
HTMLコーダー
作業内容 ・工場用間接資材等の販売サイト制作案件に携わっていただきます。
・主に下記作業をご担当いただきます。
-コーディング業務
React 受付/順番待ち管理アプリのフロントエンド開発
500,000 〜 600,000円/月
東京都
東京駅
CSSHTMLReactSMACSSTypeScript
フロントエンドエンジニア
作業内容 受付/順番待ち管理アプリのエンハンス案件です。
フロントエンド担当としてご参画いただきます。
【大手クライアントWebサイト】マークアップ開発案件
780,000円/月
業務委託(フリーランス)
東京都
渋谷駅
JavaScriptCSSHTML5HTMLjQueryGitSassJadeCSS3SMACSS
マークアップ
作業内容 日系大手企業のWeb制作における
マークアップ作業をお任せいたします。
【自社モバイルラーニングサービス】マークアップ案件
650,000円/月
業務委託(フリーランス)
東京都
大崎駅
HTML5jQueryAngularGitSassCSS3GitHubSMACSSWebpack
フロントエンドエンジニアマークアップ
作業内容 B to B向けの研修ラーニングサービスの制作をしていただきます。
主に管理画面の設計構築を担当していただきます。
企画の工程からチームのメンバーと協力して制作していただきます。
【React】ファン向けプラットフォームサービスのフロントエンド開発
800,000円/月
東京都
渋谷駅
JavaScriptCSSSassReactSMACSSTypeScriptVue.jsredux
フロントエンドエンジニア
作業内容 オフィシャルサイトやファンクラブ作成、グッズ販売などが無料で行えるプラットフォームサービスを展開している企業様です。
こちらのフロントエンド開発を担当していだだきます。
＜具体的な業務内容＞
・デザイナーと連携した新規Webサービス設計、構築
・フロントエンドパフォーマンス最適化
・既存サービスの開発、改善
【Angular】学校向けクラウドサービスのフロントエンド開発支援
800,000円/月
東京都
新宿駅
JavaScriptCSSHTMLAngularGitHubReactSMACSSTypeScriptVue.jsWebpack
フロントエンドエンジニア
作業内容 学校向けクラウドサービスのフロントエンド開発をお任せします。
既存プロダクトのUI改善やグロース施策を進めながら、TypeScriptを用いたAngular/NgRx構成へのリプレイスなどに取り組んで頂きます。
【具体的な業務内容】
・AngularなどのSPAフレームワークを利用した開発
・非SPA画面をSPAにリプレイス(Angular/TypeScript/NgRx)
・各プロダクトチーム(ディレクター/デザイナー/営業との連携チーム)とのUI改善やグロース施策の開発推進
【開発環境】
・サーバーサイド：Ruby on Rails, PHP
・フロントエンド：Angular, NgRx, TypeScript, React, AngularJS, webpack
・インフラ：AWS, Docker, Vagrant, CircleCI, Fluentd, Elasticsearch, Datadog, Bugsnag, Sentry
・モバイル：Swift, RxSwift, Kotlin, Objective-C, Java, Firebase, fastlane, RxJava
・ビジネス基盤：Salesforce
AI/データ：Python, Google BigQuery, Tableau
・コミュニケーション/タスク管理：Slack, Confluence, esa, Asana, JIRA
・リポジトリ管理：GitHub
【JavaScript】リファーラルリクルーティングサービス開発案件
650,000円/月
業務委託(フリーランス)
東京都
東京駅
JavaScriptRubyCSSHTML5MySQLRailsjQueryAWSApacheNginxGitCoffeeScriptCSS3SMACSS
マークアップフルスタックエンジニア
作業内容 ・リファーラルリクルーティングサービスの開発をご担当頂きます。
ビジネスサイドからの要求・企画を元に、
Webアプリケーションのフロントエンド領域をご担当頂きます。
・設計〜開発テストの一連の工程に携わって頂きます。
【住宅検索サイト】フロントエンド開発案件
750,000円/月
業務委託(フリーランス)
東京都
東京駅
JavaScriptCSSHTMLGitSubversionSMACSS
フロントエンドエンジニアマークアップ
作業内容 ・不動産サイトのサービスに関わるフロントエンドコーディング作業を
お任せ致します。
・不動産領域（賃貸/売買 etc）において、不動産サイトの
エンハンス作業を行って頂きます。
【フロントエンド】教育系Webサービス開発案件
750,000円/月
業務委託(フリーランス)
東京都
都庁前駅
JavaScriptCSSHTMLLinuxMySQLBackbone.jsAngularGitHubReactSMACSS
フロントエンドエンジニア
作業内容 ・学校に導入するWebサービスの機能追加開発を
行なっていただきます。
【Angular】教育プラットフォームのフロントエンド開発支援・UI改善
800,000円/月
東京都
新宿駅
JavaScriptCSSHTMLAngularGitHubReactSMACSSTypeScriptVue.jsWebpack
フロントエンドエンジニア
作業内容 ＜具体的な業務内容＞
* AngularなどのSPAフレームワークを利用した開発
* 非SPA画面をSPAにリプレイス(Angular/TypeScript/NgRx)
* 各プロダクトチーム(ディレクター/デザイナー/営業との連携チーム)でのUI改善やグロース施策の開発推進
＜開発環境＞
サーバーサイド：Ruby on Rails, PHP
フロントエンド：Angular, NgRx, TypeScript, React, AngularJS, webpack
インフラ：AWS, Docker, Vagrant, CircleCI, Fluentd, Elasticsearch, Datadog, Bugsnag, Sentry
モバイル：Swift, RxSwift, Kotlin, Objective-C, Java, Firebase, fastlane, RxJava
ビジネス基盤：Salesforce
AI/データ：Python, Google BigQuery, Tableau
コミュニケーション/タスク管理：Slack, Confluence, esa, Asana, JIRA
リポジトリ管理：GitHub
＜稼働日数/リモート頻度＞
週4日以上〜
※基本リモート(今後の見通しはまだ不明ですが、コロナ収束後は、月に数回出社の可能性あり)
※現在ご稼働中のエンジニアの方はフルリモートでご稼働中
【JAVAScript】大型物件検索サイト
650,000円/月
業務委託(フリーランス)
東京都
東京駅
JavaJavaScriptCSSHTMLGitSVNSMACSS
フロントエンドエンジニアマークアップ
作業内容 フロントエンジニアとして賃貸や売買などに属して頂き、物件サイトのエンハンス業務をご担当頂きます。
【マークアップ】大手アルバイト領域の求人管理システム開発（マークアップ経験3年～）
450,000円/月
業務委託(フリーランス)
東京都
CSSHTMLjQuerySMACSS
デザイナーマークアップ
作業内容 フロントエンドエンジニアとして
マークアップ作業を担当して頂きます。
【JavaScript】マンガアプリ設計・開発案件
750,000円/月
業務委託(フリーランス)
東京都
神泉駅
JavaScriptCSSHTMLNode.jsAngularGitSassLESSReactSMACSSVue.js
作業内容 ・マンガアプリのWebページ及び新規プロジェクトの設計、開発を行って頂きます。
・具体的には下記の作業を行って頂きます。
-新規プロジェクトの工数見積もり、設計、開発
-各種ツール・フレームワークの選定
-HTML、CSS、JavaScriptのコーディング
-リリース後の機能改善、バグ対応
-既存プロジェクトの新機能の実装
-サーバーサイドとの開発に関するコミュニケーション
（※APIの相談や企画に対する開発の進め方の相談などでございます。）
【JavaScript】マンガアプリ設計・開発案件
750,000円/月
業務委託(フリーランス)
東京都
神泉駅
JavaScriptAngularGitSassLESSReactSMACSSVue.js
作業内容 ・マンガアプリのWebページ及び新規プロジェクトの設計、開発を行って頂きます。
・具体的には下記の作業を行って頂きます。
-新規プロジェクトの工数見積もり、設計、開発
-各種ツール・フレームワークの選定
-HTML、CSS、JavaScriptのコーディング
-リリース後の機能改善、バグ対応
-既存プロジェクトの新機能の実装
-サーバーサイドとの開発に関するコミュニケーション
（※APIの相談や企画に対する開発の進め方の相談などでございます。）
【大規模グルメサイト】フロントエンド開発案件
850,000円/月
業務委託(フリーランス)
東京都
日比谷駅
JavaScriptCSSHTML5GitJenkinsSassCSS3ReactSMACSSVue.js
フロントエンドエンジニア
作業内容 飲食店検索サイトの開発に携わっていただきます。
【JavaScript】ソーシャルマッチングサービス開発案件
700,000円/月
業務委託(フリーランス)
東京都
西新宿駅
JavaScriptRubyCSSHTML5MySQLRailsjQueryAWSApacheNginxGitCoffeeScriptCSS3SMACSS
マークアップフルスタックエンジニア
作業内容 ・家事代行マッチンングサービスの開発をご担当頂きます。
ビジネスサイドからの要求・企画を元に、
Webアプリケーションのフロントエンド領域をご担当頂きます。
・設計〜開発テストの一連の工程に携わって頂きます。
・バックエンド領域に興味がある方は携わって頂ける環境です。
【JavaScript】ソーシャルマッチングサービス開発案件
700,000円/月
業務委託(フリーランス)
東京都
西新宿駅
JavaScriptRubyCSSHTML5MySQLRailsjQueryAWSApacheNginxGitCoffeeScriptCSS3SMACSS
マークアップフルスタックエンジニア
作業内容 ・家事代行マッチンングサービスの開発をご担当頂きます。
ビジネスサイドからの要求・企画を元に、
Webアプリケーションのフロントエンド領域をご担当頂きます。
・設計〜開発テストの一連の工程に携わって頂きます。
・バックエンド領域に興味がある方は携わって頂ける環境です。
【大規模グルメサイト】フロントエンド開発案件
850,000円/月
業務委託(フリーランス)
東京都
日比谷駅
JavaScriptCSSHTML5GitJenkinsSassCSS3ReactSMACSSVue.js
フロントエンドエンジニア
作業内容 飲食店検索サイトの開発に携わっていただきます。
【フロントエンド(React)】不動産投資サービス開発案件
500,000円/月
業務委託(フリーランス)
東京都
六本木一丁目駅
JavaScriptCSSHTMLjQueryGitGitHubReactSMACSSTypeScript
フロントエンドエンジニアHTMLコーダー
作業内容 不動産サービスにおいてフロントエンドの開発をお任せいたします。
運営しているサービス全般のフロントエンドの作業を想定しております。
気になる案件は見つかりましたか？
お探しの条件に合った新着案件をお知らせします
その他の条件で検索する
- その他開発言語・スキルから探す
- CSSJavaScriptHTMLSassReactVue.jsCSS3HTML5jQueryTypeScript
あなたにピッタリの
フリーランス案件が見つかる
135万件以上のフリーランス案件から一括検索
355,235件※の案件を保有しており、エンジニアやクリエイター向けを中心にたくさんの案件を一括検索可能です。
※ 9月4日(Thu)更新
2あなたの経験やスキルに適した案件をメールでお知らせ
マイページに入力して頂いた経験や希望条件に合わせて、ご希望にマッチした案件をメールでお送りするので効率的な案件探しが可能です。
SMACSS案件のよくある質問
SMACSSの案件数は何件ですか？
フリーランスHub上でご覧いただけるSMACSSの案件数は79件です。
尚、応募先エージェントで非公開案件の提案を受けられる場合もあります。
未経験でもSMACSSのフリーランス案件に応募することは可能ですか？
はい。応募先エージェントが条件を設けていない限り、基本的には未経験でも応募することが可能です。
ただし、中には実務経験を重視する案件もありますので、未経験で参画できる案件があるかどうかは応募先エージェントに確認してみましょう。
SMACSSについて
【SMACSSの概要】
SMACSS（Scalable and Modular Architecture for CSS）は、CSS設計手法の一つです。CSS設計手法とは、メンテナンス性に配慮したクラス命名やコード管理方法を規定することを指します。SMACSSは同じくCSSの設計手法であるOOCSSやBEMを参照して確立されており、Saasを利用する案件と相性が良いのが特徴です。SMACSSでは、CSSをベース・レイアウト・モジュール・ステート（状態）・テーマの5種類に分けて記述します。フリーランス案件でSMACSSを採用するメリットとしては、構造とカテゴリを分類することでコード量が削減できること、メンテナンス性が保ちやすいことなどが挙げられるでしょう。一方で、メンバー同士でルールを共有しないと混乱が起きやすくなるのは、SMACSSのデメリットだといえます。
【SMACSS関連案件に必要なスキル】
SMACSS関連案件に参画するフリーランスには、SMACSS以外のCSS設計手法の知識が求められる可能性があります。フリーランス案件によってはSMACSSとともに、OOCSSやBEM、FLOCSS、MCSSといった他のCSS設計手法を組み合わせるケースもあるためです。
※この文章は、2022年3月時点の内容です。
SMACSSの案件・求人