プロフィール

スキル

カートシステム

commerce creator(コマースクリエイター)

既存のテーマをカスタマイズできる。

  • ヘッダー
  • フッター
  • レフトナビ

既存のテーマをベースにCSSのカスタマイズすることが可能。
ヘッダー・フッター・レフトナビは既存テーマのリセットCSSに影響が出ないように1からコーディング可能。

フリーパーツ、任意パーツ、カルーセルパーツなどのパーツの理解。
テーマの構造、レイアウトの理解。

リニューアル時には、テーマで読み込まれているパーツはどれを利用しているか理解しているため、テスト作成する時は別のパーツを準備する必要があることを理解。

itemboxのFTPはどのようなものか理解している。パーツを更新しないと反映されない。
CMSサーバーにassets、CSSを配置することで即時反映されることを理解。

置換文字を理解。

ショップサーブ(Eストアー)

既存のテーマをカスタマイズできる。

  • ヘッダー
  • フッター
  • レフトナビ

既存のテーマをベースにCSSのカスタマイズすることが可能。
ヘッダー・フッター・レフトナビは既存テーマのリセットCSSに影響が出ないように1からコーディング可能。

makeshop

既存のテーマをカスタマイズできる。

  • ヘッダー
  • フッター
  • レフトナビ

既存のテーマをベースにCSSのカスタマイズすることが可能。
ヘッダー・フッター・レフトナビは既存テーマのリセットCSSに影響が出ないように1からコーディング可能。

ギガプラス10のプランを知っている。クリエイターモードのテンプレートをカスタマイズできる。
クリエイターモードタグを理解。

カラーミーショップ

既存のテンプレートをカスタマイズできる。

  • ヘッダー
  • フッター
  • レフトナビ

既存のテンプレートをベースにCSSのカスタマイズすることが可能。
ヘッダー・フッター・レフトナビは既存テーマのリセットCSSに影響が出ないように1からコーディング可能。

独自タグの理解。

楽天市場

モールの店舗の形式を理解。RMS、Goldの理解。

  • ヘッダー
  • フッター
  • レフトナビ

で、店舗の共通メニューを作成できる。

Yahoo!ショッピング

モールの店舗の形式を理解。トリプルを理解。

  • ヘッダー
  • フッター
  • レフトナビ

で、店舗の共通メニューを作成できる。

プラットフォーム

WordPress

WordPressのカスタマイズができる。

テーマ・テンプレートを1からコーディングできる。どのようなファイル名をつけてテンプレートファイルをアップロードすれば、どう動作するか熟知。
メニュー内のカスタマイズ、以下の拡張機能の理解

  • カスタム投稿
  • カスタムタクソノミー
  • カスタムフィールド

プラグインの導入や設定ができる。
WordPressの移設、アップグレードができる。
サーバーの新規申し込み、ドメイン設定、データベースの作成、FTP操作可能。

CMSプラットフォームのひとつ。個人ブログをはじめ、企業サイトとして利用できる。
表示はPHPを使って表示するため、PHPを理解できる人ならばカスタマイズしやすい。システムの改造も通常は行わないので、テーマのみであれば、HTML・CSSが理解できさえすれば、ページのカスタマイズが容易。

メリットは

  • テンプレート階層
  • エディタが使いやすい
  • メニューがシンプル
  • アップグレードしやすい
  • 利用者数が多いためノウハウやプラグインが多い

デメリットは

  • URLがデータベースに登録されるため移行が難しい
  • PHPを利用するため少し重いが近年はサーバーの速度が早いため気にならない

Movable Type

既存サイトの更新を行える。

CMSのひとつ。静的なページを生成するタイプのCMSなので、表示速度に分がある。
利用者数がWordPressより少ない。つまり技術者の確保が難しいことと、文献が少ないこと、コミュニティの規模が小さいためプラグインなどの選択肢も少ない。

再構築するときに時間がかかることと、システムがPerl/CGIで動作するためカスタマイズが難しい。

メリット

  • HTMLまたはPHPがFTP上に生成されるため、ページのバックアップが取りやすい

