Web開発

Moodle（Moodle Pty Ltdの登録商標です）でコースを管理・編集しているとき，ふと考えました．「これ，採用システム（求職者マイページ）としても使えないだろうか？」普段は学習管理（LMS）のために使っているMoodleですが，グ...

Web開発の現場では，情報収集・デバッグ・デザイン調整対策など，エンジニアがこなすタスクは多岐にわたります．そんな日々の作業を劇的に効率化してくれるのがブラウザの拡張機能です．　例えば，Webサイトの技術スタックを一瞬で把握できる「Wapp...

この記事では，Laravelで実用的なWebアプリケーションを簡単に開発する方法をご紹介します．特に，学生のポートフォリオとしてオススメの内容になっていますので，ぜひ最後までご覧ください．導入：Laravelとは　Laravel（ララベル）...

この記事では，Next.jsのApp Routerで多言語対応を実装する方法についてハンズオン形式でご紹介します．前回の記事で作成したサイトをベースに実装していきます．完成イメージ　以下のようにボタン一つで日本語と英語を切り替える機能の実装...

この記事では，Next.js（フロントエンドのフレームワーク）を使ったポートフォリオサイトの作り方をハンズオン形式で解説します．環境構築　Node.js及びnpmの実行環境が必要です．Node.js — どこでもJavaScriptを使おう...

この記事では，結論から先にお伝えします！学生が就活を目的にポートフォリオサイトを作成し，Webに公開する場合，その公開先は「GitHub Pages」がオススメです．その理由と，他にオススメの公開先（レンタルサーバ 等）を以下で詳しくご紹介...

この記事は次のような人にオススメです！・現在，学生で就活用にポートフォリオサイトを作りたい！・自分のホームページを作ってみたい！・Webページの作り方に興味がある！Webページの仕組み　まずは，簡単にWebページの仕組みから確認しておきまし...

この記事では，Webでテキストアニメーションする方法をご紹介したいと思います．ポートフォリオサイトなどをはじめとするオシャレなサイトでよく見かけるアレです．▽ 今回作るもの（完成イメージ） ▽ .uGMwggYO_0{stroke-dash...

この記事では，Next.jsで静的サイトをビルドする方法をご紹介します．静的ビルドとは？　静的ビルドの方法をご紹介する前に，Next.jsで作成したWebアプリケーションのデプロイに必要なビルドと呼ばれる手順について簡単にまとめてみます．ビ...

前回の記事では、データベースの概要についてご紹介しました。この記事では、その中のリレーショナルデータベース（関係データベース）について詳しくご紹介します。リレーションの意義　　前回の記事では、リレーショナルデータベースについて以下のように解...