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

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

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

jQueryプラグイン fullPage.js フルページスクロールするサイトを簡単につくる

今回は、jQueryプラグインの「fullPage.js」について書きます。 「fullPage.js」を使うと、フルページスクロールするサイトを簡単に作れます。 簡単に言うと、iPhone5sのプロダクトサイトみたいなものが作れます。(スクロールのみ)縦スクロールだけでなく…

Gumroad(ガムロード)を使ってみた

Gumroad(ガムロード)を使ってみました。 はじめに、Gumroad(ガムロード)について軽く紹介します。Gumroadは誰でも簡単にデータを販売できるようにするサービスです。 「BASE」や「stores.jp」のデータ版みたいな感じです。音楽,写真,動画などの様座なデータ…

android SharedPreferences データを保存する

今回は、androidのSharedPreferencesについて書きます。 SharedPreferencesは、Androidアプリで、データを保存する方法の一つです。これの仕組みについて簡単に説明しますと、データを「キー」と「値」の組み合わせで保存(XML形式)する仕組みです。 「キー…

ひとりご飯 天神ホルモン ヨドバシ梅田店

ひとりご飯 一人でも気楽に入れる店を紹介 天神ホルモン ヨドバシ梅田店 住所:大阪府大阪市北区大深町1-1 ヨドバシ梅田 8F ・食べログ天神ホルモンさんは、鉄板焼のお店です。 梅田のヨドバシカメラの8階にあります。 全席カウンターです。 目の前に鉄板が…

android スピナー (Spinner)を簡単に導入する

今回は、androidのスピナー (Spinner)を簡単に導入する方法を書きます。 いろいろ調べて、個人的に簡単に導入できると思った方法です。初めに、レイアウトを定義するxmlファイル (main.xmlなど) に以下のように書きます。 <Spinner android:id="@+id/spinner" android:layout_width="match_parent" android:layout_height="wrap_content" android:prompt="@string/Prompt" android:entries="@array/Entries" /> 「and…</spinner>

android AlertDialog(アラートダイアログ)を少し改良する

今回は、androidのAlertDialog(アラートダイアログ)を少しだけ改良する方法を書きます。 ※専門的には、カスタムダイヤログと呼ばれている・・・と思います(笑) 通常のAlertDialog(アラートダイヤログ)ですと、このように書くと思います。 AlertDialog.Buil…

CSS3 animation キーフレームアニメーション

今回は、CSS3のキーフレームアニメーションについて書きます。 キーフレームアニメーションを使うと、高度なアニメーションが作れます。 細かくアニメーションを設定できると言ったほうが、わかりやすいかな・・・CSS3のアニメーションを初めて知る方は、こ…

ちょっと遅いけど、キングズドッグを買ったみた

ちょっと遅いですが、バーガーキングの「キングズ ドッグ」を買ってみました。想像以上に大きかったです。 3月14日から31日までの期間限定ですので、欲しい方はお早めに(笑) 値段は、単品490円だそうです。 490円の価値は、ありました(笑) 「キングズ ド…

android ボタン(Button)のクリックイベントの使い方

今回は、androidのボタン(Button)のクリックイベントについて書きます。 主に、クリックイベントの実装方法について書きます。ボタン(Button)のクリックイベントの実装には、複数のやり方があります。 ①無名クラスに記述するJava・・・ public class MainAct…

jQueryプラグイン 使いやすいスライドショー bxSlider

今回は、jQueryプラグインの「bxSlider」について書きます。 bxSliderを使うと、スライドショーを簡単に設置できます。さらに、カスタマイズ豊富で、フリック、スワイプにも対応しています。 導入方法を書きます。①ダウンロード こちらの公式サイトからダウ…

CSS3 属性を使った指定

今回は、CSS3の属性を使った指定について書きます。 CSS3では、セレクタに属性の指定ができるらしいので、その使い方を書いていきます。ちなみに、セレクタというのは、「{}」の前にあるやつの事です。 h1 { color:blue; } ↑このコードで言うと、「h1」がセ…

jQueryプラグイン 「するする」とページ内リンクを移動する smoothScroll.js

今回は、jQueryプラグインの「smoothScroll.js」について書きます。 「smoothScroll.js」を使うと、ページ内リンクを「するする」と移動できます。 ページ内リンクの移動を一工夫したい人におすすめです。 まず、導入方法について書きます。①「smoothScroll.…

ひとりご飯 磯野漁太郎

ひとりご飯 一人でも気楽に入れる店を紹介 磯野漁太郎 住所:大阪府大阪市中央区難波千日前12-35 スイングヨシモトビル2階 ・食べログ磯野漁太郎さんは、100円回転寿司の店です。 難波の高島屋の近くです。 カウンター席がとても多いです。もちろんテーブル…

ひとりご飯 堂島とろ家 阪急三番街店

ひとりご飯 一人でも気楽に入れる店を紹介 堂島とろ家 阪急三番街店 住所:大阪府大阪市北区芝田1-1-3 阪急三番街 B2 ・食べログ ※ぶれてて、すみません(笑)とろ家さんは、海鮮丼の店です。 梅田の阪急三番街にあります。 カウンター席が15席程あり、テ…

CSS3 transition アニメーション

今回は、CSS3の「transition」について書きます。 「transition」を使うと、要素に簡単なアニメーションをつけれます。transitionには、4つのプロパティがあります。 transition-property・・・アニメーションさせる対象 transition-duration・・・変化に掛…