デメリット

  • 管理画面とサイト管理が少し複雑
  • サイトの規模が大きくなると更新時に時間がかかる
  • 更新時にファイルが多いと処理できなくなり止まる

レンタルサーバー

ロリポップ

安価で設定しやすいレンタルサーバー。ムームードメインとセットで利用すると管理が効率的。
クレジットカードで自動更新すると契約が楽。

Xサーバー

個人利用としては少しリッチなサーバー。

シンサーバー

個人利用としては少しリッチなサーバー。Xサーバーと同じシステム基盤。新技術・低価格。

言語など

HTML

文書と構造の意味を理解して、適切なタグを使いページをコーディングする。
主要なHTMLタグを理解。他のCSSやJavaScriptを使うことを前提にコーディングすることが可能。

CSS

HTMLのタグで記述されたページの文字や画像、汎用のタグなどに装飾を行うためのルール・そのファイルのこと。HTMLのみでもWebサイトは作成できる。しかし、CSSを使わないと美しいサイトを作ることは困難。

生まれた背景は、HTMLに装飾を目的としたタグを追加し始めて、煩雑になったため。

  • コンテンツの意味付けや構造化を行うのがHTML
  • HTMLを装飾することを目的としたのがCSS

JavaScript

Webブラウザに搭載されているそのままのJavaScriptを使って記述することを、バニラJavaScriptと呼ぶみたいです。そのままだと記述が長くなるため、ライブラリを使うことが多い。
ピュアなJavaScript(バニラJavaScript)で記述されていると、改造は難しくはなるが、ライブラリに依存しないため、安定する。

  • 表示されたHTMLやCSSを操作することができる

jQuery

JavaScriptで記述されたパッケージのファイル。これをページに読み込ませると、HTMLの操作がデフォルトよりも容易に記述できる。

スライダーや指定したHTMLのパーツの位置を動かしたり、クローンで複製する、ホバーやクリックしたときに一部を動かすといったことが簡単に(多少の理解は必要ですが)行えるようになる。

メリット

  • 表示されたHTMLやCSSを通常のJavaScriptよりもさらに短くわかりやすい記述で操作可能になる
  • 記述するコードが短く済むため、はじめて触る人でもJavaScriptで実現させるよりは少し敷居が下がる

具体的な使用例は

  • スライダー
  • ドロップダウンメニュー
  • ハンバーガーメニュー
  • 画像切替
  • クリック時にターゲットの

PHP

JavaScriptはブラウザに搭載されている。PHPは通常Webサーバー上で動作するプログラム言語。
レンタルサーバーにインストールされているPHPを利用する。

なぜPHPを利用するのかというのは、例えばHTMLの共通のメニューなどを1つのファイルに集約することで更新が用意になる。データ処理と組み合わせることで、同じ見た目・同じHTMLに違ったデータを当てはめると言ったことが可能となる。

処理されたプログラムは主にHTMLとしてWebサイトに表示する。
※MIMEタイプを指定することで、動的なCSS・JavaScript、はたまた画像として表示することが可能

MySQLと組み合わせることで大きなデータの処理も行える。

主な使用例は

  • WordPressのテーマやプラグイン
  • お問い合わせフォーム
  • CSVなどのファイルをHTMLとして表示させる
  • ログイン・ユーザー管理機能
  • ショッピングカートや決済
  • ブログ・掲示板
  • 検索機能
  • アクセスカウンター
  • その他Webアプリ

Perl/CGI

Common Gateway Interface(コモン・ゲートウェイ・インタフェース)の略で、Perl言語を使って記述されることが多い言語。
PHPよりも前にリリースされたため、古いが安定している。
PHPと比べると技術者が少なかったり、コミュニティが小さいため新規で利用する機会は少ないが、全く新しい言語よりは技術者人口は多い。

  • お問い合わせフォーム
  • アクセスカウンター
  • 検索機能
  • 日記
  • 掲示板
  • その他Webアプリ

Ruby

Ruby on Railsという開発キット(フレームワーク)を使って大規模なシステム(SNS)などを作成する。
主にPHPよりも、開発に特化している。あまりWebサイトでは利用しない。

