初心者向け - caracal media／キャラカルメディア https://media.caracal.jp/tag/beginner/ ウェブ制作／WordPressカスタマイズ／iPad情報／ボルダリング情報を発信してます Sun, 24 May 2020 23:59:55 +0000 ja hourly 1 https://wordpress.org/?v=6.6.2 WordPressブログの始め方 https://media.caracal.jp/wordpress/how2start-wordpress/ Sat, 04 Apr 2020 00:04:58 +0000 https://media.caracal.jp/?p=1125 WordPressでブログを始めると自由度が上がっていいらしい。だけど具体的にどうやって始めればいいの？ そんな方はぜひお読みください。 WordPressブログの始め方 WordPressでブログを開設するには次のよう…

The post WordPressブログの始め方 appeared first on caracal media／キャラカルメディア.

]]> WordPressでブログを始めると自由度が上がっていいらしい。だけど具体的にどうやって始めればいいの？

そんな方はぜひお読みください。

WordPressブログの始め方

WordPressでブログを開設するには次のような手順が必要になります。

  1. レンタルサーバーを借りる【必須】
  2. 独自ドメインを取得する【推奨】
  3. WordPressをダウンロードしてインストールする【必須】

　では順を追って説明していきます。

1. レンタルサーバーを借りる【必須】

まずはWordPressでブログを公開するためのサーバーがないと始まりません。

レンタルサーバーには大きく分けて無料のものと有料のものがありますが、有料のものをおすすめします。

企業を運営していくためには収益が必要で、レンタルサーバーを無料で提供している企業の多くが広告で収益化しています。

そしてそれは、これからブログを始めて広告収益も視野に入れていきたいという方には大きな妨げになります。

また、無料のレンタルサーバーは有料のものより多くの有象無象のユーザーに使われやすいため、サーバーの安定性にも疑問が残ります。

どのレンタルサーバーがよいか

PHPとMySQLが使えて、まずは安価であればどのレンタルサーバーでもだいたいは問題ないのですが、個人的に10年以上色々な案件で使っていて、使いやすい「さくらのレンタルサーバ」をおすすめします。

さくらのレンタルサーバでも色々とプランがありますが「さくらのレンタルサーバ スタンダード 」（月額 524円 初期費用 1,048円）がおすすめです。

当ブログも同プランで運営しています。

2週間無料で使えるので試しやすいですね。

スタンダード以上のプランであれば問題ありませんが、一番安い「さくらのレンタルサーバ ライト」だとWordPressが使えません。ご注意ください。

その他、有名で安心なところだと、マナブログさんが推しているエックスサーバー や、GMOペパボが運営しているヘテムル などがあります。

2. 独自ドメインを取得する【推奨】

独自ドメインの取得は必ずしなければならないものではありません。しかし、「○○○.com」などオリジナルのドメインで運営した方が自身のブログをブランディングできるのでおすすめです。

.comドメインや.netドメインだと年額1,886円からが一般的な価格です。

独自ドメインを取得しない場合、さくらのレンタルサーバーだと「○○○.sakura.ne.jp」のように必ずURLの後ろに「.sakura.ne.jp」が着くことになります。

○○○の箇所は自身で選ぶことが可能です。

3. WordPressをインストールする【必須】

そしていよいよ、WordPressをインストールします。
インストール方法は↓こちらの記事をご覧ください。

WordPressのインストール方法

ブログを始めるにはWordPressが自由度が高くていいみたい。レンタルサーバーは借りた。でもどうやってWordPressをインストールするの？という方へ。 WordPressのレンタルサーバーへのインストールは難しくあ…

それでは今回はここまで。よいWordPressライフを！

The post WordPressブログの始め方 appeared first on caracal media／キャラカルメディア.

]]> WordPressのインストール方法 https://media.caracal.jp/wordpress/wordpress-install/ Thu, 02 Apr 2020 12:03:00 +0000 https://media.caracal.jp/?p=1143 ブログを始めるにはWordPressが自由度が高くていいみたい。レンタルサーバーは借りた。でもどうやってWordPressをインストールするの？という方へ。 WordPressのレンタルサーバーへのインストールは難しくあ…

