「Sass」に関連する技術ブログ(15件)

企業やコミュニティが発信する技術ブログから「Sass」に関連するものを表示しています。

カケハシのフロントエンドエンジニアとしてのスキルアップ

こんにちは、株式会社カケハシで おくすり連絡帳 Pocket Musubi の開発を担当している渡辺です。 カケハシのエンジニアはフロントエンドもバックエンドのAPIサーバーも開発を担当しています。どちらかといえばフロントエンドの方が知識・経験ともに自信があるという背景から、今回はカケハシのフロントエンドエンジニアについて書きます。 カケハシでのフロントエン

#Angular #Redux #React #JavaScript #HTML #CSS #Sass #AWS #フロントエンド #ユーザビリティ 

MJMLでhtmlメールを楽にいい感じに書くことができた話

この記事は BASE アドベントカレンダー 13 日目の記事です。 はじめに こんにちは。 BASE BANK 株式会社 Dev Division にて Software Developer をしている永野( @glassmonekey )です。 普段はバックエンドエンジニアとして、Go/Python/PHP を主に書いてたりします。 最近はチームの分析基盤づくりとかもやってたりします。 そのことについて先日書いたりもしたので、もし良かったらご確認く

#Go #CSS #PHP #Python #HTML #Sass #SaaS #ノーコード/ローコード 

【CSS実装予定】カスケードレイヤー「@layer」について

注意 カスケードレイヤーは正式実装の機能ではないため、これから仕様変更の可能性があります。 目次 注意 目次 はじめに カスケードについて Origin and Importance Context Specificity Order of Appearance カスケードレイヤーについて The Style Attribute Layers 従来のCSS カスケードレイヤーの記述方法について 複数レイヤー 使用例(リファクタリング) 修正前のコード リファクタリング

#CSS #Sass #HTML #Windows #フロントエンド #セキュリティ #設計 

デザイナーが推進する、お客様のためのデザインシステム

こんにちは。カケハシの主力プロダクトである「Musubi(電子薬歴 ムスビ)」開発チームでUI/UXデザインを担当している木村です。 この記事は カケハシアドベントカレンダー2021 の7日目の記事になります。 Musubiは、カケハシ創業以降、薬局の基幹システムとして成長してきたプロダクトです。 特に機能面では日々追加開発が行われ、便利になってきています。もちろんま

#非機能テスト #HTML #Sass 

Nuxt.js+TypeScriptで抽選ツールを作ってみた

