Tech – walker – 2022-07-03

21 items · updated 2026-05-19 23:32 UTC · RSS · Up to 2022-07

Webブラウザのレンダリングの仕組みを理解する

Zenn · 2022-07-03

どうもフロントエンドエンジニアのoreoです。 今回はWebブラウザのレンダリングの仕組みについてまとめたいと思います。あまり意識していなくても開発はできますが、知っていればパフォーマンスの改善やAccessibilityの向上に役立ちそうですね。 1 レンダリングとは? 普

React Hooksで小さいサイズのスマホへ対応する

Zenn · 2022-07-03

ファンタラクティブのエンジニアの 太田 です。 Webサイトで小さいデバイスへの対応をReactのhooksを使って行う方法を紹介します。 課題 最近のスマートフォンの画面サイズは数年前とくらべ大きくなり、400pxを超えるものもめずらしくありません。 Androidに比べ比

ニューモフィズムUIの実例が全然なかったので実際に簡単なサービス作りながら、可能性を発掘してみた

Zenn · 2022-07-03

最終的に作ったサービスはこちらになります https://wevote-97602.web.app/ サービスの概要は、『簡単すぎるアンケートを作成できるサービス』 になります 開発時間は16時間程度、大多数をシャドウの調整やどのように見せると視認性が上がりそうか・ユーザーのモチ

Pythonで音声に画像を埋め込む

Zenn · 2022-07-03

はじめに Togetterを見ていたら,「とあるアイドルの楽曲に画像が仕込まれていた話」というまとめ記事が目に留まった.少し旬を過ぎてしまっている感はあるが,せっかくの機会なので,楽曲に画像を仕込む方法をメモしておく. スペクトログラムとはなにか 本題へと入る前に,スペ

Nuxt.jsを初期導入しDocker化する

Qiita(trend) · 2022-07-03

概要 Nuxt.jsにてプロジェクトを立ち上げる際の、手順について書きます。立ち上げたものはDocker化し、docker-composeで運用します。 レンダリング形式 今回はSSGを想定して作成 構成 TypeScript...

Dockerでのローカル開発環境構築の入門

Qiita(trend) · 2022-07-03

dockerとは dockerはコンテナ型の仮想環境を作成、配布、実行するためのプラットフォーム(仮想化方式) 仮想化には2種類 出典:https://cn.teldevice.co.jp/column/10509/ ホスト型...

Aurora MySQL バージョン2から3 へのアップグレードをした話

Qiita(trend) · 2022-07-03

本番稼働中のサービスのデータベースをアップグレードする作業を行った記録を書きます。 Aurora MySQL バージョン 3 の紹介 https://docs.aws.amazon.com/ja_jp/AmazonRDS/latest...

Amazon RDSからGCP BigQueryへのデータ転送をDataTrasferServiceを使って実現した話

Qiita(trend) · 2022-07-03

要件 AWSでインフラ構築し運用しているプリケーションのデータを定期的にBigQueryに転送して、BigQuery上でデータ分析をやりたいというニーズがあり、RDSに保存しているデータを転送する機構を構築した。 AWSを利用して...

Juliaで二項係数を計算する!(Base.binomialの実装解説)

Zenn · 2022-07-03

イントロ 二項係数\binom{n}{k}に関して \begin{aligned} \binom{n}{k} &= \binom{n-1}{k} + \binom{n-1}{k-1} \\ \binom{0}{k} &= \begin{cases} 1 &a

著作権から見たGitHub Copilot

Zenn · 2022-07-03

免責 まず、この文書の著者は法律の専門家でもなく機械学習の専門家でもありません。またどちらも専門教育の経験や学位があるわけでもないので一意見として読んでいただくとありがたいです。また国内法以外の法律には明るくないため、米国法などは知識が浅いです。またこの文書が扱っている事項は

TypeScriptでGIF画像をデコードして描画する

Zenn · 2022-07-03

