コアサーバー初心者の為のCGI設置講座

2022年5月19日User Note

　どうもこんにちは。昔から仕掛け絵本が大好きだった、いちユーザーです。デジタル文化が花開き、今やインタラクティブの可能性は無限大。「自分のホームページでも楽しみたい！しかし、プログラムを書く技術は持っていない！」そんな時は、ネット上で偉大な作者様方から提供されているフリーのCGIなどを使わせてもらいましょう。

そもそもCGIって何？

Common Gateway Interface（コモン・ゲートウェイ・インタフェース、CGI）は、ウェブサーバ上でユーザプログラムを動作させるための仕組み。現存する多くのウェブサーバプログラムはCGIの機能を利用することができる。

出典: フリー百科事典『ウィキペディア（Wikipedia）』

つまり、どういう事かしら

CGIを使えば見るだけでなく、参加したり遊べたりするホームページが作れるアル！他にも色々出来るアル

そうなの？User Noteで紹介されていたCGI「てがろぐ」に興味があるけど、普段はWordPressでブログ書いている程度だからどうやって設置すればいいのか分からないわ！教えて貰いたいんだけど…

初心者さん直々の頼みなら断れないアルね！では、一緒にやってみるアルよ

設置前の準備（コアサーバーV2のみ）

※コアサーバーV1は特に設置前の準備は必要ありません。

　バリュードメインにログインし、レンタルしているサーバーのコントロールパネルを開きます。

　ドメイン＞ドメイン管理からサーバーに設定されているドメイン一覧を見て、CGIを設置する予定のドメイン名をクリックします。CGI有効のチェック欄を確認し、チェックが入っていなかったらチェックして「変更」ボタンを押します。

【参考公式マニュアル】ドメイン設定の新規作成

とりあえず設置してみよう

「習うより慣れろ」というアルし、まずは見よう見まねで設置するアルよ！

今回設置してみるCGI：お手軽マイクロブログ「てがろぐ」(Tegalog)

https://www.nishishi.com/cgi/tegalog/

スキン式で複数ユーザ対応。コアサーバーV1、V2共に動作確認済み。設置方法閲覧やダウンロードは、上記のリンクから出来ますが、今回は初心者様の為にコアサーバーでのCGI設置手順を詳しく解説いたします！

※なお設置例で使用しているコンピューターのOSとブラウザは、Windowsが《Windows10、Microsoft Edge》Macが《 Monterey（OS12.3.1）、Safari》となっております。

手順１：CGIを配布サイトからダウンロードする

　まずは配布サイトにアクセスし、ダウンロードボタンをクリックしてダウンロードします。特に理由が無いなら、スキンを変更出来る「完全構成をダウンロード」すると良いでしょう。

ダウンロードされたcgiのフォルダはどこにある？

Windowsの場合

　ダウンロードボタンを左クリックすると、PC＞ダウンロードフォルダ内にリンク先のzipファイルがダウンロードされます。そのzipファイルを選択すると、展開 圧縮フォルダーツールというタブが表示されるのでクリックして下さい。すると、すべて展開というアイコンが表示されます。

　そのアイコンをクリックすると、「展開先の選択とファイルの展開」というウインドウが開くので、パソコン上の適当なフォルダ（ドキュメントフォルダなど）を参照ボタンを押して選んだ後、展開ボタンを押すとtegalog-fullフォルダが選んだフォルダ内に表示されます。

※ダウンロードボタンを右クリックした場合

　メニューに「名前を付けてリンクを保存」の項目が出るので、パソコン上の適当なフォルダ（ドキュメントフォルダなど）へzipファイルを保存出来ます。

Macの場合

　ダウンロードボタンをクリックすると、リンク先のzipファイルが解凍されてダウンロードフォルダ内に表示されます。Finder画面上部のツールバー＞移動＞ダウンロードを選択し、ダウンロードフォルダを開いてtegalog-fullフォルダを確認しましょう。

※zipファイルの状態でダウンロードしたい場合

　ダウンロードするボタンを右クリック、もしくはcontrolボタンを押しながらクリックし、以下のようなメニューを表示させます。

「リンク先のファイルをダウンロード」の項目を選択すると、圧縮されたzipファイルの状態でダウンロードフォルダ内にダウンロードされます。（ダブルクリックすると圧縮ファイルが解凍され、てがろぐcgi一式が入ったtegalog-fullフォルダが現れます）

　ダウンロードしたフォルダ内を確認すると、README.TXTというテキストファイルがあります。cgi作者様のメッセージが載せられていますので、ざっと目を通しましょう。

配布物に同梱されているreadme（私を読んで）テキストは、設置前にチェックするといいアル。著作権や設置方法、作者からの注意事項などが記されている故、トラブル防止になるアル

配布しているサイト名やアドレスも記載されているから、後で「これはどこでダウンロードしたかなあ」と分からなくなった時にも役立ちそう

手順２：自分のサーバーにアップロードする

　詳しい手順につきましては、CGI作者様のてがろぐセットアップ（設置）方法をご覧下さい。CGIの設置方法＞CGIの簡単セットアップ手順で３ステップ記述されていますが、初心者向けに補足情報を記します。

「設置手順1：CGIファイル1行目を(必要に応じて)書き換える」について

　CGIファイル１行目を自サーバーの設定と照らし合わせて、違う場合は書き換える必要があります。てがろぐは最初から合っているので、そのままアップロードするだけで動きます（コアサーバーV1、V2共に動作確認済み）