The post WordPressのインストール方法 appeared first on caracal media／キャラカルメディア.

]]>

ブログを始めるにはWordPressが自由度が高くていいみたい。レンタルサーバーは借りた。でもどうやってWordPressをインストールするの？という方へ。

WordPressのレンタルサーバーへのインストールは難しくありません。

WordPressのインストール方法

まずはレンタルサーバーなどに契約していることが前提になります。

まだという方は、ぜひこの記事↓をご一読ください！

WordPressブログの始め方

WordPressでブログを始めると自由度が上がっていいらしい。だけど具体的にどうやって始めればいいの？ そんな方はぜひお読みください。 WordPressブログの始め方 WordPressでブログを開設するには次のよう…

1. WordPressのダウンロード

WordPress公式サイトから「WordPress 5.4をダウンロード」※1ボタンをクリックしてzipファイルをダウンロードします。

WordPressを入手
※1　当記事執筆時最新バージョンになります

zipファイルを解答し、Cyberduck, TransmitなどのSFTPアプリケーションでウェブサーバーにアップロードします。

ウェブサーバーにアップロード後、Chromeなどのブラウザで該当URLにアクセスします・

次のような画面が表示されますので「さあ、始めましょう！」をクリックして次に進みます。

データベース情報を入力し「送信」をクリックします。

「インストール実行」をクリック。

サイトの情報をパタパタと入力した後「WordPressをインストール」をクリックすると…

あっという間にインストールが完了しました。

デフォルトのテーマでブログが表示されます。

以上です！

以上はレンタルサーバーに契約していなければできないのですが、個人的におすすめするレンタルサーバーはさくらのレンタルサーバ スタンダードになります。

当ブログも、さくらのレンタルサーバー スタンダードで運用しています。

今回はこのへんで！よいWordPressライフを！！

The post WordPressのインストール方法 appeared first on caracal media／キャラカルメディア.

]]> PHP入門-メールフォームを自前でつくる。ゆるふわPHP第６回 https://media.caracal.jp/develop/php-mailform06/ https://media.caracal.jp/develop/php-mailform06/#comments Fri, 20 Dec 2019 09:00:00 +0000 https://media.caracal.jp/?p=282 PHP入門-第６回　メール送信できちゃうんです！ ゆるふわPHP第６回。今回はPHPでメール送信をする解説です。 PHP入門-メールフォームを自前でつくる。ゆるふわPHP第1回はこちら 前回記事はこちら phpにはメール…

The post PHP入門-メールフォームを自前でつくる。ゆるふわPHP第６回 appeared first on caracal media／キャラカルメディア.

]]>

PHP入門-第６回　メール送信できちゃうんです！

ゆるふわPHP第６回。今回はPHPでメール送信をする解説です。

phpにはメールを送信するmb_send_mailという命令があり、書式は次のようになります。

※mb_send_mailが許可されていないサーバーもあります。お使いのサーバーでmb_send_mailが許可されているかご確認ください。

mb_send_mail("aaa@bbb.com", "メール送信について", "こんにちは", "From:山田太郎<yamada@taro.com>");

上記プログラムの
「aaa@bbb.com」が送信先メールアドレス、
「メール送信について」が件名、
「こんにちは」が本文、
「From:山田太郎<yamada@taro.com>」が送信元メールアドレスになります。

また、日本語を送信する場合は言語の種類（日本語）と文字コードをそれぞれ次のプログラムのように「mb_language」と「mb_internal_encording」で指定しなければ、文字化けの原因となることがあり、受信したメールが全く読めないということになることもあります。

実際にメールを送信するプログラムです。

<html lang="ja">  
<head>  
<meta charset="UTF-8">
<title>はじめてのPHP</title>  
</head>  
<body>  
<?php  
// 言語を日本語に設定  
mb_language("Ja");

// 文字コードを設定（設定しないと文字化けの原因になることもあります）
mb_internal_encoding("UTF-8");

// 送信先のメアド　↓ここにご自分のメールアドレスを代入してください。
$mailto="aaa@bbb.com";

// 件名
$subject="件名（タイトル）です。";

// 本文
$content="内容を入れます。";