先日、なんとなくGIF画像の仕組みが知りたくなって、GIFのフォーマットを調べながらTypeScriptでデコード処理を書いてみたが、自分で書いたコードでGIFアニメーションが再生すると結構感動したので、そのときの知見を共有したい。 GIFのフォーマット GIFデータがGIF

Create React Appで作成したReactアプリケーションをNext.jsに移行した話

Zenn · 2022-07-03

概要 私が開発に関わっているReactのフロントアプリケーションを、Create React App(以下CRA)実装から、Next.jsに移行したので、どのような段取りで移行し、どこに注意点があったかについてまとめました。 前提知識 アプリケーションの概要 あるSa

上司や同僚にかけてもらって嬉しかった言葉をみんな聞いてくれ

Qiita(trend) · 2022-07-03

はじめに 現在リモートワークを中心に働いております。問題があったときは1on1やMtgでお話するのですが、それに比べて感謝の気持ちってあえて伝える機会が少ない気がします。 チームマネジメントと呼ぶにはおこがましい記事かもしれませんが...

[Power BI Tips] 開いた各種ペインの閉じ方

Qiita(trend) · 2022-07-03

各種ペインを閉じるとき 矢印「>>」をクリックして閉じていませんか😁 ちょっと小さくてクリックしにくいですよね。 下の動画をご覧ください。 各ペインのタイトル部分をクリックすると閉じることができます。 Happy BI...

iOS14からの新しいCollectionView UICollectionViewDiffableDataSource について

Zenn · 2022-07-03

DiffableDataSourceとは iOS13から追加されたUICollectionViewDatasourceの代わりとなる新しいDataSourceです。 詳細は以下の公式ドキュメントから見ることができます。 UICollectionViewDiffableData

しょうもない分析にSQLを使って覚える 幻のポイントを求めて編(1)

Qiita(trend) · 2022-07-03

この記事が役に立つかもしれない人 ・一通りクエリは学んだけど実際書こうとすると手が動かない人 ・サンプルデータに興味が湧かなくて困っている人 はじめに はじめまして。半年ほど前に未経験で現在の部署に転職してきてから、ひいひい言いな...

何となく使っていたJavaScript、TypeScriptのモジュール分割について整理してみた

Zenn · 2022-07-03

JavaScriptなのかTypeScriptなのか、またはモジュールバンドラー(webpackなど)の機能が使われているのかをちゃんと理解していなかったので整理 JavaScript importを使わない ファイルの依存関係、読み込み順序を開発者が管理する必要がある

[Flutter/Riverpod] Listの変更による余計なWidgetの再描画をしない方法

Zenn · 2022-07-03

RiverpodでListを管理しているとき、Providerのstateに全く同じListが代入されてもref.watchによるWidgetの再描画が発生します。 以下のようなコードが該当します。 final listProvider = StateProvider<Li

6歳娘「パパ、静的生成は色んな場面で使えるんだよ?」

Qiita(trend) · 2022-07-03

6歳娘「パパ、SGしてみたらサイトが爆速になったよ!」の続編です。 とある日、我が家にて ワイ「こないだ娘ちゃんが作った個人ブログのサイト」 ワイ「アクセスしたときの表示速度がメッチャ速かったなぁ」 娘「HTMLファイルを事前に静...

6歳娘「パパ、Vue3のComposition APIってどう使うの?」

Qiita(trend) · 2022-07-03

今回使う技術 Vue3 Nuxt3(ベータ版) TypeScript ある日の我が家 娘「ねぇ、パパ!」 娘「Vue3の、Composition APIの使い方を教えて!」 ワイ「おお、ええで〜」 ワイ「ほな、試しにこんな感じ...

【怒りを昇華】AWS・ピアソンVUEなどの問合せ先リンク集&オンライン試験当日にトラブった話

Qiita(trend) · 2022-07-03

はじめに 備忘録を兼ねて、 AWS認定試験に関する問合せ先 と、 ピアソンVUEの(AWS認定に関する)問合せ先 (と、その他おまけ少々)を掲載します。 AWS認定試験をピアソンVUEで受験する上で何かしらの問合せが必要となった方や...