[html]の検索結果


レスポンシブウェブデザイン（Responsive Web Design）は、PC、タブレット、スマートフォンなど、様々なデバイスに最適化したWebサイトを、単一のHTMLで構築するデザイン手法で、ブラウザのスクリーンサイズを基準にCSSでレイアウトを調整することで、マルチデバイスに対応したWebサイトを構築することができる。

レスポンシブWebデザインとは
レスポンシブWebデザインの作り方（簡単設定方法）

レスポンシブ・ウェブデザイン標準ガイド あらゆるデバイスに対応するウェブデザインの手法
エムディエヌコーポレーション 著者：こもりまさあき


amazon.co.jpのカスタマーレビューを見る
powered by amalink

[2231] Posted by kagahiro at 2012/10/19 17:35:45
1 point | Link (4) | Trackback (0) | Comment (1)

PHPの開発環境でプログラムからメールを送信できるかチェックするために作成した、ごく簡単なメールフォームのサンプルスクリプト（プログラム）です。

mailmform.phpを実行すると入力フォームが表示され。送信ボタンを押す（クリック）すると入力した内容がメール送信されます。

<?php
//------------------------------------------------------------------------------
//    mailform.php - sample mailform php script
//------------------------------------------------------------------------------

mb_language("Japanese");
mb_internal_encoding("UTF-8");

define("MAILTO", "*******@****.***");

$proc = isset($_POST['proc']) ? $_POST['proc'] : '';
//echo $proc; // for debug
if ($proc == 'send') {
    _send();
}
else {
    _input();
}

// 初期表示
function _input() {
    $formdata = array();
    $formdata['subject'] = '';
    $formdata['name'] = '';
    $formdata['from'] = '';
    $formdata['body'] = '';
    _input_form($formdata, '');
}

// 入力フォーム表示
function _input_form($formdata, $message) {

    // XSS対策
    $formdata['subject'] = htmlspecialchars($formdata['subject'], ENT_QUOTES);
    $formdata['name'] = htmlspecialchars($formdata['name'], ENT_QUOTES);
    $formdata['from'] = htmlspecialchars($formdata['from'], ENT_QUOTES);
    $formdata['body'] = htmlspecialchars($formdata['body'], ENT_QUOTES);

echo <<<EOF
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>サンプルメールフォーム</title>
</head>
<body>
<h2>サンプルメールフォーム</h2>
<p>$message</p>
<form action="mailform.php" method="post">
<input type="hidden" name="proc" value="send">
件名：<br />
<input type="text" name="subject" size="50" value="${formdata['subject']}" /><br />
名前：<br />
<input type="text" name="name" size="50" value="${formdata['name']}" /><br />
メールアドレス：<br />
<input type="text" name="from" size="50" value="${formdata['from']}" /><br />
本文：<br />
<textarea name="body" cols="50" rows="10">${formdata['body']}</textarea><br />
<br />
<input type="submit" value="送信" />
</form>
</body>
</html>
EOF;

    exit();
}

// メール送信
function _send() {

    // パラメータ取得
    $formdata = array();
    $formdata['subject'] = isset($_POST['subject']) ? $_POST['subject'] : '';
    $formdata['name'] = isset($_POST['name']) ? $_POST['name'] : '';
    $formdata['from'] = isset($_POST['from']) ? $_POST['from'] : '';
    $formdata['body'] = isset($_POST['body']) ? $_POST['body'] : '';

    // 入力チェック
    if ($formdata['subject'] == '') {
        _input_form($formdata, '件名を入力してください');
    }
    if ($formdata['name'] == '') {
        _input_form($formdata, '名前を入力してください');
    }
    if ($formdata['from'] == '') {
        _input_form($formdata, 'メールアドレスを入力してください');
    }
    else {
        if (!preg_match('/^[-+\\w]+(\\.[-+\\w]+)*@[-a-z0-9]+(\\.[-a-z0-9]+)*\\.[a-z]{2,6}$/i', $formdata['from'])) {
            _input_form($formdata, '正しいメールアドレスを入力してください');
        }
    }
    if ($formdata['body'] == '') {
        _input_form($formdata, '本文を入力してください');
    }

    // 送信
    $header = "From: " . mb_encode_mimeheader($formdata['name']) . ' <' . $formdata['from'] . '>';
    $result = mb_send_mail(MAILTO, $formdata['subject'], $formdata['body'], $header);
    if ($result) {
        _input_form($formdata, 'メールを送信しました');
    }
    else {
        _input_form($formdata, 'メール送信に失敗しました');
    }
}

?>
[2216] Posted by kagahiro at 2012/06/13 13:04:06
0 point | Link (5) | Trackback (0) | Comment (0)

おそらくバックアップをとってない人が多そうだけど、データベースの中身がなくなるのは、事故があった場合だけじゃないので怖いよね。

Movable Typeの過去ログが、静的HTMLで残っているというのは、何らかのトラブルがあった時に最悪ログが残るという利点がある。ブログツールで結構起きやすいのが、データベースの事故だが、万が一事故があっても、静的HTMLならHTMLだけは残ってくれる。しかし、WordPressの場合はデータベースに事故があったら、完全に消えてしまう。移転に関しては、コピーするだけで済んだが、たとえMovable Typeを使わなくなっても、ログを残す事に関してはWordPressより便利だろう。

ブックマーク先へ 元Movable Typeユーザー、現WordPressユーザーが考えるMovable Typeの利点 : ARTIFACT ―人工事実―

[2163] Posted by kagahiro at 2012/04/17 17:23:12
0 point | Link (0) | Trackback (0) | Comment (0)

