2015-06-01から1ヶ月間の記事一覧
今回は配列の合計値を求めるフローチャートとJavaScriptを書きます。 (adsbygoogle = window.adsbygoogle || []).push({}); フローチャート JavaScript var a = [ , , , ...]; var b = 0; var l = a.length; for(var i = 0; i < l; i++){ b = b + a[i]; } co…
昨日に続きフローチャートの練習をしていきます。フローチャートを書くときにはプログラム的な書き方ではなく、 日本語で誰が見てもわかるように書くのがポイントと教えてもらったので、なるべく数式を入れずに書いてみました。 (adsbygoogle = window.adsby…
プログラムを書く際にフロー処理を行うのと行わないのでは大きな差が出ます。 例えば ・考えてることを書くことによって頭の整理ができる。 ・プログラムを書くときのバグを減らせる。 ・完成の形を一度書いているので間違いを見つけやすい などなど (adsbyg…
テーブルタグで表示する方法を二通り (adsbygoogle = window.adsbygoogle || []).push({}); 必要なところだけphpで囲む(おすすめ) <table> <tr> <th> ~~ </th> </tr> <tr> <td> </td> </tr> </table> 全てphpで囲む "; echo "<tr>"; echo "<th>"; ec…</th></tr>
ディレクトリ内にある画像を読み取って全て表示してみよう。 (adsbygoogle = window.adsbygoogle || []).push({}); PHP read()){ $path = $dir_name -> path . "/" . $file_name; if (@getimagesize($pa…
今回はXAMPPを使用してます。まずMySQLでテーブルを作成します。 CREATE TABLE IMAGES ( ID INT NOT NULL AUTO_INCREMENT, // ID IMG MEDIUMBLOB NOT NULL, // 画像データ PRIMARY KEY ( ID ) ) (adsbygoogle = window.adsbygoogle || []).push({}); 画像の…
新規テーブルの作成 CREATE TABLE 新しいテーブルを作成するためには、 CREATE TABLE テーブル名 ( 列名１ データ型, 列名２ データ型, 列名３ データ型 ); となります。 例： CREATE TABLE book ( id INT, title VARCAR, price INT, genre VARCAR ); イメー…
今日は初めてSQLをやりました。 とても難しかったけど楽しくできました。 そんな中で使用した基本的なものをまとめてみます。 SQL構文 ・対象テーブルから指定列を検索 SELECT 取得する配列 FROM 対象となるテーブル;・対象テーブルから全ての列を検索 SELEC…
formタグ formタグは入力や送信フォームを作る際に使用されます。 input,select,textareaなどのタグを中に使用して、テキストボックスやチェックボックスなどのフォーム部分を配置します。formで入力されたデータはwebサーバーへ送信されます。 そのときの送…
若干JavaScriptと似たような感じですね。 for文を使って作ってみよう。 "; for ( $i = 1; $i <= 100; $i++){ echo "<input type='button' name='btn' value='{$i}' style='width: 48px'>"; } echo "</form>"; ?>プログラムを使わなかったらinputを100個書かなくてはならないのに、for文を使えばたったこれだけで作れます。 ポイント fo…
インチからセンチメートルへの単位変換ツールを作ってみよう <html> <head> <meta charset="utf-8"> </head> <body> <h1>インチからセンチメートルへ変換</h1> </body></html>
本日からインターンに行かせていただくことになりました。 緊張と不安でいっぱいでしたが、帰る頃にはもっと勉強しないと！と思えるぐらい気合入りました。 XAMPP Apache PHPを学ぶときにわざわざサーバーを借りて、書いたプログラムを転送して正しく動くか…
画面の大きさはパソコンによってそれぞれなので、それに見合った表示が出来れば良いなと思い挑戦してみました。 $(function(){ var wi = $(window).width(); if ( 960 <= wi <= 1280 ){ $('body').css('zoom','67%'); } else if ( 1281 <= wi <= 1600 ){ $('…
$(function(){ $('a').click(function(){ $('img').attr('src','book.jpg').attr('alt','本'); }); });<a href="book.jpg">画像を変更する</a> <p><img src="pen.jpg" alt="ペン"></p>a要素をクリックするとclickイベントが発生して画像が変更されるはずですが、 その後にブラウザはhrefに設定したリンク先へ飛んでしまい…
nth-childのscript部分 $(function(){ $('p:nth-child(even)').css('color','#00F'); });p要素の偶数の文字を青色に変える html部分 <h1>勉強の科目</h1> <h2>文系</h2> <p>古典</p> <p>日本史</p> <p>英語</p> <h2>理系</h2> <p>物理</p> <p>数学</p> <p>科学</p> 結果 となります nth-of-typeの場合 $(function(){ $('p:nth-of-ty…
