LoginSignup

This article is a Private article. Only a writer and users who know the URL can access it.
Please change open range to public in publish setting if you want to share this article with other users.

More than 1 year has passed since last update.

投稿記事一覧

Last updated at Posted at 2021-10-26

概要

今年(2021.1)からWEB関連のプログラミング(主にフロントエンド)を学び始めました。
それに伴い、Qiitaへの投稿頻度も増したので、ここでまとめています。

React

Reactを使用したコンポーネントやアプリケーションの実装に関する記事です。

投稿日 タイトル・リンク
2021.11.18 【React】MediaPipe/Face Mesh で顔を検知する
2021.11.12 【React】Audio Visualizer の実装
2021.11.11 【React】MediaPipe/Hands で手を検知する
2021.10.28 【React】値を操作するコントローラーパッケージ(LEVA)
2021.10.25 【React】値を操作するコントローラーパッケージ(LEVA・dat.GUI)
2021.10.13 【React】Mapのようにスワイプ移動できるページを実装する
2021.10.03 【React】縦スクロールをすると横にスライドするページを実装する
2021.10.02 【React】飛沫が飛んで垂れるボタンを実装する
2021.09.29 【React】半透明なアナログ時計を実装する
2021.09.29 【React】アコーディオン風に飛び出す3Dリンクボタンを実装する
2021.09.29 【React】コーナーの丸いサイドナビゲーターを実装する
2021.09.29 【React】ねばねばした Loading コンポーネントを実装する
2021.09.28 【React】マウス位置だけ焦点(Focus)の合う背景を実装する
2021.09.27 【React】マウス位置だけ画像が見える背景を実装する(tsParticles)
2021.09.27 【React】マウス位置だけ画像が見える背景を実装する(particles.js)
2021.09.26 【React】徐々に組み上がっていく背景イメージを実装する
2021.09.26 【React】2つの領域をもつボタンを実装する
2021.09.26 【React】波紋が広がるボタンを実装する
2021.09.24 【React】四角形がたくさん表示される背景アニメーションを実装する(Anime.js)
2021.09.23 【React】ロゴの周りを回転するテキストを実装する(CSS in JS)
2021.09.16 【React】SVGのPath上を移動する軌道アニメーション
2021.09.13 【React】おいでおいでするGitHubリンクボタンを作成する
2021.09.11 【React】particles.js で動く背景を作る
2021.07.15 【React】Tensorflow.js を使用してフロントエンドだけで手書き文字推測アプリケーションを作成する

React Tips

ReactまわりのTipsに関する記事です。

投稿日 タイトル・リンク
2021.05.28 【React】Reactプロジェクトで使うパッケージ(暫定)
2021.05.15 【React】PWA対応のアプリを作成する

React Three Fiber

React Three Fiber
Three.jsをReact用にラッパーしたパッケージです。

投稿日 タイトル・リンク
2022.04.03 Three.jsの勉強の仕方
2022.02.05 【React Three Fiber】Boilerplateの紹介
2022.01.23 【React Three Fiber】InstancedMeshにShaderを適用する
2022.01.15 【React Three Fiber】Post-processingとガンマ補正の関係について
2022.01.10 【React Three Fiber】GPGPUを使用したParticlesの実装
2022.01.05 【React Three Fiber】ICO球の各面にTextureの断片を映し出すShaderの実装
2021.12.31 【React Three Fiber】Post-processing:Ripple Effect(波紋効果)・Distortion Effect(ねじれ効果)の実装
2021.12.22 【React Three Fiber】魚眼レンズのようなVertex Shaderの実装
2021.12.19 【React Three Fiber】ShaderでMeshに動きをつける
2021.12.15 【React Three Fiber】Post-processingにShaderを適用する
2021.12.14 【React Three Fiber】Shaderを使用してMaterialを変更する
2021.12.13 【React Three Fiber】Three.jsでShaderを使う準備をする
2021.12.06 【React Three Fiber】Displacement Map × Canvas Texture でメッシュに起伏をつける
2021.11.28 【React Three Fiber】GodRaysエフェクトの実装
2021.11.26 【React Three Fiber】DraggableなMeshの実装
2021.11.22 【React Three Fiber】Textureの適用方法
2021.11.08 【React Three Fiber】Blenderを使用したメッシュのMorphing
2021.10.23 【React Three Fiber】オブジェクトのClippingと断面の描画
2021.09.22 【React】react-three-fibarで3D表現をする(Mixamoを使ったアニメーションモデル)
2021.09.18 【React】react-three-fibarで3D表現をする(Blenderで作成したモデルの読み込み)
2021.09.18 【React】react-three-fibarで3D表現をする(文字表示)
2021.09.17 【React】react-three-fibarで3D表現をする
2021.06.11 【React × Three.js】Blenderで作成したモデルをReactプロジェクトに読み込む