// 送信者
$mailfrom="From:".mb_encode_mimeheader("山田太郎")."<yamada@taro.com>";

// 送信します  
mb_send_mail($mailto, $subject, $content, $mailfrom);
?>  
</body>  
</html>

15行目の変数$mailtoに自分のメールアドレスを代入してください。ファイル名をmail.phpとしてブラウザでアクセス。

自分宛にメールが送信されれば成功です。

次回はラスト「PHP入門-第７回　メールフォーム完成！」になります。もう一息！

The post PHP入門-メールフォームを自前でつくる。ゆるふわPHP第６回 appeared first on caracal media／キャラカルメディア.

]]> https://media.caracal.jp/develop/php-mailform06/feed/ 2 PHP入門-メールフォームを自前でつくる。ゆるふわPHP第５回 https://media.caracal.jp/develop/php-mailform05/ https://media.caracal.jp/develop/php-mailform05/#comments Thu, 19 Dec 2019 09:00:00 +0000 https://media.caracal.jp/?p=280 PHP入門-第５回　条件式ってなんなんですか？ PHP入門-メールフォームを自前でつくる。ゆるふわPHP第1回はこちら 前回記事はこちら 条件式とは、「もし～ならば、～する」といったように、条件を満たしていればその後のプ…

The post PHP入門-メールフォームを自前でつくる。ゆるふわPHP第５回 appeared first on caracal media／キャラカルメディア.

]]>

PHP入門-第５回　条件式ってなんなんですか？

条件式とは、「もし～ならば、～する」といったように、条件を満たしていればその後のプログラムを実行させる命令になり、書式は次の様になります。

// もし、変数$ageが20ならば「条件式」と表示させる。  
if ($age == 20)  
{  
   echo "条件式";  
}

<html lang="ja">  
<head>  
<meta charset="UTF-8">
<title>はじめてのPHP</title>  
</head>  
<body>  
<?php  
$age = 20;  
 
if ($age == 20)  
{  
   echo "条件式";  
}  
?>  
</body>  
</html>

上記プログラムをcode05.phpとしてサーバにアップすると「条件式」と表示されます。

8行目の変数$ageの値を20以外の値にすると、表示されなくなることを確認してください。

また、等号をあらわす「==」の他に「>」「<」「>=」「<=」「!=」といった不等号記号等も使用することができます。

// もし、変数$ageが20より大きければ  
if ($age > 20)  

// もし、変数$ageが20より小さければ  
if ($age < 20)  

// もし、変数$ageが20以上ならば  
if ($age >= 20)   

// もし、変数$ageが20以下ならば  
if ($age <= 20)  

// もし、変数$ageが20でなければ  
if ($age != 20)

「PHP入門-第６回　メール送信できちゃうんです！！」に続きます。

The post PHP入門-メールフォームを自前でつくる。ゆるふわPHP第５回 appeared first on caracal media／キャラカルメディア.

]]> https://media.caracal.jp/develop/php-mailform05/feed/ 2 PHP入門-メールフォームを自前でつくる。ゆるふわPHP第４回 https://media.caracal.jp/develop/php-mailform04/ https://media.caracal.jp/develop/php-mailform04/#comments Wed, 18 Dec 2019 09:00:00 +0000 https://media.caracal.jp/?p=261 PHP入門-第４回　フォームで値を渡します PHP入門-メールフォームを自前でつくる。ゆるふわPHP第1回はこちら 前回記事はこちら htmlタグの で送信された値を、phpで と記述して受け取ります。 その際にhtml…

The post PHP入門-メールフォームを自前でつくる。ゆるふわPHP第４回 appeared first on caracal media／キャラカルメディア.

]]>

PHP入門-第４回　フォームで値を渡します

htmlタグの

<input name="hoge">

で送信された値を、phpで

$_POST["hoge"]

と記述して受け取ります。

その際にhtmlのformタグで値の渡し先を指定し、メソッドをgetかpostかを指定する必要があります。getとpostの違いは今は省略しますが、今回はpostを指定します。

また、受け取る値はhtmlspecialchars関数を使ってクロスサイトスクリプティングという悪意のある攻撃からのセキュリティ対策をします。

