クラウド、レンタルサーバーの設定代行サブスク
サーバー費用込み、開発アドバイスなど月額18,000円~

開発アドバイス

構成やデザインはできるけどエンジニアが足りない、開発は少しならできるけど難しいことができない。そんなときにわかりやすくアドバイスします。
検索しても生成AIに聞いても解決までに時間がかかることは、直接エンジニアに聞くほうがスムーズです。
プログラミング経験25年、ITエンジニアとしての実務経験17年の経験を元に、技術的なトラブルの解決策をわかりやすくアドバイスします。

Webコーディング

大手ポータルサイトのコーディング規約に沿った制作経験を元に、品質の高いコーディングデータを制作できるようにアドバイスいたします。

HTML、CSS

パソコン、スマートフォン、タブレットの各ブラウザで表示崩れが起きないコーディングの手法やレスポンシブ対応など。JavaScriptフレームワークを使用せずにHTMLを使用して制作する方法をアドバイスしますのでSEOとしても有利です。

HTMLテンプレート

普段の制作業務では独自で開発したHTMLテンプレートを元にコーディングを行っています。このテンプレートをお渡ししてアドバイスすることで、制作スピードを早くしメンテナンスがしやすいHTMLデータを作成できるようになります。

テンプレートの機能

  • 共通IDセレクタ
    コンテンツ全体をIDセレクタで囲い、CSSはすべてIDセレクタを指定しています。そのため、クライアントの共通ヘッダー・フッターを組み込んでも影響を与えないコーディングが可能です。
  • レスポンシブ
    CSSはパソコン版とスマートフォン版に分けています。パソコン版のCSSをコピーして、スマートフォン用に必要な個所のみ修正していくことで、素早くメンテナンスがしやすいデータを作れます。
  • アンカーリンクのスクロールアニメーション
    アンカーリンクを押した場合はスクロールアニメーションが発生します。
  • コンテンツのフェードイン
    ブロック要素に1つのclassを指定するだけで、スクロールしたときにブロック要素がフェードインします。
  • ローディング
    画像の読み込みが完了するまでローディング表示を行います。読み込み時にアニメーションを実装する場合に使用します。
  • ページトップ
    ある程度スクロールしたときにページトップボタンを表示します。
  • モーダル
    要素を押したときにモーダルを表示したり、YouTubeの動画を再生できます。
  • アコーディオン、タブ
    要素を押したときにコンテンツがアニメーションで出現するアコーディオンや、コンテンツを切り替えるタブの機能があります。
  • スマートフォンメニュー
    スマートフォン版ではハンバーガーアイコンを表示して、メニューを表示します。

JavaScript、jQuery、ScrollMagic

アンカーリンクを押したときのスクロールアニメーションや、スクロールをしたときにコンテンツがフェードイン表示されるアニメーションの実装など。またページの画像が読み込まれるまでローディング表示を行い、完了した時点でコンテンツの表示アニメーションを行う方法をアドバイスします。

モーダル、スライダー、アコーディオン

ページ内の要素を押したときにモーダルウィンドウを開いてコンテンツを表示したり、スライダーで左右にコンテンツを切り替えて表示するなどの実装方法。

YouTube動画の埋め込み

ページへの動画の埋め込み、モーダルやスライダーに動画を埋め込む方法

音楽再生埋め込み

一覧から楽曲を選択して、mp3形式の再生や停止を行う実装方法

HTML5アニメーション

CreateJSを使用したCanvasアニメーション

アクセス解析導入

Webサイトのアクセス数の解析。具体的には、どのサイトからアクセスしてきたか、地域や日付別のアクセス数など。Google AnalyticsをWebサイトに埋め込み、集計の確認方法をアドバイスします。

スパム対策導入

Google reCAPTCHA認証の導入をアドバイス。お問い合わせフォームやログインフォームへの不正アクセスを減らします。

画像軽量化(1回30点まで)

画質が劣化しない程度に適度なサイズと画質のバランスを調整します。シンプルな図形や透過が必要な画像はpng形式、写真のデータはjpg形式にすることで、サイト全体の容量を軽くして、訪問者のストレスを軽減します。

