ダグのブログ

スキルフィルター

関連のプロジェクトを見る為、スキルをクリックしてください

34個中34個のプロジェクト選択

  • HTML/CSS
  • Astro
  • Typescript
  • JavaScript
  • PHP
  • Python
  • Flask
  • React
  • Redux
  • Sass
  • Tailwindcss
  • Node.js
  • Express
  • EJS
  • Three.js
  • GSAP
  • Socket.io
  • Googlemaps API
  • MySQL
  • MongoDB
  • AWS
  • Netlify
  • PaaS
  • Deployment
  • Linux
  • Vitest
  • Vue
  • TeamProject

プロジェクト

  • Dug's Blog

    Astro、SSRで実装した個人ブログ

    配布URL : コード確認
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : コード確認

    関連スキル

    • HTML/CSS
    • Astro
    • Typescript
    • Tailwindcss
    • Deployment

  • Dug's notes - notepad HTML

    HTMLに対してのアイデアを記録するプロジェクト

    配布URL : -
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : -

    関連スキル

    • HTML/CSS
    • JavaScript

  • 7JavaScript games

    7個のJavaScriptゲームを制作するプロジェクト

    配布URL : -
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : -

    関連スキル

    • HTML/CSS
    • JavaScript

  • Dug's notes - Typescript

    Typescriptのコンセプトを習うプロジェクト

    配布URL : -
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : -

    関連スキル

    • Typescript

  • Dug's notes - Astro SSR by Coding in public

    Astroのコンセプトを習うプロジェクト

    配布URL : -
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : -

    関連スキル

    • Astro

  • Dug's notes - Astro SSR by traversymedia

    Astro SSRのコンセプトを習うプロジェクト

    配布URL : -
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : -

    関連スキル

    • Astro

  • Dug's notes - Astro by JamesQQuick

    Astroのコンセプトを習うプロジェクト

    配布URL : -
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : -

    関連スキル

    • Astro

  • Dug's notes - Astro by traversymedia

    Astroのコンセプトを習うプロジェクト

    配布URL : -
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : -

    関連スキル

    • Astro

  • Dug's notes - Pokemon memory game

    ポケモンがテマのHTMLゲームを制作するプロジェクト

    配布URL : コード確認
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : -

    関連スキル

    • HTML/CSS
    • JavaScript
    • Deployment

  • Dug's notes - googlemaps

    Googlemaps API操作を練習するプロジェクト

    配布URL : -
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : -

    関連スキル

    • HTML/CSS
    • JavaScript
    • Googlemaps API

  • React best practice

    効率的なReactページ作成を連取するプロジェクタ

    配布URL : -
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : -

    関連スキル

    • HTML/CSS
    • Typescript
    • React

  • 25Projects with React

    25個のReactページを制作するプロジェクト

    配布URL : -
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : -

    関連スキル

    • HTML/CSS
    • Typescript
    • React
    • Sass

  • Dug's notes - Python

    PythonとFlaskのコンセプトを習うプロジェクト

    配布URL : -
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : -

    関連スキル

    • Python
    • Flask

  • Dug's notes - three.js

    three.jsのコンセプトを習うプロジェクト

    配布URL : -
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : -

    関連スキル

    • HTML/CSS
    • JavaScript
    • Three.js

  • Dug's notes - svg

    HTML上のsvgファイル操作を練習するプロジェクト

    配布URL : -
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : -

    関連スキル

    • HTML/CSS
    • JavaScript

  • 10Responsive websites

    10個の反応形ウェブサイトを制作するプロジェクト

    配布URL : -
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : -

    関連スキル

    • HTML/CSS
    • JavaScript

  • Cloning qude

    ウェブサイトQudeのクローンページを制作を通じてGSAPを操作を練習するプロジェクト

    配布URL : -
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : -

    関連スキル

    • HTML/CSS
    • JavaScript
    • GSAP

  • Dug's notes - GSAP

    GSAPを活用してコンポーネント制作を練習するプロジェクト

    配布URL : -
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : -

    関連スキル

    • HTML/CSS
    • JavaScript
    • GSAP

  • 150Animation projects

    150個のHTMLアニメーションを制作するプロジェクト

    配布URL : -
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : -

    関連スキル

    • HTML/CSS
    • JavaScript

  • Dug's blog(prototype)

    SSRブログページを制作するプロジェクト

    配布URL : -
    フロントエンドリポジトリ : -
    バックエンドリポジトリ : コード確認

    関連スキル

    • HTML/CSS
    • Typescript
    • Sass
    • Node.js
    • Express
    • EJS

  • Dug's notes - PHP

    PHPのコンセプトを習うプロジェクト

    配布URL : -
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : -

    関連スキル

    • PHP

  • 60Projects In 60Days

    HTML、CSS、JavaScriptを通じた60日間のCoding challenge

    配布URL : -
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : -

    関連スキル

    • HTML/CSS
    • JavaScript

  • Dug's notes - Node.js

    Node.jsを通じたバックエンド関連知識の習得

    配布URL : -
    フロントエンドリポジトリ : -
    バックエンドリポジトリ : コード確認

    関連スキル

    • JavaScript
    • Node.js
    • MySQL
    • MongoDB
    • Socket.io

  • 50Projects In 50Days

    HTML、CSS、JavaScriptを通じた50日間のCoding challenge

    配布URL : -
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : -

    関連スキル

    • HTML/CSS
    • JavaScript

  • Dug's Works

    Dugの作品紹介の為のウェブサイト

    配布URL : コード確認
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : コード確認

    関連スキル

    • HTML/CSS
    • Typescript
    • React
    • Redux
    • Sass
    • Node.js
    • Express
    • MySQL
    • AWS
    • Netlify
    • PaaS
    • Deployment
    • Linux

  • Dug's notes - Algorithms and Data Structure

    JavaScriptを通じたアルゴリズム及び資料構造関連知識習得

    配布URL : -
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : コード確認

    関連スキル

    • JavaScript

  • Dug's notes - UnitTesting

    Vitest(Typescript, JavaScript)を通じたtest codeの作成練習

    配布URL : -
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : コード確認

    関連スキル

    • Typescript
    • JavaScript
    • Vitest

  • 100Day of Code(Python)

    Pythonを通じた100日間のCoding challenge

    配布URL : -
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : コード確認

    関連スキル

    • Python

  • Social Login Collector

    大きなプラットフォームのSocial login APIのhandlingを練習

    配布URL : -
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : コード確認

    関連スキル

    • HTML/CSS
    • Typescript
    • React
    • Node.js
    • Express

  • Chat with Dug

    友達を使用する為のSocket.ioを活用したチャットサイト

    配布URL : コード確認
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : コード確認

    関連スキル

    • HTML/CSS
    • JavaScript
    • React
    • Socket.io
    • Node.js
    • Express
    • MySQL
    • AWS
    • Netlify
    • PaaS
    • Deployment
    • Linux

  • Drag&Drop

    Vueを使用してDOMのDrag&Dropを具現したコンポーネント

    配布URL : -
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : コード確認

    関連スキル

    • HTML/CSS
    • JavaScript
    • Vue
    • Node.js
    • Express
    • MySQL

  • TodoList

    Reactの基礎文法を活用して具現したコンポーネント

    配布URL : -
    フロントエンドリポジトリ : コード確認
    バックエンドリポジトリ : コード確認

    関連スキル

    • HTML/CSS
    • JavaScript
    • Node.js
    • Express
    • MySQL

  • Jegabox

    韓国の映画館、MEGABOXウェブサイトのクロンサイト

    配布URL : -
    フロントエンドリポジトリ : -
    バックエンドリポジトリ : コード確認

    関連スキル

    • Node.js
    • JavaScript
    • Express
    • MySQL
    • TeamProject

  • Photofolio

    韓国のクリエイター向けのサイト、Grafolioのクロンサイト

    配布URL : -
    フロントエンドリポジトリ : -
    バックエンドリポジトリ : コード確認

    関連スキル

    • Node.js
    • JavaScript
    • Express
    • MySQL
    • TeamProject