2013-02-01から1ヶ月間の記事一覧
WordPressレッスンブックの通りにサンプルページを作成 トップページを作成 ヘッダーを表示 スタイルシートでデザインを表示 記事のタイトルと本文を表示 記事のデザインを表示 記事の投稿日時とカテゴリーを表示 画像を使ってデザイン トップページの記事を…
Webmastertoolに自分のサイトを登録します WebmastertoolはGoogleのサービスです。 Webmastertoolの画面上でURLを入力して「サイトを追加」をクリックします サイトマップがありませんと表示されますので、サイトマップを作って送信しましょう。 無償ツール…
140×140、300×300、140×300、300×140の画像だけでレイアウトを作る練習をしました。 完成形 html5形式で作ります。 作成のコツ まず、pタグを使ってすべての画像を並べます。 html5ではpタグの代わりにを使うので、に打ち替えます。 html5ではdivタグの代わ…
地図の中心となる緯度経度を指定し、地図の拡大レベルを指定します。 緯度経度情報は下記のサイトで取得することができます。 座標として提示される35.710208, 139.812734という数字が緯度経度情報です。 Geocoding 池袋駅を中心とした地図を取得してみます…
iPhoneが持っているGPS機能を活用して位置情報を取得するプログラムです。 html <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <title>iPhone位置情報取得</title> <script> //正常に緯度経度情報が取得できた時に呼ばれる関数 function successFunc(e){ var gps = document.getElementById("…</meta></meta></head></html>
html <html lang="ja"> <head> <meta charset="UTF-8"> <title>Google Mapsルート検索</title> <style> #map_canvas{ width:700px; height:500px; } #container{ width:700px; margin:auto; } </style> <script src="http://maps.google.com/maps/api/js?sensor=false"></script> <script src="mapdrow.js"></meta></head></html>
東京駅から埼玉県の長瀞駅まで車を運転して行くルートマップを表示します。 APIの指定項目を詳細に指定するだけで、きめ細かいドライブルートの指示が得られます。 こんな情報が自動的に出てくるなんてすごいですね。 html <html lang="ja"> <head> <meta charset="UTF-8"> <title>ルート検索マップGoogle Maps </title></meta></head></html>…
池袋駅からフェリカまでのルートマップを表示します。 html <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <title>ルートマップ</title> <style> html, body { margin:0; padding:0; } div#map_canvas { width:330px; height:370px; }…</meta></meta></head></html>
TwitterのSearch APIを利用して「池袋駅から半径３km」のつぶやきを自動で連続取得・表示します。 用意するファイル index.html style.css js/modernizr.js js/geo.js ファイルの内容 index.html <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <title>GPS機能とTwitterの連携</title> </meta></meta></head></html>
Twitterとはてなのアプリ連携で実現 はてなダイアリー管理画面の設定から外部サービス連携を選択 Twitter連携設定で自分のTwitterアカウントを入力して有効にします Twitter側で見てみると自分のツイートにはてなの記事が表示されました。 参考はてな記事公…
RSS配信用のxmlファイルを設置しているブログの情報は自動取得して表示することができます。 自動取得できるかどうかの見分け方 このオレンジのアイコンが出ていれば可能 （これはChromeでRSSワンタッチ登録拡張機能をインストールしている場合に表示されま…
Google APIを活用します。 Google Developersのグラフ作成用API「Google Chart Tools」の中にあるInfographicsにQRコード作成機能があります。 入力フォーム qrcode.html <html> <head> <meta charset="UTF-8"> <title>QRコード入力画面</title> <style> body{ text-align:center; } </style> </head> <body> <p>QRコードにしたい文字を入力し</p></body></html>…
Google Analytics（無料）を活用するとサイトのアクセス解析ができます。 Google Analyticsと検索してサイトを表示、Googleアカウントを使ってアカウントを作成します。 はてなダイアリーをトラッキングする 設定-外部サービス連携-Google Analytics連携にト…
Twitterのウィジェットを作成し、はてなダイアリーのサイドバーに表示します 自分のタイムラインを表示することもできますが、テーマを決めて検索、収集した記事を表示することもできます。 設定からウィジェット-新規作成 ウィジェット作成画面で、タイムラ…
Youtube側でデータ形式の変換をすべて実行してくれるので、用意した動画をそのままYoutubeにアップロードするだけで見せる事ができます。F4V形式：MPEG4を伴ったFlashビデオ アノテーション：指定のタイミングで文字を吹き出しなどで表示させることができま…
授業でWordpressの導入について学習しましたので、自宅でも同様にインストールしてみます。 Wordpress公式サイトよりwordpress-3-5-1-ja.zipをダウンロード。 回答したwordpressフォルダをxampp\htdocsフォルダに格納。 Xamppを起動し、Mysqlをstartさせてダ…
はてなのデザインをカスタマイズして見栄えを整える事により、ブログを書くモチベーションを高めようと目論見、カスタマイズにチャレンジしました。 しかし、h4に見出し画像を出そうと、何度スタイルシートを更新してもうまくいかない。どうやらはてなのデザ…
●PHPの教科書にそって、データベースをさらに勉強する。 ＜PHPの教科書のページ：Part5 実用的なプログラムの作成 P.187＞ 昨日作成したmydb2にPHPAdmin管理画面からフィールドを3つ追加する。（sales, created, modified） テキストのダブルクォーテーショ…
有料レンタルサーバー「ドメインキング」でデータベースを動作させる Dreamweaverで作成しておいた下記の４つのファイルをドメインキングのサーバーにFFFTPを使ってアップロードします。 この際、ドメインキング側でデータベースの設定、PHPの設定が必要にな…
安さで評判のロリポップとドメインキングを比較検討の結果、現時点での初期費用の安さにつられてドメインキングに申し込み。 ドメインを指定しないと申し込みが先に進まないようだったので、ドメインも即効でドメイン名を決めて申し込みした！ ドメインキン…
テストサーバーXamppでデータベース動作させる Xamppを起動してstartさせた、MySqlのAdminをダブルクリックする。何も開かなければApacheの方のAdminをダブルクリックする。 と、Xamppの管理画面が開く。 左下のほうにあるphpMyAdminをクリックする。 と、ph…
＜ポイント＞ for文 $i++ で1つずつ増やす 画像の名前を1.jpg、2.jpg、3.jpg・・・にする <html> <head> <meta charset="utf-8"> <title>指定個数の画像を表示する</title> </head> <body> ' . "\n"); } ?> </body> </html>
bodyとh1の背景画像を変更してみた。 h1の背景画像サイズがうまくいかない。920×180でも910×180でも画像が足りないところが出てくる。横幅を1020にしてもだめ。 うーん。
入力画面 <html lang="ja"> <head> <meta charset="utf-8"> <title>メンバー登録フォーム</title> <style> body{ /*text-align:center; */ } table{ text-align:left; /* border-collapse:collapse; */ } </style> </head> <body> <h1>メンバー登録</h1> <hr> <br> <table width="500" border="1"> <tr> <td> </td></tr></table></hr></body></html>
PHPで九九の表を作る 以前javascriptで作成した九九の表と、ここ最近のPHPの記述をマージして制作。 <html> <head> <meta charset="UTF-8"> <title>PHPで九九</title> <style> table{ border-collapse:collapse; } td, th{ width:50px; text-align:center; } th{ background-color:#9FF; } </style> </head> <body> <table width="500" border="1"> <…</table></body></html>
名前を入力してもらい、入力された名前を表示するPHP(ページを遷移して入力内容を表示する） [入力画面] [表示画面] <html> <head> <meta charset="utf-8"> <title>自分の名前を表示する</title> </head> <body> <form method="POST" action="ans.php" name="name1"> <label for= "name1">お名前：</label> <input type="text" name="name1" size="35" maxlength="255"> </form></body></html>
最新SEO情報 日付の新しいものに検索エンジンは反応する。ブログが効果的なのはこの点にある。 ブログを書き続けること ブログからのリンクを貼ること p、リストは拾われるが、hの重要性は下がってきている タイトルを余りにも頻繁に本文中に登場させてはい…
Simpleviewer cs2 Postcardviewer photoshopなどで検索して探し出す cs5の場合 ダウンロードしたCS5用ファイルを解凍するとadobe独自のインストール用ファイル（形式mxp）になって、ダブルクリックするとインストールされる。 cs2の場合 ダウンロードしたCS2…
雪が霙になり、積もることはなかったため学校は通常通りに授業が行われました。 ネット上に、Photoshop用のカスタムシェイプ、カスタムブラシが数多く散布されているので、それらをダウンロードしてインストールし、組み合わせて使うことで、絵が上手でない…
eclipseでのPHP環境構築 ※eclepseは毎回格納してあるフォルダ内のeclipse.exeファイルから起動する ※起動時のファイルの関連付けが重要でこれによりうまくいったりいかなかったりする 日本語環境 php.iniの編集 UTF-8 timezone → Asia/Tokyo 実際にPHPを打つ…
