!これはTSUKURUBA Advent Calendar 2022 の3日目の記事ですZennのみなさん、こんにちは！株式会社TSUKURUBAで、Web フロントエンドエンジニアをしているkiiです新卒で入社してもう１年半ほど経ちました。時間の進みを感じます🍂 はじめに2022年3月、Safari(15.4)にも待望の<dialog>タグがやってきて、モダンブラウザでは、Web標準の技術を用いて、簡単に良いモーダルUIを作れるようになる！と期待が高まったんじゃないでしょうか？ただ現実的には、プロダクトやサイトの対応ブラウザバージョンを考慮すると、利用...

dialog タグを利用して、マルチプラットフォーム対応で、良い感じなモーダルUIを作る

はじめにこんにちは、kiiです2021/4から、大阪から東京に引っ越しして１人暮らししている新卒エンジニアです🌱さて、今回の記事では、2021/4から東京の新生活で色々試した中で、特に良かった3つの知見を共有します📝エンジニアは、面倒くさがり、効率化したい(偏見)な人が多いので、マッチする記事かも🤔続きをみる

面倒くさがりの新卒エンジニアが東京で1人暮らしして得た３つの知見

翻訳背景そもそも、Robonomics について知らない方が大半だと思うので、簡単に説明します。Robonomics というプロジェクトは Robot に Blockchain 製の経済的モジュールを付与するようなプロジェクトです。僕自身、このプロジェクトを知った背景は、大学の研究で Robotics と Blockchain の研究に取り組む際、MIT のシンポジウムで Robonomics プロジェクトを見つけて知りました。https://www.blockchainrobotics.org/日本語情報は皆無なため、まだ日本ではあまり知られていないプロジェクトだと思い...

Robotに経済的モジュールを付与するプロジェクトの概要翻訳してみた

Introduction 概要待機状態 UI のデザインについての記事です。待機状態 UI というのは、ローディングや情報の処理待ち時に用いられる UI のことです。ここで待機状態の UI と読んでいる理由は、各デザインシステムやガイドラインなどで言い方が違うため。この記事ではデザインガイドラインや既存のデザインシステムから待機状態の UI の概観、デザインにおいて考慮することをまとめます！ベストプラクティスを提案するわけではなく、作成する際、配慮することを頭に入れて思考できる記事にします。補足:実装記事は別で用意する予定実装については 筆者が WebFro...

待機状態のUIについて整理してみる(デザイン編)

IntroductionRobonomics ネットワークに参加するためのクライアント OS である AIRA のインストール記事です。そもそも、Robonomics、AIRA について知らない方が大半だと思うので、簡単に説明します。Robonomics というプロジェクトは Robot に Blockchain 製の経済的モジュールを付与するようなプロジェクトで、AIRA は Robonomics ネットワークに参加するクライアント OS です。僕自身、このプロジェクトを知った背景は、大学の研究で Robotics と Blockchain の研究に取り組む際、シンポジウ...

Robotics × Blockchainの準備~AIRAのインストール~

Introduction 対象者Web App パフォーマンスの勉強したい方 何が嬉しい?パフォーマンス系の学習のためには、最適化するためのアプリを用意する必要がある用意めんどくさい紹介しているレポジトリを使うとすぐ学習可能 この記事で行うことWebApp パフォーマンスの勉強用リポジトリの紹介ついでに、紹介したリポジトリを fork,clone して、heroku でデプロイ WebApp パフォーマンスの勉強用リポジトリの紹介https://github.com/CyberAgentHack/web-speed-hackathon-...

Web App パフォーマンス学習のための準備

みなさんも、新しいことを学習したり、行う時、情報収集してどこかにメモしたり、Inputしたものを整理してどこかにOutputしたりすることが多いと思います。僕も色んな方法で行っていたのですが、現状の解決手段の以下の点に不満を持っていました。続きをみる