htmlspecialchars($_POST["hoge"])

ウェブプログラミングとセキュリティ対策は切っても切れない重要な関係です。
今回深くはセキュリティについては触れませんが、詳しく知りたい方はウェブプログラミングのセキュリティバイブル「体系的に学ぶ 安全なWebアプリケーションの作り方 第2版 脆弱性が生まれる原理と対策の実践」をお読みください。

体系的に学ぶ 安全なWebアプリケーションの作り方 第2版［リフロー版］　脆弱性が生まれる原理と対策の実践

Amazonで見る

<html lang="ja">  
<head>  
<meta charset="UTF-8">
<title>はじめてのPHP</title>
</head>
<body>
<form method="post" action="form.php">
<input type="text" name="value">
<input type="submit" name="submit" value="送信">
</form>
渡された値は
<?php
echo $_POST["value"];
?>
です。
</body>
</html>

上記プログラムをform.phpとして保存。サーバにアップしてブラウザでアクセスすると、まず値を入力するテキスト入力フォームと送信ボタン、「渡された値はです。」と表示されます。

テキスト入力フォームになにか文字や数字などの文字列を入力して「送信」ボタンをクリックすると、「渡された値は○○○です。」と入力された文字列が表示されます。

「PHP入門-第５回　条件式ってなんなんですか？」に続く。

The post PHP入門-メールフォームを自前でつくる。ゆるふわPHP第４回 appeared first on caracal media／キャラカルメディア.

]]> https://media.caracal.jp/develop/php-mailform04/feed/ 2 PHP入門-メールフォームを自前でつくる。ゆるふわPHP第３回 https://media.caracal.jp/develop/php-mailform03/ https://media.caracal.jp/develop/php-mailform03/#comments Tue, 17 Dec 2019 09:00:00 +0000 https://media.caracal.jp/?p=257 第３章　四則演算ってなんなの？ 四則演算とは足し算、引き算、かけ算、割り算のことです。 PHP入門-メールフォームを自前でつくる。ゆるふわPHP第1回はこちら 前回記事はこちら 四則演算にはそれぞれ次のような記号を使いま…

The post PHP入門-メールフォームを自前でつくる。ゆるふわPHP第３回 appeared first on caracal media／キャラカルメディア.

]]>

第３章　四則演算ってなんなの？

四則演算とは足し算、引き算、かけ算、割り算のことです。

四則演算にはそれぞれ次のような記号を使います。
「+」 たす
「-」 ひく
「*」 かける
「/」 わる

$a = 5 + 8;

とすると変数$aには5たす8の答えである13が代入され

$b = 20 / 4;

とすると変数$bには20わる4の答えである5が代入されます。

$a = 15;
$b = 3;
$c = $a * $b;

上の式ようにあらかじめ変数$aに15を、変数$bに3を代入しておいて計算することもできます。

ちなみに上記の場合は変数$cには15かける3の答えである45が代入されます。

<html lang="ja">  
<head>  
<meta charset="UTF-8">
<title>はじめてのPHP</title>
</head>
<body>
<?php
$value1 = 8;
$value2 = 3;

$answer1 = $value1 + $value2;
$answer2 = $value1 - $value2;
$answer3 = $value1 * $value2;
$answer4 = $value1 / $value2;

echo $value1 . "と" . $value2 . "を";
echo "たすと" . $answer1 . "、ひくと" . $answer2 . "、";
echo "かけると" . $answer3 . "、わると" . $answer4 . "になります。";
?>
</body>
</html>

前回同様、上記ファイルを「code03.php」としてブラウザでアクセスしてみてください。
「8と3をたすと11、ひくと5、かけると24、わると2.66666666667になります。」
と表示されれば成功です。

8行目と9行目の$value1と$value2に代入する値をいろいろ変更すると、表示される結果が変わってくるのでいろいろと試してみてください。

「PHP入門-第４回　フォームで値を渡します」に続く。