Python

AIの処理に利用される事が多い言語。Webサイトのプログラムに使えますが、フロントエンド処理に強いPHPに分があります。

Webサーバーの処理などに親和性があるためよく登場する。

→ Webやプログラムに関すること

パソコン

殆どがBTOのPCを購入し使うことが多い。2019年のデスクトップは、体験・経験目的で自分で初めて組み立てました。

  • 2024年:ノート・タブレット
    • OS:ChromeOS
    • ストレージ:e.MMC 64GB
    • CPU:Core i7-12700F
    • メモリ:DDR4 8GB
    • GPU/VRAM:6GB
  • 2024年:デスクトップ
    • OS:Win11
    • ストレージ:M.2 SSD 512GB
    • CPU:Core i7-12700F
    • メモリ:DDR4 32GB
    • GPU/VRAM:GeForce RTX 3050 6GB

  • 2020年:プリンタ
    • メーカー:キヤノン

  • 2019年:デスクトップ
    • OS:Win10
    • ストレージ:M.2 SSD 512GB
    • CPU:Core i7-9700K 3.60GHz
    • メモリ:DDR4 32GB
    • GPU/VRAM:GeForce RTX 3050 3GB

  • 2018年:ノート・タブレット
    • OS:Win8
    • ストレージ:SSD 64GB
    • CPU:Atom 1.6GHz
    • メモリ:DDR4 8GB
    • GPU/VRAM:オンボード? –

  • 2015年:デスクトップ
    • OS:Win8
    • ストレージ:HDD 1TB
    • CPU:Xeon 3GHz
    • メモリ:DDR3 4GB
    • GPU/VRAM:オンボード? –

  • 2013年:デスクトップ
    • OS:Win8
    • ストレージ:SSD 256GB
    • CPU:Xeon 3.2GHz
    • メモリ:DDR3 16GB
    • GPU/VRAM:NVIDIA® Quadro® 600 1GB

  • 2009年:デスクトップ
    • OS:WinXP
    • ストレージ:HDD 1TB
    • CPU:Core i9 3GHz
    • メモリ:DDR3 8GB
    • GPU/VRAM:-

  • 2006年:ノート
    • OS:WinXP
    • ストレージ:HDD 160GB
    • CPU:Celeron 1.5GHz
    • メモリ:DDR2 128MB
    • GPU/VRAM:オンボード? –
  • 2006年:デスクトップ
    • OS:WinXP
    • ストレージ:HDD 160GB
    • CPU:Celeron 2.66GHz
    • メモリ:DDR2 256MB
    • GPU/VRAM:オンボード? –

  • 2003年:ノート
    • OS:WinXP
    • ストレージ:HDD 40GB
    • CPU:Pentium4 2GHz
    • メモリ:DDR1 64MB
    • GPU/VRAM:ATI 16MB

  • 2000年:デスクトップ
    • OS:Win98
    • ストレージ:HDD 60GB
    • CPU:Pentium4 1.5GHz
    • メモリ:DDR1 64MB
    • GPU/VRAM:オンボード? –

OS・基本操作

Windowsの基本操作、インストール・設定など
マウス・キーボードの操作(タッチタイピング、ショートカット)

プリンタを使ってデータの印刷、複合機やスキャナを使ったデータの取り込み。

アプリ・Web

📄 オフィスソフト・資料作成

  • Word / Google ドキュメント
    • メモ文章の体裁を整える、ビジネス文書作成、チラシ作成
  • Excel / Google スプレッドシート
    • 関数を組み合わせての数式作成が可能なレベル
    • 印刷を考慮した配色やレイアウト
  • PowerPoint
    • プレゼン資料作成

🖥️ Web制作・コーディング

  • Dreamweaver
    • Webサイトの作成や更新
    • HTML・CSS・PHPのコーディング、FTP操作
  • Visual Studio Code
    • HTML・CSS・JavaScript・jQuery・PHPのコーディング
  • FTPソフト (Filezilla, WinSCPなど)
    • FTP操作