! /usr/bin/perl

「設置方法2：ウェブサーバへのファイルのアップロード方法」について

　コアサーバーのマニュアルで紹介されているのは、以下のものです。

今回はコアサーバーユーザー全員が使える「ファイルマネージャー」を使って設置してみます。

tegalog-full.zipファイルを用意するアルよ

コアサーバーV1にてがろぐをアップロードする

　V1サーバーのコントロールパネルにアクセスし、マニュアルを参照して、ファイルマネージャーで設置するサイトのpublic_html内へ移動します。今回は、V１で取得したサブドメイン○○○.geo.jpにtegalogというディレクトリを作り、てがろぐを設置する事にします。

　public_html＞サブドメインフォルダに移動します。「ディレクトリ作成」ボタンをクリックします

　新しいディレクトリ名のテキストボックスにtegalogと入力します。緑のチェックマークボタン（「Submit」アイコン）をクリックします

　tegalogのディレクトリが作成されますので、クリックして移動します

「アップロード」のボタンをクリックします

　圧縮ファイル（zip,tar,tgz,gz）の下の「ファイルを選択」ボタンをクリックし、パソコン内のtegalog-full.zipを選択します。その後、緑のチェックマークボタン（「Submit」アイコン）をクリックします

　アップロード結果が表示されたのを確認して、左向き矢印ボタンをクリックします

　サブドメインフォルダ＞tegalogフォルダ内に、てがろぐcgi一式が展開されています。この後、README.TXTとtegalog-full.zipは削除して構いません

コアサーバーV2にてがろぐをアップロードする

　V2サーバーのコントロールパネルにアクセスし、マニュアルを参照して、ファイルマネージャーでマイファイル＞domain＞設置するドメイン＞public_html内へ移動します。今回は既にWordPressが起動しているフォルダ内にtegalogというディレクトリを作り、てがろぐを設置する事にします

　WordPressのファイルやフォルダがあるディレクトリで、右上の「…」アイコンをクリックしメニューを表示します。その中の項目「新しいフォルダ」を選択します

　フォルダ名のテキストボックスにtegalogと入力し、作成ボタンをクリックします

　作成されたフォルダtegalogをダブルクリックします。何も無い状態が表示されるので、右上の「…」アイコンをクリックしメニューから項目「ファイルをアップロード」を選択します

　ドロップエリアが表示されるので、tegalog-full.zipファイルをドラッグしてドロップします

　アップロードされたtegalog-full.zipをダブルクリックします

　tegalog-full.zipの中のファイルやフォルダが、全部チェックボックスのチェックが付いた状態で表示されるので右下の「エキス」ボタンをクリックします

　tegalogフォルダ内に、てがろぐcgi一式が展開されています。この後、README.TXTとtegalog-full.zipは削除して構いません

「設置方法3：パーミッションの設定」について

コアサーバーは「suEXEC」という安全な仕組みが有効になっている故、「suEXEC」側の値を設定するアルよ！

V1ファイルマネージャーでパーミッションを纏めて設定する方法

　変更するデータにチェックを入れ、画面右上の「属性変更」ボタンをクリックします。

　四角の囲みの属性を変更したいものになるようチェックを入れ、「全ての属性変更」ボタンを押します。その後、緑のチェックマークボタン（「Submit」アイコン）を押して確定させます

　変更が処理されたという表示が出ますので、左向き矢印ボタンをクリックして戻ります

　選んだものがフォルダ（ディレクトリ）の場合、ディレクトリ内も変更するかどうかというチェックボタンが増えますが、そのままで構いません

V2ファイルマネージャーでパーミッションを纏めて設定する方法

　同じパーミッションに変更するデータを選択し、「…」をクリックすると表示されるメニューから「権限を設定」を選びます

　変更したいパーミッションの数字をテキストボックスに入力すると、自動でチェックボタンがその値になります。確認して「Save」ボタンをクリックします

拡張子xmlのファイル「tegalog.xml」が何故か表示されないという現象が発生していますが、FTPソフトで確認するとアップロードはされているので見えるファイルやフォルダ全てに指定のパーミッションを設定して下さい。

これで設置完了！

設定が終わったら、tegalogフォルダのtegalog.cgiにブラウザでアクセスしてみましょう。

楽しくCGIを使う為に

わー！凄い！設置したものが、ちゃんと動いただけで嬉しいわ

てがろぐはアレンジも色々出来るアルから、慣れたらマニュアル見ながら弄ってみるといいアルよ

他にも色んなCGIを探して試してみようかしら？

いい作品に出会えると嬉しいし設置したくなるアルが、むやみやたらに手を出すのは止めた方がいいアルね

過去記事には、ベーシック認証で不特定多数に見られないようにする方法や、無料SSLでセキュリティ強化する方法も掲載しているので、併用して安心安全なサイト運営に努めて欲しいアルよ

最近はWEBアプリケーションにも興味あるんだー。例えば、海外の「I Miss My Cafe」というサイトとか、カフェの雰囲気を音で味わえてお気に入りなんだけど

これはまた凄いアルね！たぶんこういうサイトを作った人も初心者だった時代が…？

どうやって作っているのかさっぱりだけど、こんなの出来たらいいなあ

今初心者の皆さんもぜひ、楽しいサイトを作って遊んでみて欲しいアル！応援するアルよー！

※ユーザーノートの記事は、弊社サービスをご利用のお客様に執筆いただいております。