The post PHP入門-メールフォームを自前でつくる。ゆるふわPHP第３回 appeared first on caracal media／キャラカルメディア.

]]> https://media.caracal.jp/develop/php-mailform03/feed/ 2 PHP入門-メールフォームを自前でつくる。ゆるふわPHP第２回 https://media.caracal.jp/develop/php-mailform02/ https://media.caracal.jp/develop/php-mailform02/#comments Mon, 16 Dec 2019 02:50:00 +0000 https://media.caracal.jp/?p=245 PHP入門-第２回　変数ってなに？ PHP入門-メールフォームを自前でつくる。ゆるふわPHP第1回はこちら 変数とは数値や文字列を入れる入れ物のようなものです。先頭に「$」（ダラーまたはダラ）を付けた半角英数字の文字列が…

The post PHP入門-メールフォームを自前でつくる。ゆるふわPHP第２回 appeared first on caracal media／キャラカルメディア.

]]>

PHP入門-第２回　変数ってなに？

変数とは数値や文字列を入れる入れ物のようなものです。先頭に「$」（ダラーまたはダラ）を付けた半角英数字の文字列が変数と見なされます。文字列は一部例外がありますが、基本的にはなんでも構いません。$a, $value, $hoge　などなど。

<html lang="ja">  
<head>  
<meta charset="UTF-8"> 
<title>はじめてのPHP</title>  
</head>  
<body>  
<?php  
$value = "Hello, World!!";  
echo $value;  
?>  
</body>  
</html>

上記のように記述し、ファイル名を「code02-01.php」としてお手持ちのサーバーにアップロードすると、前回と同様に「Hello, World!!」と表示されます。

$value = "Hello, World!!";

は$valueに文字列”Hello, World!!”を「代入する」と言います。

また、文字列の他にも数値を代入することもできます。
文字列は前後を「 ” 」（ダブルクォーテーション）で囲みますが、数値は前後に何も付けません。

<html lang="ja">  
<head>  
<meta charset="UTF-8">
<title>はじめてのPHP</title>  
</head>  
<body>  
<?php  
$age = 23;  
echo $age;  
?>  
</body>  
</html>

上記を入力し、ファイル名を「code02-02.php」としてアップロードしてブラウザで見てみると「23」と表示されます。

また、文字列同士や文字列と数値などを「 . 」（ドット）で連結することもできます。

<html lang="ja">  
<head>  
<meta charset="UTF-8">
<title>はじめてのPHP</title>  
</head>  
<body>  
<?php  
$before = "わたしは";  
$age = 23;  
$after = "才です。";  
echo $before . $age . $after;  
?>  
</body>  
</html>

上記ファイルを「code02-03.php」と入力してサーバーにアップ、ブラウザでアクセスすると「わたしは23才です。」と表示されます。

「PHP入門-第３回　四則演算ってなんなの？」に続きます。

The post PHP入門-メールフォームを自前でつくる。ゆるふわPHP第２回 appeared first on caracal media／キャラカルメディア.

]]> https://media.caracal.jp/develop/php-mailform02/feed/ 1 PHP入門-メールフォームを自前でつくる。ゆるふわPHP第１回 https://media.caracal.jp/develop/php-mailform01/ Sun, 15 Dec 2019 00:37:12 +0000 https://media.caracal.jp/?p=236 プログラミング初心者の方を対象に「PHPでメールフォームを作ってみよう！」記事を公開します。 対象読者 HTMLとCSSはワリと覚えてきたけど次に何を覚えよう？ Googleフォームはメールフォームを簡単に作成できて便利…

The post PHP入門-メールフォームを自前でつくる。ゆるふわPHP第１回 appeared first on caracal media／キャラカルメディア.

]]>

プログラミング初心者の方を対象に「PHPでメールフォームを作ってみよう！」記事を公開します。

対象読者

  • HTMLとCSSはワリと覚えてきたけど次に何を覚えよう？
  • Googleフォームはメールフォームを簡単に作成できて便利だけど、自由にデザインできないのが不便。
  • WordPressのテーマとかをいじってみたいんだけどPHPっていうのがいじれると有利らしい

といった方々が対象です。

PHP入門-メールフォームのしくみ

今回作成するメールフォームのしくみはざっくりと下の図のようになります。
ユーザーがブラウザのメールフォームからウェブサーバーへデータを送信。
ウェブサーバーがそのデータを受け取って開発者へメールを送信する。