🎨 デザイン・画像編集

  • Photoshop
    • 基本的な操作
    • スライス/Webサイト用データ:アセット書き出し
    • 写真編集、ボタンの作成、バナー作成など
  • XD / figma
    • 既存データの画像書き出し
  • Illustrator
    • 既存データの文字編集
    • Webサイト用データ:アセット書き出し
  • CLIP STUDIO PAINT
    • イラスト作成

🎬 動画・配信・AI

AIを活用したコーディング、資料の作成、アイデア出し、資料まとめ

Adobe Premiere

動画の編集、ファイル書き出し

テロップの追加、BGM挿入、フェードイン・フェードアウト、エフェクトの編集、動画全般の作成

OBS Studio

ライブ配信、録画

画面の作成・デザイン

Stable Diffusion (画像生成AI)

画像生成AIを使った写真・画像の生成、プロンプトの記述

Checkpoints/LoRAの知識

Gemini:AI

プロンプトを記述して、

  • 文書の体裁を整える
  • アイデア出しをする
  • 画像を生成
  • HTML・CSS、PHPなどコーディングを行う

SNS

YouTube

  • 作成した動画のアップロード
  • 動画設定(公開設定、タグ付けなど)
  • OBSを使ったライブ配信

Instagram

  • 写真の投稿
  • エフェクト編集
  • ハッシュタグ設定

X (旧 Twitter)

  • 短い文章、写真の投稿
  • ハッシュタグ設定

Threads

  • 短い文章、写真の投稿
  • ハッシュタグ設定

Pinterest

  • 画像の投稿
  • ハッシュタグの設定

Facebook

  • SNSとして利用

TikTok

  • 過去に簡単なペットの動画をアップ

資格リスト

高校、専門学校で取得した資格や免許。
普通自動車免許はMT可能で、原付き、5トン未満・10人以下、小型特殊自動車。

  • 全商コンピュータ利用技術検定3級
  • 全商情報処理検定1級
  • 全商ワープロ検定2級
  • 普通自動車第一種免許
  • 情報活用能力検定準2級
  • マルチメディア検定3級
  • CGクリエイター検定Webデザイン部門2級

趣味

人工知能アート

Stable Diffusionはテキストベースのプロンプトを元に学習したデータを使って新しく画像を生成する仕組み。自分のPCや提供されているサービスで利用できる。

自分のPCで実現するためには、ある程度処理の早いグラフィッグボードが必要。

写真・カメラ

一眼レフカメラにハマって、写真を何枚も撮った経験。
一連の操作は以下の機種を過去に使ってきているためある程度は知識を持っている。

  • Canon EOS R
  • Canon EOS Kiss X3
  • コニカミノルタ ディマージュ(DiMAGE) A200
  • Panasonic DMC-F1

彩度やコントラスト、F値の意味、ぼかし、コンパクトカメラと違いレンズが交換できるということを理解している。短い時間ならばレンズ交換ができるビデオカメラとして利用できることも理解している。

Canon EOS Rは2台目の一眼レフカメラ。
長く使っていたKiss X3とおなじキヤノンのモデルながら操作が複雑で難しい。調整などは説明書を見ればCanon EOS Kiss X3のように自在に撮影することが可能。

Canon EOS Kiss X3は初めての一眼レフカメラ。
レンズを交換する体験。コニカミノルタ ディマージュでは簡単だった操作が、複雑になり、悪戦苦闘しながらも、使い方を学ぶ。
圧倒的な画素数と、レンズ交換により選択肢が広がることを理解。

コニカミノルタ ディマージュはソニーが現在は引き継いでいるαシリーズカメラのもととなったブランド。Panasonicのデジカメの次に手にしたカメラで、高画質:800万画素でズーム機能が非常に強い。
彩度やコントラストの調整に優れている。
コンパクトデジカメよりもズーム機能が強いため、ぼかしや構図の表現力が高い。
一眼レフカメラよりも安価で、コンパクトデジカメ・一眼レフカメラのいいとこ取り。
このカメラのおかげでさらに撮影経験を積む。