WordPress

独自で開発したシンプルで軽いテンプレートデータをお渡しします。特に一からデザインされたコーディングデータを組み込むためには、余分な機能が入ったテンプレートを使うよりも、シンプルでキレイに組み込むことができ、カスタマイズも容易です。

独自テンプレート編集

PHPを使用して直接テンプレートを編集するアドバイスをします。既存のテンプレートやプラグインにはない機能を実現できます。

カスタム投稿、カスタムフィールド

複数の投稿タイプを設定したり、投稿画面に複数の入力項目を設定することができます。例えば、商品というカテゴリを追加して、投稿画面に商品番号、価格、サイズといった項目を追加することが可能です。

使用プラグイン

  • CPT UI
  • Advanced Custom Fields

セキュリティ

WordPressは世界のウェブサイトの43%で使用されています。そのためWordPressの脆弱性を狙ったbotも多数存在しており不正アクセスのリスクがあります。WordPressを設置するディレクトリ名を変更したり、管理画面に標準認証の実装やセキュリティプラグインの導入をアドバイスします。

使用プラグイン

  • SiteGuard WP Plugin

バックアップ

投稿データを間違えて編集したり削除したときのリスクに備えてバックアップ機能を追加するアドバイスをします。投稿データをGoogle Driveなどのクラウドストレージに定期的に自動で保存させます。

使用プラグイン

  • UpdraftPlus

プログラミング

ロジックの組み方、関数やクラスの使い方をアドバイスします。複雑な処理の実務経験としては主にリバーシゲームのAIの開発実績があります。生成AIでは解決が難しいプログラムはお任せください。

サポート言語

  • PHP
  • JavaScript
  • C#
  • VBA

Laravel10

PHPフレームワークを使ったアドバイスをします。

  • Linux環境へのインストール
  • コントローラ、ビュー、モデル
  • フォーム、バリデーション
  • データベース、マイグレーション
  • 認証(Laravel Breeze:新規登録、ログイン、退会)
  • 管理画面(laravel-admin)
  • ルーティング、リダイレクト
  • セッション
  • CRONタスクスケジュール
  • メール送信

データベース

100万件を超えるデータベースを最適化したり、複雑な結合条件のSQLクエリを作成した実績があります。テーブル設計とSQLクエリの書き方で処理速度に数十倍もの差が現れることがあります。どのようなテーブル設計がいいか、クエリの書き方などをアドバイスします。

対応環境

  • MySQL
  • MariaDB

※基本的なSELECT文、UPDATE文については他の環境でも可能です。(PostgreSQL、Oracleなど)

テーブル設計

抽出のパフォーマンスを高めるためにインデックスや複合ユニーク制約、最適な型を提案します。

SQLクエリ

複数のテーブル定義を元に、結合やサブクエリを使った複雑なクエリを作成し提案します。

AWS (Amazon Web Services)

NHK紅白歌合戦、日本レコード大賞、東京五輪などに関連するWebページの急激なアクセス殺到に耐える負荷対策の実績があります。ネームサーバー、DNSの設定から、Webサーバーの構築、CDNの設定まで、一通りのアドバイスをいたします。

AWS全般

  • 概算料金の計算
  • 予算超過アラームの設定
  • サーバー異常アラームの設定

EC2(Amazon Linux 2)

  • PHP 7.4、php-fpm、OPcache、各PHPモジュール
  • MariaDB 5.5
  • HTTPサーバー(nginxまたはApache)
  • FTPサーバー(vsftpd)
  • yum-cron自動モジュールアップデート

Cloudfront(CDN)

  • キャッシュ設定

Route53(DNS)

  • ドメインの取得
  • ネームサーバーの設定
  • DNSレコードの設定

その他の対応サービス

  • Certificate Manager(SSL証明書)
  • S3(クラウドストレージ)
  • RDS(データベース)
  • WAF(ファイアーウォール)

パソコンに関するアドバイス

  • パソコン(Windows、macOS)
  • スマートフォン、タブレット(iOS、Android)
  • ネットワーク(ルーター、Wi-Fi)

サポート方法

チャット(Slack、LINE)または、メールで対応いたします。