「CSS」に関連する技術ブログ
企業やコミュニティが発信する「CSS」に関連する技術ブログの一覧です。
全357件中 151 - 165件目
CakePHP2からCakePHP4へのバージョンアップ 〜其の1 共存環境におけるリクエストの振り分け方編〜
2022/03/03
ブックマーク
はじめに こんにちは。株式会社ペライチ のエンジニアリングマネージャーの三井と申します。 ペライチではオフショア開発の立ち上げからオフショア開発のプロジェクト推進を行っております。オフショアのプロジェクトにつきましては以下に簡単なご紹介記事がございますので合わせてお読み頂けますと幸いです。 https://qiita.com/mitsui_peraichi/items/a13bee395da3281c8622 現在ペ
Tailwind CSS 社内勉強会【まとめ】
2022/02/17
ブックマーク
背景 スコープ Tailwind CSSとは？ コンポーネント指向とは？ Tailwind CSSのメリット class名を考える必要がない デザインシステムの最低保証 ドキュメント、チートシートの豊富さ Tailwind CSSのデメリット classに多くのコードを書く必要があり、可読性が落ちやすい CSSの理解度がある程度必要 デザインを100%再現したい場合に強味を生かしづらい 他ライブラリやフレームワークと
【CSS】 下線（アウトライン）を引く方法
2022/02/07
ブックマーク
こんにちは、技術広報の yayawowo です。 Web制作をする際に、 ・このテキスト強調したいな… ・この見出しをおしゃれにできないかな？ と思うことはないでしょうか。 そこで今回は、 CSS で下線を引く方法に加え、太さや色付け、点線にする方法を解説したいと思います！ HTMLと CSS のコード例も記述しておりますので、是非ご参考ください。 CSSで下線を引く方法 ① text-dec
【Android】0から理解する Cordova Plugin
2022/02/07
ブックマーク
はじめに こんにちは、 @rs_tukki です。 12月に ラク スのAdvent Calenderで Cordovaについての記事 を寄稿しましたが、今回もCordovaについての話をさせていただきます。 はじめに Cordovaとは？ Cordova Pluginを自分で作ってみる Cordovaプロジェクトの作成 Pluginの定義(plugin.xml / package.json) ネイティブコードの実装(CheckIsDebugPlugin.java) ネイティブコードを呼び出す(checkIsDebugPlugin.js) 動作確
Font Awesome 使い方 【まとめ】
2022/01/27
ブックマーク
こんにちは、技術広報の yayawowo です。 Webサイトやブログを作成する際に 「 Twitter や Facebook などのアイコンを表示させたい・・・」 「ここに矢印のアイコンがあれば読みやすいのに・・・」 と思う方がいるのではないのでしょうか？ そんな際にとても便利なのが、 " Font Awesome " です！ 本記事では、Font Awesome の基本知識や使い方だけでなく、カスタマイズ事例も交えて
2ヶ月でCore Web Vitals, Lighthouseスコアを大幅改善するために行ったこと
2022/01/13
ブックマーク
こんにちは!!！スマートキャンプでエンジニアをしている吉永です！ 自己紹介記事はこちら 前回の記事はこちら 私は現在、スマートキャンプの主力サービスであるBOXIL SaaS（以下、BOXIL）の開発にフロントエンド、バックエンド問わず携わっています。 恐らく新年一発目になる弊社テックブログの記事は私の記事ということで、今年もよろしくお願いいたします。 はじめ
【2021年】ラクスの新卒エンジニアが新卒研修を振り返ってみた
2022/01/06
ブックマーク
はじめまして！2021年4月に入社したnkumaです！ 入社から9か月ほど経ち、徐々に業務に慣れ始めてきた今日この頃、改めて新人研修のことを思い出してみました。 去年に引き続きコロナ禍のため、大半が在宅での研修となっていました。 社会人になったばかりの在宅研修でさぞかし不便かと思いきや、かなり充実した研修だったと自負しています。 ということで、今回は
FastlyCDNのImage Optimizerを使ってSHOPLIST.comをWebP対応させた話
2021/12/24
ブックマーク
こんにちは。クルーズ株式会社CTOの鈴木です。 今回はFastlyCDNのImage Optimizerを使ってSHOPLIST.comをWebP対応させた話をしたいと思います。 www.fastly.com 背景 背景としては主に二つで、一つ目は画像フォーマットをWebPに対応させることにより通信の トラフィック 量を減らすこと、二つ目はEC2 インスタンス 上にNginxとsmall_lightで構築されているサムネイル生成処理をImage Optimizerに
SketchのSalesforceプラグインを使用してみた
2021/12/22
ブックマーク
こんにちは。ISID CIT事業部の熊倉です。 Salesforce 開発者の皆様、Lightning Web Components（以下、LWC）活用されてますでしょうか？ LWCを活用することでHTML/ CSS /JSを使用したリッチなフロントエンドを Salesforce で構築できるようになりましたが、その反面、 Salesforce の強みである「オブジェクトの スキーマ を定義した段階でフロントエンドが作成される」といった強みを活かす
Next.js + Material UI v5 でフロントエンドアプリケーションを作成する
2021/12/20
ブックマーク
Next.js + Material UI v5 でフロントエンドアプリケーションを作成する なぜこの記事を書いたのか こんにちは。 エニグモ でサーバサイドエンジニアをしております、寺田（ @mterada1228 ）です。 この記事は Enigmo Advent Calendar 2021 の 20 日目の記事です。 業務では主に Ruby on Rails を使っているのですが、最近新しいチャレンジとして、フロントエンドの勉強をしています。 そこで
Next.js 採用プロダクトにおける Lint ツール導入事例
2021/12/18
ブックマーク
mediba Advent Calendar 2021 の 18 日目の記事です。 こんにちは。エンジニアの中畑（ @yn2011 ）です。最近は Switch の月姫で直死の魔眼について学んでいます。 初めに プロダクトを新規に開発する際に、どんな Lint ツールを導入し、どのような設定で利用するかは悩むことが多いです。最終的にはチームメンバーと議論をして決めていく必要がありますが、社内外の他のプロダク
新人技術研修（総合職/エンジニア向け）についてご紹介します。
2021/12/18
ブックマーク
これは、 FORCIA Advent Calendar 2021 の18日目の記事です。 こんにちは。DXプラットフォーム事業部のエンジニアの多田です。 技術教育チームにも所属し、技術系の新入社員研修の運営に関わっています。 本日は総合職および、エンジニア向け技術研修の内容についてご紹介します。 総合職向けの研修 概要 目的：アプリ開発を通じ、エンジニアの業務に対しイメージをつけ業
デザイナーがUXPin Mergeで何ができるか試した
2021/12/18
ブックマーク
この記事は BASEアドベントカレンダー2021 18日目の記事です。 UIデザイナーの Yoshioka です。コードベースのデザインツールとして個人的に気になっている UXPin Merge を試してみました。 UXPin Mergeとは UXPinはベクターベースのデザインツールとは違い、HTML/CSSのコードで定義されていることをベースにしているデザインツールです。 UXPin Merge はReactやStorybookのコンポーネントを
アプリに地図を埋め込むのは簡単！
2021/12/18
ブックマーク
駅奪取エンジニアの id:dorapon2000 です。駅奪取では11月にゲーム内の地図のリプレースを行いました。地図そのもののスタイルも変わりましたが、地図の表示に使うライブラリも変更しています。今回は、アプリに地図を埋め込むだけであれば、ほんの少しのコードだけで実現できるということを紹介したいと思います。 記事の前半で地図表示の仕組みを簡単に説明して、
ラクスにおける「システムを腐敗させない組織だった技術刷新」を行う取り組み
2021/12/16
ブックマーク
こんにちは。 株式会社 ラク スで先行技術検証をしたり、ビジネス部門向けに技術情報を提供する取り組みを行っている「技術推進課」という部署に所属している鈴木（ @moomooya ）です。 ラク スの開発部ではこれまで社内で利用していなかった技術要素を自社の開発に適合するか検証し、ビジネス要求に対して迅速に応えられるようにそなえる 「技術推進プロジェクト」