CSS3 transform 要素を変形させる part2

今回は、CSS3の「transform」について書きます。 以前に、transformの「拡大・縮小(transform:scale)」と「移動(transform:translate)」を書きました。 今回は、「回転」,「傾斜」,「遠近効果」について書きます。「回転」などを書く前に、「transform」…

Pebble たまごっち型育成ゲームのHatchiをインストールしてみた

TechCrunchを見ていたら、面白い記事を見つけました。こちらです↓ Pebble、たまごっち型育成ゲームのHatchiをリリース | TechCrunch Japan Pebbleのアプリで、たまごっち型育成ゲームの「Hatchi」というのがリリースされたそうです。 さっそくインストールし…

CSS3 transform 要素を変形させる part1

今回は、CSS3の「transform」について書きます。 「transform」を使うと、要素を拡大,回転,移動など色々変形させる事ができます。 まず、はじめに「拡大・縮小」から書いていきます。やり方は、 -webkit-transform:scale(2.6,2); こんな感じです。(※「webki…

android 署名付きapkファイルが作成できない

署名付きapkファイルを作成しようと思い、Export Signed Apllication Package...を選択するとエラーが出ました。 そのエラーがこちら↓"アプリ名" is not translated in af, am, ar, bg, ca, cs, da, de, el, en-rGB, en-rIN, es, es-rUS, et-rEE, fa, fi, fr…

CSS3 radial-gradient() 円形グラデーション

今回は、CSS3の「radial-gradient()」について書きます。 「radial-gradient()」は、円形グラデーションを指定するときに使います。 基本的な所は、線形グラデーションの「linear-gradient()」と同じです。 基本の使い方は、こちらです。 <html lang="ja"> <head> <meta charset="utf-8"> <title>css3</title> <style> div { wi</meta></head></html>…

ひとりご飯 帆洲

ひとりご飯 一人でも気楽に入れる店を紹介 帆洲 食べログ※写真とるの忘れました(笑)帆洲さんは、串かつの店です。 地下鉄(四つ橋線)の四ツ橋駅の近くです。 カウンター席が15席程あり、奥にテーブルがあります。 ランチでは、ワンコイン定食というメニ…

android 横線を入れる

今回は、androidのレイアウトに「横線を入れる」方法について書きます。 HTMLの&lthr>のような横線を入れたいと思い、調べてみました。それで、こちらに解決方法がありました! Androidのレイアウトにヘアライン(横線の区切り)を入れる - Qiita Android layou…

CSS3 線形グラデーション linear-gradient()

今回は、CSS3の「linear-gradient()」について書きます。 linear-gradient()は、線形グラデーションを指定するときに使います。 グラデーションは、上の写真のように、徐々に色が濃くなり薄くなる感じものです。 基本的にこのように使います。 linear-gradie…

android 曜日を取得する

今回は、androidで「曜日を取得する」方法を書きます。 曜日を取得するコードは、こちらです↓ Calendar cal = Calendar.getInstance(); int youbi = cal.get(Calendar.DAY_OF_WEEK); これだけで、曜日が取得できます。注意が必要なのは、取得したデータは数…

CSS3 text-shadow テキストに影をつける

今回は、CSS3の「text-shadow」について書きます。 「text-shadow」を使うと、テキストに影をつける事ができます。 基本的なところは、「box-shadow」と同じです。 「text-shadow」は、このように使います。 text-shadow:10px 10px 3px rgba(51,51,51,0.6); …

CSS3 box-shadow ボックス要素に影をつける

今回は、CSS3の「box-shadow」について書きます。 box-shadowを使うと、ボックス要素に影をつける事ができます。 基本的な使い方は、こんな感じです。 box-shadow: 20px 30px; /*box-shadow: 水平方向の長さ 垂直方向の長さ;*/ 1番目の「20px」は、水平方向…

android エミュレータが作成できない

androidで、エミュレータを作成しよう思い、AVDの「OK」を押しても、何も反応しない現象が発生しました。なぜか、「OK」を押しても、反応しませんでした。 調べると、こちらに解決方法がありました。 Android - AVDでOKを押してもデバイスが作成されない問題…

ひとりご飯 ニュー コウベ なんばウォーク店

ひとりご飯 一人でも気楽に入れる店を紹介 ニュー コウベ なんばウォーク店 食べログ ニュー コウベ なんばウォーク店さんは、しゃぶしゃぶの店です。 全席カウンター席です。 一人鍋するには、最適な店です。店前もオープンで、とても入りやすいです。ラン…

ひとりご飯  一人でも気楽に入れる店を紹介

いつもプログラミング関連の事を書いていますが、これから新しいコンテンツの一つとして、 一人でも気楽に入れる店をブログで紹介しようと思います。 主に、大阪の一人でも気楽に入れる店を紹介します。 基本的に、1〜2分で読める内容にします。 もっと詳…

CSS3 OpacityとRGBA 要素の透明化と色の指定方法

今回は、CSS3の「色の指定方法(RGBA)」と「要素の透明化(Opacity)」について書きます。 CSS3では、RGBAカラーモデルが使えます。 RGBAカラーモデルは、RGBカラーモデルのred ,green ,blueに、alphaが加わったものです。 alphaは色の透明度を表します。RG…