Web開発 CodeQLでソースコードの脆弱性診断を行う方法（GitHub Actions / CodeQL CLI）
CodeQLは，GitHubが提供する静的解析（SAST）ツールであり，ソースコードからセキュリティ上の脆弱性や品質上の問題を検出できます．CodeQLで脆弱性診断を実施する方法は，大きく次の2通りあります．ただし，いずれの場合においても利...
Web開発
記事内に広告が含まれています。
Web開発 
Web開発 【新卒IT就活】資格vsポートフォリオの結論 それぞれどこまで評価される？
「IT就活を有利に進めるには，やっぱり資格？ それともポートフォリオ？」 ネットを検索すれば「基本情報くらい取っててあたりまえ VS 資格不要論」という論争もあれば，「ポートフォリオがなければ話にならない」という意見もあり，結局どちらに自分...
Web開発 【ネタ記事】Moodleで採用システム（求職者マイページ）を作れるのか試してみた
Moodle（Moodle Pty Ltdの登録商標です）でコースを管理・編集しているとき，ふと考えました．「これ，採用システム（求職者マイページ）としても使えないだろうか？」普段は学習管理（LMS）のために使っているMoodleですが，グ...
Web開発 Webエンジニア必携！ 仕事効率化 おすすめブラウザ拡張機能５選
Web開発の現場では，情報収集・デバッグ・デザイン調整対策など，エンジニアがこなすタスクは多岐にわたります．そんな日々の作業を劇的に効率化してくれるのがブラウザの拡張機能です． 例えば，Webサイトの技術スタックを一瞬で把握できる「Wapp...
Web開発 Laravel初心者・学生向け｜ポートフォリオに最適な履修管理アプリを作ろう！
この記事では，Laravelで実用的なWebアプリケーションを簡単に開発する方法をご紹介します．特に，学生のポートフォリオとしてオススメの内容になっていますので，ぜひ最後までご覧ください．導入：Laravelとは Laravel（ララベル）...
Web開発 Next.jsによる多言語対応サイトの作り方（App Router 対応）
この記事では，Next.jsのApp Routerで多言語対応を実装する方法についてハンズオン形式でご紹介します．前回の記事で作成したサイトをベースに実装していきます．完成イメージ 以下のようにボタン一つで日本語と英語を切り替える機能の実装...
Web開発 Next.jsを使ったポートフォリオサイトの作り方 完全ガイド
この記事では，Next.js（フロントエンドのフレームワーク）を使ったポートフォリオサイトの作り方をハンズオン形式で解説します．環境構築 Node.js及びnpmの実行環境が必要です．Node.js — どこでもJavaScriptを使おう...
Web開発 無料で始める！ GitHub Pagesで作る学生向けポートフォリオサイト
この記事では，結論から先にお伝えします！学生が就活を目的にポートフォリオサイトを作成し，Webに公開する場合，その公開先は「GitHub Pages」がオススメです．その理由と，他にオススメの公開先（レンタルサーバ 等）を以下で詳しくご紹介...
Web開発 学生必見！ 就活やスキルアップに役立つポートフォリオサイト 始め方
この記事は次のような人にオススメです！・現在，学生で就活用にポートフォリオサイトを作りたい！・自分のホームページを作ってみたい！・Webページの作り方に興味がある！Webページの仕組み まずは，簡単にWebページの仕組みから確認しておきまし...
Web開発 Webでテキストアニメーションする方法
この記事では，Webでテキストアニメーションする方法をご紹介したいと思います．ポートフォリオサイトなどをはじめとするオシャレなサイトでよく見かけるアレです．▽ 今回作るもの（完成イメージ） ▽ .uGMwggYO_0{stroke-dash...