オープンソースのシンプルな掲示板CGI「ThreadPlus 1.0」をリリースしました。プログラミング言語はperl、ライセンスはGPLv2です。ThreadPlusは、以前公開していた掲示板CGI（bbsCGI.CGI）の機能を見直し、若干の機能...
[2140] Posted by kagahiro at 2012/01/17 23:17:11
1 point | Link (2) | Trackback (0) | Comment (1)

ホームページでよく利用される、掲示板、Q&A、共有ブックマーク（リンク集）、連絡フォーム といった機能を、まとめて簡単にホームページに導入（一部機能だけの導入も可能）できる比較的簡単なPerlプログラム「CGI ...
[2075] Posted by kagahiro at 2010/11/14 23:38:58
0 point | Link (3) | Trackback (0) | Comment (0)

jQuery（ジェイクエリー）は、ジョン・レッシグ（John Resig）らによって開発されたオープンソース（MITライセンス）のJavaScriptライブラリの一つ。jQuery is a fast and concise JavaScript Library that simplifi...
[2068] Posted by kagahiro at 2010/11/01 14:14:39
0 point | Link (1) | Trackback (0) | Comment (0)

さくらインターネットが、共用レンタルサーバーサービス「さくらのレンタルサーバ」および専用レンタルサーバーサービス「さくらのマネージドサーバ」で提供しているブログサービス「さくらのブログ」をバージョンア...
[2062] Posted by kagahiro at 2010/10/21 19:43:15
0 point | Link (2) | Trackback (0) | Comment (0)

JSONP（JSON with padding）は、JSON形式のデータにコールバック関数の呼び出しのためのコードを付加して、クロスドメインなデータの取得を可能にする仕組みのこと。ブラウザに実装されている「同一生成元ポリシー（...
[2061] Posted by kagahiro at 2010/10/21 13:53:53
0 point | Link (1) | Trackback (0) | Comment (0)

Ajaxzip3は、川崎有亮氏が作成した郵便番号住所変換JavaScriptライブラリ「AjaxZip 2.0」を株式会社人気組が中心となって JSONP 対応したもので、サーバー設定なしでHTMLにコードを追加するだけで誰でも簡単に郵便番...
[2058] Posted by kagahiro at 2010/10/20 11:12:21
0 point | Link (1) | Trackback (0) | Comment (0)

「TinyMCE」は、プラットホームに依存しないオープンソース（LGPL）のJavaScript HTML WYSIWYGエディター。オープンソースのCMS（コンテンツマネージメントシステム）と親和性が高く、WordPress、Movable Type、Drup...
[2046] Posted by kagahiro at 2010/10/02 11:25:41
0 point | Link (1) | Trackback (0) | Comment (0)

|< 先頭へ  < 前へ  1 2 3 4 5  次へ >


アクセスランキング

今日のアクセスランキング TOP 10

  1. Million Dollar（MT4）リアルフォワード（myfxbook） #Gold(XAUUSD) #ナンピンマーチン (3 PV)
  2. 自作のMT4向け無料EA（口座縛り無し、ブローカー縛り無し、使用期限無し）とゴゴジャン出品中の有料EAの一覧 #MT4 (2 PV)
  3. 有名まとめサイトの管理人「JIN」さんが株、FXで約-8000万の大損失 #もうダメだ、終わった (2 PV)
  4. [Perl]メールフォームCGIの作り方 (1 PV)
  5. 「Repeat K」高値安値の中間レートを基準に逆張りポジションを持つMT4向けリピート系（ナンピン）無料EA #自動売買 (1 PV)
  6. YouTubeドラマまとめ ドラマ・映画 -VideoNavi- #無料 (1 PV)
  7. [FX]裁量ポジションを簡単に管理できるMT4向け無料EA「PositionKeeper」 (1 PV)
  8. DECOLOG（デコログ） (1 PV)
  9. MT5用レンジ相場向け逆張りナンピンEA「Nanpin K（ナンピンケイ） MT5」を完全無料で公開 (1 PV)
  10. Google News （グーグルニュース）日本版 (1 PV)

今月のアクセスランキング TOP 10

  1. SQLのSELECT文で先頭から上位（TOP）10件のレコードを取得する方法（SQL Server、Oracle、MySQL、PostgreSQL） (1952 PV)
  2. 安全性重視の完全無料ナンピンマーチンEA「Million Dollar（ミリオンダラー）」 #FX #ゴールド #ビットコイン (325 PV)
  3. Google Finance（グーグルファイナンス）- リアルタイム株価情報、金融ニュース、日本株 (287 PV)
  4. MT4向けオープンソースナンピンマーチンEA「Automaton」 (168 PV)
  5. 自作のMT4向け無料EA（口座縛り無し、ブローカー縛り無し、使用期限無し）とゴゴジャン出品中の有料EAの一覧 #MT4 (150 PV)
  6. 完全無料のMT5用ナンピンEA「Nanpin K（ナンピンケイ） MT5」 (146 PV)
  7. [FX]高値更新・安値更新でエントリー、MT4向け無料スキャルピングEA「1Scalper」#システムトレード (142 PV)
  8. MT4向け1ポジアノマリーEA「DAY TRADING」オープンソースライセンス（GPL3）で公開 #ドル円 (129 PV)
  9. 完全無料のMT4向けナンピンEA「Nanpin K（ナンピンケイ）」 (120 PV)
  10. SQLiteのSELECT文で上位 (TOP) n件のデータを取得する (114 PV)

アクセス統計

ディレクトリ

関連サイト