はじめまして、2021年度新卒の木村です。 フロントエンドエンジニアとして テクノロジーセンター5G に所属しています。 今回は、Nuxt.js ならびに TypeScript を利用して、簡単な抽選ツールを作成してみた内容についてご紹介します。 Nuxt.js と TypeScript Nuxt.js は、Vue.js ベースの JavaScript のフレームワークです。Webページ構築に有用な UI 以外の機能( Ajax やサーバーサイドレン

#Nuxt.js #TypeScript #JavaScript #Firebase #Sass #Atom #サーバーサイド #フロントエンド #設計 

PostCSSは開発標準ツールになるのか検証しました

こんにちは、株式会社 ラク スで先行技術検証を行っている技術推進課の @t_okkan です。 技術推進課では、新サービス立ち上げ時の開発速度アップを目的に、現在 ラク スでは採用されていない新しい技術の検証を行う、技術推進プロジェクトがあります。 今回はその技術推進プロジェクトで、PostCSSについて検証を行いましたので、その結果の報告を行います。PostCSSの仕

#Node.js #JavaScript #Sass #CSS #Babel #Gulp #webpack #GitHub #HTML #フロントエンド 

Sassの記法と種類について

はじめに こんにちは、フロントエンドチームのta_kameです。 私がSassを使い始めた頃、Sassに種類があるなんてことは全く知らず、その上多くの人に使われているはずのLibSassが非推奨になるなんて思ってもみませんでした。私自身知らずのうちに使っていて、結構最近になってから Dart Sassを覚えたのですが、今回はそのことについてまとめてみようと思います。同様にLibSass

#Sass #Node.js #HTML #CSS #フロントエンド 

駆け出しフロントエンドエンジニアは何を学ぶべきか

目次 はじめに スキルマップ HTML CSS JavaScript SPA(Single Page Application) JavaScriptフレームワーク パッケージ管理 TypeScript Git Linux Web知識 テスト ブラウザ コーディングルール Docker(必須ではないが知っておくと良い) 情報収集に使えるWebサイト(おまけ) まとめ おわりに はじめに こんにちは、フロントエンドチームの北嶋です。 弊社でフロントエンドチームを立ち上げて

#HTML #JavaScript #CSS #Sass #Git #Java #フロントエンド #Linux #OSS #Docker 

Safie Viewerのデザイン改善に向けて意識したこと・良かったこと

デザイナーの木下です。2020年5月から主に Safie Viewer[セーフィービューアー(Webアプリケーション)] のユーザーインターフェイスデザインを担当しています。Safie Viewerのカメラ一覧画面の機能追加およびデザイン変更を機に、ユーザーインターフェイスデザインの改善を担当し始めました。 Safie Viewerのカメラ一覧画面の機能追加とデザイン変更にあたり、Safie Viewer全体

#API #UIデザイン #Sass #CSS #JavaScript #HTML 

開発未経験のデザイナーが、エンジニアチームで半年過ごしてわかったこと

こんにちは。 スマートキャンプ デザイナーの髙松です。 私は今年の1月からスマートキャンプにデザイナーとして入社したのですが、プロダクト部門のエンジニアチームに所属しています。 弊社にはデザイン部署がないというのも理由の1つですが、私の業務の半分は開発が必要となることが主な理由です。 しかし、入社した当時、実務での 私の開発経験は0に等しい状

#Ruby on Rails #Git #GitHub #HTML #Sass #CSS #Redash #SaaS 

Nuxt.jsとAuth0でモダンなソーシャルログインを実装してみる

エンジニアの井上です! 今回は私が最近気になっていたAuth0とNuxt を使って簡単な認証機能を作っていきたいと思います。 認証をどのように実装するかは皆さん結構悩まれているかなと思います。 Auth0は様々な既存プロバイダと自由に連係可能かつマルチデバイス対応、多要素認証に対応しているなどのメリットがあり、かつ導入がとても簡単そうなので個人的に注目し

#Nuxt.js #OAuth #CSS #Sass 

stylelintとBackstopJSで安全にcssを書ける環境を作った

こんにちは。BASE で Design Group に所属している 三佐和 です。主に ネットショップ作成サービス「BASE」 のフロントエンドを担当しています。 背景 BASE のデザインチームはここ最近で人数が急激に増え、活動が活発になってきており、その中のプロジェクトの一つとして、現在スタイルガイドの刷新に取り組んでいます。 しかし、人数が増えていく一方で、コーディングの

#Sass #Node.js #CSS #JUnit #HTML #フロントエンド #テスト 

Composable な UI 設計を目指したフロントエンド開発

こんにちは、開発本部の舘野です。医療介護の求人サイト「 ジョブメドレー 」の開発を担当しています。 昨年、ジョブメドレーでは事業所が利用する採用管理画面の UI リニューアルを行いました。ユーザが使いやすい UI づくりを目指すために、長期間にわたり誰が開発しても一貫性ある UI を実現できるようなシステムが必要です。そこで今回は「Composable」な UI システ

#Angular #React #Sass #CSS #API #フロントエンド #設計 

デザインデータに忠実にCSSコーディングするためのテクニック

こんにちは、Webフロントエンドエンジニアの権守です。 フロントエンドエンジニアの皆さんは、リリース前の社内QAにてデザイナーにピクセルのずれを指摘されて修正したという経験があるのではないでしょうか。今回はiQONのPC・スマホサイトを構築する上で、デザインデータに忠実なCSSコーディングをどのように実現しているかを紹介します。 ツールの利用 PerfectPixel

#Ruby on Rails #Sass #CSS #HTML #フロントエンド #Webデザイン #UIデザイン 

流行中のテクノロジーはコレだ!改革をもたらすテクノロジー11選

  先日 ThoughtWorks社 から最新の技術動向をまとめた Technology Radar の2015年1月版が発表されました。 このTechnology Radarですが毎回、 『技術』 『ツール』 『プラットフォーム』 『言語・フレームワーク』 と4つの領域に分けて紹介しており、絶賛流行中もしくは今後注目されるテクノロジーなどが紹介されています。 今回はそんな 『言語・フレームワーク』 の領域から厳選

#Django #HTML #Ruby #Python #JavaScript #React #Java #CoffeeScript #Sass #Android