Blender

Blender
3Dモデリングアプリケーションです。

投稿日 タイトル・リンク
2022.02.16 【Blender】メッシュのボロノイ分割
2022.01.19 【Blender】ひとつのArmatureに複数のアクションを統合する
2021.10.21 【Blender】SVG のメッシュ化
2021.10.21 【Blender】鉄格子(フェンス)・鎖のモデリング

Next.js

投稿日 タイトル・リンク
2022.05.26 【Udemy備忘録】Next.jsを知る
2021.08.19 【Next.js】SSG を利用したサイトアーキテクチャ
2021.07.10 【JAMstack】Next.js × Firebase で JAMstack なブログサイトを作る④[管理アプリ]
2021.07.09 【JAMstack】Next.js × Firebase で JAMstack なブログサイトを作る③[Hooks]
2021.07.09 【JAMstack】Next.js × Firebase で JAMstack なブログサイトを作る②[ブログサイト]
2021.07.09 【JAMstack】Next.js × Firebase で JAMstack なブログサイトを作る①[概要]

Emotion

Emotion
Reactで使用できる、CSS in JS パッケージです。

投稿日 タイトル・リンク
2021.10.15 【React・Next.js】emotion/react のセットアップ
2021.09.25 【React】emotion/css の使い方メモ

Firebase・API

投稿日 タイトル・リンク
2021.10.17 cron を使用した時間指定
2021.08.29 【Firebase】Cloud Functions for Firebase を使用してスケジューラ関数を定義する
2021.08.02 【Heroku】Node.js × TypeScript で作成した API を Heroku にデプロイする。(なるべくCLIは使わない)
2021.07.27 【React】Firebase × Recoil を使った認証機能の実装方法
2021.07.21 【API】Firebase × Express で API を作成する。 JWT 保護もする。
2021.05.13 【Firebase】ReactプロジェクトでFirebaseを扱う

TypeScript

投稿日 タイトル・リンク
2021.05.06 【TypeScript】npmでパッケージをインストールする
2021.05.06 【TypeScript】VSCodeでTypeScriptの開発環境を構築する④(Node.js & Express)
2021.05.05 【TypeScript】VSCodeでTypeScriptの開発環境を構築する③(React)
2021.05.04 【TypeScript】VSCodeでTypeScriptの開発環境を構築する②(webpack ver.5)
2021.05.04 【TypeScript】VSCodeでTypeScriptの開発環境を構築する

Python・機械学習

投稿日 タイトル・リンク
2021.07.12 【環境構築】VSCode + venv + Keras で GPU 環境を構築する
2020.06.27 【Python】Keras Tips
2020.06.10 【Python】AWS S3バケットにCSVファイルをアップロードしたり、データを読み込んだりする
2020.06.01 Anaconda環境でGraphvizを使う
2020.05.30 Anaconda + Keras でGPUを使用する環境を構築する
2020.05.25 【メモ】Python WebAPI

AWS

投稿日 タイトル・リンク
2020.06.13 【AWS】初めてサーバーレスWebAPIを作った話
2020.06.04 zappa経由でデプロイしたAWSLambda関数(WebAPI)にCloudWatch Eventsを設定する
2020.05.24 AWSを利用したサーバーレスWebAPI開発環境の構築(zappaでAWSLambdaにデプロイする)

C#

投稿日 タイトル・リンク
2020.06.22 【C#/UWP】UWPの勉強を今から始めるのは待った方がいいのか?
2020.06.21 【C#/UWP】{x:Bind} と {Binding} の違い
2020.06.16 【C#】Windows用のスクリーンショットアプリを作成してみた

その他

投稿日 タイトル・リンク
2022.05.19 未経験からWebフロントエンドエンジニアになった
2021.10.04 【Qiita】記事を書くときによく使うMarkdown記法
2020.01.13 SSD換装(Windows10)
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up