Panasonic DMC-F1は高校生時代から専門学校時代に活躍した初めてのデジタルカメラ。何枚も撮影し、撮影の経験を独学で積む。まずは撮影する方法、半押しでピントを合わせること、カメラにはモードがあることなど。画素数なども。

ビデオ・動画撮影

過去に撮影経験あり。

  • ソニー
    • SONY HDR-CX680
      • 手軽に撮影できるビデオカメラ
        • 近くの景色を撮影などに使用
    • SONY FDR-AX45
      • 4K対応
    • SONY HDR-XR150
      • ハードディスク搭載のビデオカメラ
        • ビデオカメラの操作に触れるため

低山登り

運動やリフレッシュにはとてもいい趣味。カメラとセットにすることで、撮影と運動や自然で得られる経験が同時にできる。

ドライブ

県内の日帰りドライブなどをする。高速道路を走るのが好き。峠道や雪道も。
また目的地を決めない・あるいはおおまかな場所を決めて長くドライブすることが好き。車が好き。

バーベキュー

七輪やバーベキューコンロを使って焼肉を行う。七輪は魚を焼くことも。
ライターやフェロセリウムでできたファイアスターターを使って日をつけ、木炭を燃やすことができる。

ネットショッピング

殆どが楽天市場で完結しています。クレジットカード決済。

どうしても欲しい物がある時は自社サイトのショッピングカートを使って決済します。

YouTube

動画のアップロード。プレイリストの作成可能。

  • Googleアカウント作成
  • チャンネル作成
  • 動画のタイトルや説明の一括編集操作
  • 動画の設定情報の入力・保存

YouTube Music

音楽の再生、プレイリストの作成。

料理

簡単な炒め料理や煮込み料理

  • カレー
  • スパゲティ
  • ステーキ
  • 角煮
  • 南蛮漬け

アニメ

ふとしたシーンでは最新トレンドのアイデアに使えることがある。
エフェクトや演出、デザインのヒントに。

映画・動画

エフェクトや演出、デザインのヒントに。

ゲーム

スーパーファミコン、PS、PS2、PS3、Nintendo Switch、PS5

イラスト、Vroid

CLIP STUDIO PAINTを使ってイラスト作成。Vroid Studioを使って3Dモデル作成。

Vroid Studioで作成したモデルを使い、フェイストラッキングソフトを使いキャラクターを動かす。

庭造り・家庭菜園

一時期植物を集めて木を植えたり撒いたりしました。枯れたものも多いですが、残っているものも。

ブルーベリー、ローズマリー
レンギョウ、エニシダ

芝桜、ミックスフラワー、シロツメクサ/クローバー、ストロベリーキャンドル(クリムゾンクローバー)、あやめ、かきつばた

アスパラ、空芯菜、きゅうり

特技など

フォルダやファイルの整理整頓・ルール決め

書類ファイルや画像ファイルなどのルール決め。
ファイル名・フォルダのルールを決めることでどこに何があるかを探し出すことができ、効率化ができる。探し出す時間が増えることで作業時間が長くなってしまう。それを極力少なくする。

日付ベースのファイル名の例

  • 2025-01-15-1
  • 2025-01-15-1:タイトル.xxx

バックアップ例

  • filename.xxx—-2025-01-15-1
  • filename.xxx_250115

フォルダ構成例1

  • images
    • common
    • index
    • company
  • css
    • common.css
    • index.css

フォルダ構成2

  • 〇〇店 楽天市場
    • ID・PW
      • RMSログイン情報.txt
      • Gold FTP情報.txt
    • 元データ
      • トップページ
      • バナー
      • カテゴリー
      • コンテンツページ
    • メルマガ
      • 2025
      • 2026
  • 〇〇店 Yahoo!店
    • ID・PW
      • Yahoo!ログイン情報.txt
      • Yahoo!トリプル FTP情報.txt
    • 元データ
      • トップページ
      • バナー
      • カテゴリー
      • コンテンツページ
    • メルマガ

地理

各都道府県と県庁所在地、主要な国と首都の一致。
主要な都道府県や国のシルエットで名称を当てる。

各都道府県・市区町村、エリア、国や地域の名産や特徴などの地理知識。