PHPとは？

PHPとはWebサイト上で動作するプログラムの一つで、HTML内に記述することができるので、お手軽で便利。
メールフォームを動作させるためにはお使いのサーバーがメールを送るのに必要になる、mb_send_mailに対応していることが必要になります。
契約しているレンタルサーバーがPHPに対応しているなら、だれでも簡単に試すことができます。

  • おすすめレンタルサーバー
    さくらのレンタルサーバ・スタンダード
    月額524円（初期費用1,048円が必要）と安くて非常に安定していて、今回必要になるmb_send_mailという関数にも対応しています。

アジェンダ

この連載ではHTML,CSSを一通り習得した方を対象に以下の項目に沿ってPHPで実際にメール送信ができるメールフォームを完成させるまでをチュートリアルしていきたいと思います。

第１章　PHPってなに？（この記事）
第２章　変数ってなに？
第３章　四則演算ってなんなの？
第４章　フォームで値を渡します
第５章　条件式ってなんなんですか？
第６章　メール送信できちゃうんです！！
第７章　メールフォーム完成！！

それでは、第１章スタート！！

第１章　PHPってなに？

PHPとはwebサイト上で動作するプログラムの一つで、HTML内に記述することができるので、お手軽で便利。

PHPのルール

プログラミング言語だけに数限りなくルールはあるのですが、ここでとりあえず覚えるべきルールは３つだけ。

  • 拡張子は基本的には「.php」
  • PHPはプログラムを「<?php」で始まり「?>」で閉じる
  • 各行の終わりには基本的には「 ; 」（セミコロン）を付ける

<html lang="ja">  
<head>  
<meta charset="UTF-8"> 
<title>はじめてのPHP</title>  
</head>  
<body>  
<?php  
echo "Hello, World!!";  
?>  
</body>  
</html>

上記のように記述し、ファイル名を「code01.php」としてお手持ちのサーバーにアップしてみてください。
Chromeなどのブラウザでアップしたphpファイルにアクセスし、「Hello, World!!」と表示されれば成功です。

次回、「第２章　変数ってなに？」に続きます。

The post PHP入門-メールフォームを自前でつくる。ゆるふわPHP第１回 appeared first on caracal media／キャラカルメディア.

]]> SQLiteでカラムを削除する簡単な方法 https://media.caracal.jp/develop/sqlite-dropcolumn/ Wed, 30 Oct 2019 13:22:16 +0000 https://media.caracal.jp/?p=41 SQLiteでカラムを削除しようとすると非常に面倒で、「新規にテーブルを作り、古いテーブルからデータを移し、古いテーブルを削除してから新規作成したテーブルを元のテーブルと同じ名前にリネームする」ということをしなければなり…

The post SQLiteでカラムを削除する簡単な方法 appeared first on caracal media／キャラカルメディア.

]]>

SQLiteでカラムを削除しようとすると非常に面倒で、「新規にテーブルを作り、古いテーブルからデータを移し、古いテーブルを削除してから新規作成したテーブルを元のテーブルと同じ名前にリネームする」ということをしなければなりません。※

そんなときは「DB Browser for SQLite」を利用してカラム削除をすればとても楽チン。

DB Browser for SQLiteはGUIでSQLiteを操作するアプリケーションです。
ダウンロードは以下のサイトから。

Downloads – DB Browser for SQLite

今回の例では「articles」テーブルの「published_at」カラムを削除します。

ダウンロードしたアプリケーションを起動するとウィンドウが表示されるので「Open Database」をクリックします。

操作したい拡張子「.sqlite」のSQLiteのデータファイルを選択します。

カラムを削除したいテーブルを選択し、「Modify Table」をクリックします。

すると次のような画面が表示されるので削除する「published_at」カラムを選択して「Remove field」をクリック。

確認画面が表示されるので「Yes」をクリックしてカラムを削除します。

以上です。
簡単ですね。

それでは、よいプログラミングライフを！

※ Laravelを使っていればmigrationを用いて
 $table->dropColumn(‘hoge’);
 一行でできます。

The post SQLiteでカラムを削除する簡単な方法 appeared first on caracal media／キャラカルメディア.

]]>