タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
こんにちは、CTOのharukasanです。CTO以外にImageFluxのプロダクトオーナーもやっています。 ピクシブは三重県津市で開催されたRubyKaigi 2022にMusic Lounge Sponsorとして参加しました。 Ruby Music Mixin ピクシブでは最終日2022/09/10 (土)にRuby Music Mixinというラウンジを提供させて頂きました。Ruby Music Mixinについては別にalitasoが記事を書いてくれたのでそちらをご参照ください。 inside.pixiv.blog Ruby Music Mixinのトリをつとめる弊社若手の様子 RubyKaigi 2022は感染症対策のため三重県津市の会場とオンラインのハイブリッドで開催されました。これにあわせ、Ruby Music Mixinも物理ラウンジに加え、オンラインラウンジとして配信
こんにちは。TAK(@tak_dcxi)です。 2020年最後のZennの投稿ということで、Web制作テンプレートの年末大掃除も兼ねて僕がよく使うSassのmixinとfunctionを厳選してまとめてみました。 Sassを使っている方でmixinとかfunctionをあまり利用してないという方は参考にしてみてください。 ブレークポイントの指定 おそらくmixinで最も利用されているのはレスポンシブでのブレークポイントの指定だと思います。 $breakpoints: ( 'xs': (min-width: 0), 'sm': (min-width: 576px), 'md': (min-width: 768px), 'lg': (min-width: 992px), 'xl': (min-width: 1200px), 'xxl': (min-width: 1400px) ) !defau
こんにちは、新規事業部のあやぬん(@ayatk_ch)です。 前回、ピクシブは RubyKaigi 2022 に Music Lounge スポンサーとして協賛しますというタイトルでイベントの告知をさせていただきました。 inside.pixiv.blog 今回は一般の参加者の募集を開始いたします！ イベント概要 時間：2022年9月10日 18:00 〜 23:30 場所：三重県津市大門18-7 Cafe＆Live Bar Bran 小規模ではありますが RubyKaigi 参加者同士の懇親会場をご用意いたします。心地よい音楽に身をゆだねながらいっしょに楽しいひとときを過ごしましょう。 当日はライブストリーミングの予定もありますので、オンライン参加の方も現地の様子を見ながら楽しんでいただければと思います(URLは後日RubyKaigi参加者を対象に公開いたします)。 出演者一覧 kiri
今回はフォントや画像をvwで指定するmixinについて紹介します。ブラウザサイズに応じてサイズが可変できるので柔軟なレスポンシブが可能です。 説明環境は以下 macOS Catalina v10.15.5Visual Studio Code v1.52.1 フォントや画像をvwで指定するmixin vwで指定するためには、px数値をvwに変換する必要があります。そのためにSassのfuctionとmixinを使います。 mixinに書くこと vwの指定をするために、以下のmixinを書きます。 //pxをvwに変換するfunction @function _get_vw($size, $viewport: 375) { $rate: calc(100 / $viewport); @return $rate * $size * 1vw; } //フォント用のmixin @mixin font
前書き フロントを全く触ってこなかった私は、なぜか現在Vueでフロントを作っています。 コーディングに慣れていない私でも比較的スムーズに導入できたのですが、 最近知ったミックスインという機能をもっと早く知っておけばよかったと思ったので共有します。 Vueについて Vue (発音は / v j u ː / 、 view と同様）はユーザーインターフェイスを構築するためのプログレッシブフレームワークです。他の一枚板(モノリシック: monolithic)なフレームワークとは異なり、Vue は少しずつ適用していけるように設計されています。中核となるライブラリは view 層だけに焦点を当てています。そのため、使い始めるのも、他のライブラリや既存のプロジェクトに統合するのも、とても簡単です。また、モダンなツールやサポートライブラリと併用することで、洗練されたシングルページアプリケーションの開発も可
pixiv事業本部の丸山（@alitaso）です。 RubyKaigi 2022 にピクシブからは8名がオフライン参加、1名がオンライン参加をしました。 どの発表も非常にエキサイティングで、特に WASM や YJIT のキーノートは非常に高度な内容でした。Ruby を前に進めるために多くの方が知恵と腕を振るっている姿を間近で見ることができてより Ruby を好きになり、自身もコミュニティのために活動していきたいと思えるようになりました。 弊社からは配信技術部のマネージャーでありコアコミッターの中村（@unak）が Ruby Committers vs The World に登壇し、 Ruby 2.X 系の終了宣言をしていました。備えていきましょう。 Ruby Music Mixin 2022 RubyKaigi 2022 の最終日夜、弊社主催の音楽中心懇親会 Ruby Music Mix
上記以外の理解 通常の継承（extends） 一番オーソドックスなトップダウン的考え方 複数指定不可 && オーバーライドしなくてよい = スーパークラス abstractを利用した継承（extends） extendsを利用し、他のサブクラスのスーパークラスとする目的のクラス 全関数オーバーライド必須＝クラスが必ずその関数を持つことを保証 共通で持つ変数を一括定義 複数指定不可 && オーバーライド必須 = 他クラス利用前提スーパークラス（変数と処理実装または未実装の関数置き場） Interface（implements） 全関数オーバーライド必須＝クラスが必ずその関数を持つことを保証 基本的にはインターフェイス（関数定義）を利用するためのもの 複数指定可能 && オーバーライド必須 = 処理未実装の関数定義置き場 Mixins（with） 階層構造的な継承ではなく、追加で外付けするイメ
@mixin（ミックスイン）とは？ @mixin（ミックスイン）とは、CSSのスタイルを定義しておいて、別の場所でそのスタイルを使い回せる機能。また、引数が使えるのも大きな特徴と言える。 「@extend」と機能が似ているので、その違いがわかりにくい人も多いだろう。「@extend」と「@mixin」の違いを知りたい方は、こちらの記事を見てみよう。
aspect-ratioプロパティとは 指定した要素のアスペクト比を設定できるCSSプロパティ。 例えば aspect-ratio: 16 / 9; のCSSプロパティを要素に追加すれば16:9のアスペクト比を設定できる。 16:9 aspect-ratio: 16 / 9; レイアウトのアスペクト比の維持に便利なプロパティだがSafari 14.x以下では使用できない。 https://caniuse.com/mdn-css_properties_aspect-ratio Sassの@mixinでaspect-ratioを使用 aspect-ratioが対応ブラウザが少なく、そのままでは使用できないため、使用する際はpostcss-aspect-ratio-polyfillを使用する必要がある。 しかし、postcss-aspect-ratio-polyfillを使用するためにはNode
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
