Three.jsを使って、作ってみた

プログラミング関連の事を色々書いています(^^) 週末はレストランやコンビニのお菓子のことを書いています。

2014-02-01から1ヶ月間の記事一覧

CSSとは

css

今回は、CSSについて書きます。 CSSは、Cascading Style Sheets(CSS、カスケーディング・スタイル・シート、カスケード・スタイル・シート)の略で、HTML や XML の要素をどのように修飾(表示)するかを指示する、W3Cによる仕様の一つ。とwikipediaに書か…

Javascript  シングルクォーテーション「'」とダブルクォーテーション「"」の違い

今回は、Javascriptのシングルクォーテーション「'」とダブルクォーテーション「"」の違いについて書きます。 シングルクォーテーション,ダブルクォーテーション、実行してみると、どちらもブラウザ上では同じ感じです。 document.write("はろー"); document…

jQuery UI Effect

今回は、jQuery UIのEffectについて書きます。 Effectは、アニメーションエフェクトのことです。 高度な表示効果を実現できます。アニメーション前 アニメーション後 このように使います。 <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery ui</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> </link></meta></head></html>

jQuery UI Tabs

今回は、jQuery UIのTabsについて書きます。 Tabsは、タブ式メニューのことです。 このように使います。 <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery ui</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> <script src="http://code.jquery.com/jquery-1.10.2.js"></link></meta></head></html>

jQuery UI Slider

今回は、jQuery UIのSliderについて書きます。 Sliderは、スライダーのことです(笑) こういうものです↓ マウスで左右にいろいろ動かせられるやつです。 このように使います。 <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery ui</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> </link></meta></head></html>

jQuery UI Progressbar

今回は、jQuery UIのProgressbarについて書きます。 Progressbarは、進捗状況を表示するバーのようなものです。 このように使います。 <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery ui</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> </link></meta></head></html>

jQuery UI Dialog

今回は、jQuery UIのDialogについて書きます。 Dialogは、このようなものです↓ メッセージを表示するものです。 このように書きます。(ボタンを押して、Dialogを表示します) <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery ui</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> </link></meta></head></html>

jQuery UI Datepicker

今回は、jQuery UIのDatepickerについて書きます。 Datepickerは、日付の入力を便利にするものです。 このように書きます。 <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery ui</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> </link></meta></head></html>

jQuery UI Button

今回は、jQuery UIのButtonについて書きます。 Buttonは、ボタンです(笑) カッコイイボタンが簡単に作れます。このように書きます。 <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery ui</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> </link></meta></head></html>

jQuery UI  Autocomplete

今回は、jQuery UIのAutocompleteについて書きます。 Autocompleteは、入力時に候補を表示してくれる機能です。 このように書きます。 <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery ui</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> </link></meta></head></html>

Pebble買いました

Pebble買いました! まだ、数時間しか使っていませんが、なかなか使いやすいです。 これから数週間使ってみて、感想などをブログに書きます。あと、購入方法なども今後ブログに書きたいとおもいます! ちなみに、今回は、公式サイトから注文しました。 Pebbl…

jQuery UI Accordion

今回は、jQuery UIのAccordionについて書きます。 Accordionを使うと、折りたたみ式のインターフェースが作れます。このように書きます。 <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery ui</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> </link></meta></head></html>

jQuery UI Sortable

今回は、jQuery UIの「Sortable」について書きます。 Sortableは、ドラッグ&ドロップで要素を並び替えることができます。このように使います。 <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery ui</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> </link></meta></head></html>

jQuery UI Selectable

今回は、jQuery UIの「Selectable」について書きます。 Selectableは、複数の要素を選択可能にするGUIです。 要素をクリックすると、その要素を選択できます。また、選択した要素は、文字色と背景色を反転させて目立たせれます。 このように使います。 <html lang="ja"> <head> <meta charset="utf-8"> <title>j</title></meta></head></html>…

jQuery UI Resizable

今回は、jQuery UIの「Resizable」について書きます。 「Resizable」は、要素のサイズを変更可能にするものです。このように使います。 <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery ui</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> </link></meta></head></html>

jQuery UI Droppable

今回は、jQuery UIの「Droppable」について書きます。 Droppableは、簡単に言いますと、ドラッグ&ドロップのことです。このように書きます。 <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery ui</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> </link></meta></head></html>

jQuery UI 「jQuery UI」とは

今回は、「jQuery UI」について書きます。 jQuery UIは、インタラクティブなWebサイトを開発するために使用される、jQueryをベースにしたJavaScriptのライブラリです。 wiki↓ jQuery UI - Wikipedia 公式サイトは、コチラです↓ jQuery UI ここからは、jQuery…

PHP クラス

PHP

今回は、PHPのクラスの作成方法について書きます。 クラスは、オブジェクト指向と呼ばれるプログラミング手法を利用するときに使います。 オブジェクト指向 - WikipediaPHPのクラスは変数と関数を持つことができるので、データをまとめて管理しやすいです。…

Google Web Fontsの使い方

css

今回は、「Google Web Fonts」の使い方について書きます。 Google Web Fontsを使うと簡単に、カッコいいフォントや綺麗なフォントが実装できます。Google Web Fontsは、簡単に説明しますと、グーグルが提供しているWebフォントの事です。 特徴は、アカウント…

PHP Cookieを使う

PHP

今回は、PHPでCookieを使う方法を書きます。 Cookieは、簡単に言いますと、ウェブブラウザにデータを保存する仕組みのことです。 HTTP cookie - Wikipediaでは、使い方を書きます。 setcookie関数を使います。 これで、保存できました。 第一引数に、Cookie…

PHP データベース(mysql)に入っているデータを削除

PHP

今回は、PHPを使い、データベース(mysql)に入っているデータを削除する方法を書きます。 基本的には、データを更新する方法と同じです。 PHP データベース(mysql)に入っているデータを更新 - Three.jsを使って、作ってみた このように書きます。 getMess…