次の Button は tag の指定により、HTML 要素を出し分ける Component です。出力結果は下段のとおりです。この Component を通し a11y を強化する型注釈を考察したので、メモとして投稿します。 <Button tag="button">+1</Button> <Button tag="a" role="button">+1</Button> <Button tag="input" type="button" value="+1" />
次の Button は tag の指定により、HTML 要素を出し分ける Component です。出力結果は下段のとおりです。この Component を通し a11y を強化する型注釈を考察したので、メモとして投稿します。 <Button tag="button">+1</Button> <Button tag="a" role="button">+1</Button> <Button tag="input" type="button" value="+1" />
CTO室SREの @sinsoku です。 社内のGitHub ActionsのYAMLが複雑になってきたので、私が参考にしてる情報や注意点、イディオムなどをまとめておきます。 頻繁に参照するページ 新しい機能の説明が日本語ページに反映されていないため、基本的に英語ページを読むことを推奨。 ワークフロー構文 YAMLの基本構文の確認 コンテキストおよび式の構文 github オブジェクトの情報、関数の確認 ワークフローをトリガーするイベント 各イベントの GITHUB_SHA と GITHUB_REF が記載されている About GitHub-hosted runners インストールされているSoftwareのバージョンなどが記載されている GitHub REST API APIを使うときに参照する よく使うaction actions/checkout イベントによってはデフォルトブ
はじめに こんにちは、AmebaマンガでWebフロントエンジニアをしています、小林と岸です。 本記事ではAmebaマンガフロントエンドチームが取り組んだWebパフォーマンス改善の取り組みと成果を紹介します。 Amebaマンガのフロントエンドチーム紹介 Amebaマンガはマンガをスマホ完結で購入・閲覧できる、電子コミック配信サービスです。23時間待てば無料で読める無料連載、編集部による特集などのコンテンツで、新たなマンガとの出会いを支援しています。 Amebaマンガのフロントエンドチームは5名の体制です。うち半数がプロダクトの運用に関わる新機能の開発や改修をメインに、もう半数が今回お話しするパフォーマンスを中心としたWEBの品質改善をメインに日々開発をおこなっております。 なお、建てつけ上「パフォーマンス」と「プロダクト」の開発に二分となっておりますが、これは専任ではありません。 プロダクト
テクノロジー部門、STORES ECでフロントエンドエンジニアをしている @daitasuです。 私たちのチームでは、会社全体での人事制度で設定する目標とは別に、チーム内で独自にクオーターごとの目標設定と振り返りをしています。 チーム内での目標設定と振り返りを1年ほど続けてきたので、なぜこの取組を始めたのか、実際やってみてどうだったかを書いていこうと思います。 チームの位置づけ UI改善チームとは hey内では、全プロダクト横断的なテクノロジー部門という棲み分けがあり、その中にSTORES ECの開発を進めるECの部隊があります。 私たちフロントエンドチームは、ECのエンジニアチームの中の1つとなっています。 hey社のEC本部では、フロントエンドチームはUI改善チームと呼ばれています。 フロントエンドチームの構成 フロントエンドチームは、大きくプロダクト開発のチームと基盤改善のチームに分
読者の皆さんこんにちは。はじめましての方ははじめまして。合同会社もりたつ技商 代表社員、内閣官房IT総合戦略室 政府CIO補佐官、さらに株式会社Diarkis 取締役をしている久森達郎(@myfinder、まいんだー)と申します。 本記事では私の経歴を現在に至るまで、どのような技術的チャレンジをしてきたかアウトプットとともに振り返りながら、そこにある転機や挑戦についてお話ししていきたいと思います。冒頭でいきなり肩書きが3つも出てきたので混乱した方もいらっしゃるかと思いますが、それぞれの詳細は追って紹介します。 私が経験した事業領域も規模も異なる企業でのキャリアは、自分が望む方向に変化しようと挑戦してきた結果でもあります。本記事があなたにとって、多様なキャリアのあり方を知ることと、それを支えるマインドセットの獲得に多少なりとも有益な貢献ができれば幸いです。 プロの現場が知りたくてエンジニアの
同僚のキャリー(仮名)が退職した。理由は会社外の事情で母国に戻らないといけなくなったから。同い年だったけど、彼女は僕にとってのロールモデルだった。まだまだ学びたいことも多かったので、いなくなってしまったのはとても悲しい。彼女こそが僕をDuolingoに誘い入れてくれた恩人だったのだから。 キャリーからとつぜん連絡があったのは、2020年3月のこと。Duolingoにこない?と。 もうあれから1年経つのかー 少しセンチメンタルな気持ちになりつつ、当時の選考過程を思い返した。 *** Duolingoの採用プロセスは本当にすごかった。他の外資企業の面接もいくつか経験してきたが、それらと比べても濃密で、隙のない面接体験だった。これは絶対に多くの企業の参考になる。キャリーの退職きっかけではあるけど、自分が体験したプロセスをできるだけ詳しく紹介していきたいと思う。 恐ろしく長くなってしまったけど、日
最新の省略テクニック、コツ、秘訣で、JavaScriptコードを最適化する。 開発者の生活というのは常に新しいことを学ぶことで、その変化についていくことは決して難しいことではありません。私は、フロントエンド開発者として知っておく必要のある省略形や機能など、JavaScriptのすべてのベストプラクティスを紹介して、2021年の生活をより快適にしたいと考えています。 JavaScript開発に長く携わっている人でも、コードを追加しなくても問題解決できるような最新機能を知らないこともあるかもしれません。ここで紹介するものは、クリーンで最適化されたJavaScriptのコード記述にも、2021年のJavaScriptの面接準備にも役立ちます。 これは新しいシリーズで、2021年版のJavaScriptコーディングチートシートです。 1. 複数の条件を持つif 配列に複数の値を格納し、includ
急募!整備士・アルバイト募集中! お問い合わせ 03-3394-3351まで ★東京★バイクの安売り番長★杉並本店★駐車場完備 お問合せは電話&メールにて受けたまわります TEL 03-3394-3377 ※一部車両に付きましては通販出来ません。お問い合わせください。 shinocycle@shino819.com ★☆★低金利☆7.9%★☆★
Twitterでこういう発言を見かけまして Tailwind CSSはデザインに凝ってるサイトでは使えない こだわりが無い場合に向いている は?何いってんの? って思ったので、自分がいろいろ試した結果、Tailwind CSSを選んだ話を書きます。 はじめに 以前、Tailwind CSSは結構いいぞって話を書いたんですが、この記事の立ち位置的にはその続きみたいなものなので、以下の記事を始めにご参照いただけるとより分かりやすいかもしれないです。 この記事では、前回記事を書いた後、個人仕事でWebサイトをGatsbyで作り、その中で、どうやってCSSを書くのが良いのか模索した結果、自分はこれを選んだっていうのを、同じUIを色々な方法で書き比べたコードを並べつつ、どうのこうの筆者の考えを述べていきます。 その仕事はほとんど筆者が「まかせてくださいよーいい感じに作りますよー。デザインそろってない
コロナ禍で引きこもりが加速し、創作欲求が爆発した結果、自分で足湯を設計&施工してウチのワイナリー「SUNSET CELLARS」に実装し、おそらくカリフォルニア初の本格的な日本式公共足湯を開湯(かいとう)しました。今週末から「Zen Zin Onsen」として営業を開始し、SUNSET CELLARSのテイスティングルームでワインを飲みながら足湯に浸かるという極上体験を誰でも気軽にお楽しみいただけます。いままでガレージをDIYしてオフィスを施工したり、本業でも家を作ったりしているフルスタックエンジニア(物理)な自分ですが、今回の対戦相手は行政と水漏れ、ボイラー制御でした。小さな頃から本当に温泉の文化や雰囲気、エクスペリエンスが大好きで、死ぬまでに自分の手で理想の温泉を開湯したいという夢を持っていた私ですが、その目標の5%くらいを達成することができたかなと満足しています。このエントリーは、カ
こんにちは、おじいちゃんです。 Webサイトを作っていると、デザインによってはCSSを使って三角形を作るときがあります。便利ですよね。画像だとhover時に色が変えられなかったり、作ったとしてもアニメーションがつけられなかったり、かといってSVGにするほどでもない。 CSSのborderを利用することで、三角形は比較的簡単に作れますし、アニメーションもできる。それではなぜborderを利用することで三角形が表現できるのか、考えてみたことありますか? 今回はborderを利用して、三角形を表現できるCSSの挙動について紹介したいと思います。 まずは書いてみる 黒で塗りつぶされた三角形を書いてみます。 <span>タグに任意のクラスを当てたHTMLを用意して、下記プロパティを当てることで三角形が表現できます。 <span class="triangle"></span> .triangle{
この商品は品質保持のため、配送先の気温が25℃以上または0℃以下となる場合はクール便配送(有料)のご利用をお勧めしております。ご希望の際はカートにてクール便配送をご指定ください。配送指定の変更方法はこちら>> 常温配送で品質劣化が発生した際の返品・交換はご対応いたしかねます。 いつものトーストがカレーパン風に早変わり!カレーシーズニングや乾燥マッシュポテト、ドライ玉ねぎなどを使用し、マイルドな味わいのスプレッドに仕上げました。食パンに塗って焼くだけで、揚げたてのカレーパンのような食感と味わいが楽しめます。 冷蔵庫や寒い場所で保管すると硬くなるので、温かい室温に戻してやわらかくしてからご使用ください。
こんにちは、プロの素人料理人の小林銅蟲です。マンガ家もやっていますが、先月はマンガを描いていません。 さて自分はもともと「いわゆる日本で普通に食べられているカレー」にはあまり関心がなく、カレーは何やってもカレーじゃんという感じだったのですが、料理マンガ連載時にスパイスカレーのレシピを教わったり、スパイスとレシピのキットを購入して自作などしたりしたことで、スパイス料理の底の見えなさが見えるなどしてむしろ好きになってきました。 【楽天ブックス】めしにしましょう(1)- 小林 銅蟲 そんな折に「Do?」「Yes」などのやり取りがあり、当案件をやることになりました。 しかし自分は与えられたレシピからスパイス料理を作ることはできても、ゼロからスパイス料理のイメージとそれに合わせたスパイスの調合をするというノウハウがありません。 自然ですね。そして自然な流れでスパイスに詳しい人からリテラシーを叩き込ん
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く