I'm Web Front-End Engineer. I like AOR music.
2021/5/27 23:07 | Category CSS3.HTML5.PHP.Webサイトコーディング.Webサイト制作 | Comment (0)
●等々力渓谷紹介サイト (スクール課題で制作)
http://www.rasiku.com/setagaya/todoroki/
jQueryを使い、9画面遷移の動的サイトを制作。
画面をスクロールしていくと、地図の撮影場所に写真が寄っていきます。
本当は一番下にTwiiterで「等々力渓谷」で検索したつぶやきが左右サイドに表示されていくようになっていたのですが、Twitterの仕様が変わってjTweetのjQueryプラグインがサービス停止になり、残念ながら表示されなくなってしまいまいました。
いろいろと未完成ですが、当時としてはjQuery頑張りました。
(2011.12.27制作)
2021/5/5 0:21 | Category coconala.CroudWorks.Webサイト制作.Web関連メモ.就活.就職活動 | Comment (0)
2021/4/30 14:45 | Category CSS3.Excel.HTML5.jQuery.Microsoft Office.Power Point.Webサイトコーディング.Webサイト制作.Word | Comment (0)
2014/8/8 2:38 | Category Webサイト制作.Web関連メモ | Comment (0)
久しぶりの更新。
なんとか、生きています(^_^;;
最近、よく気になるWebサイトをMac Book Airに残したまま、電源をオフしないで、そのまま放置している事が多い。
ブックマークだと忘れるし、と思いブログにメモろうと思った。
今日は以下のサイトの背景が動くのが、どのjQueryを使ってるのか？と調べていて、いろんなサイトを見て行った結果、いろんな気になるサイトが出てきたのでめもメモ。
●株式会社 スタジオエイエス
このサイトの背景が動いている仕組みが知りたかった。
Google Chromeの『要素の詳細』で調べたが、なかなか分からなかった。
クラス名『bganim』 でググってやっと判明。
●LiVE2 fot Website
http://www.digitalstage.jp/live/
http://www.digitalstage.jp/live/about.html
というソフトのBGアニメーションという機能が使われているみたい。
●LiVE2 fot Websiteの機能
http://www.digitalstage.jp/live/function/
という所に同じ画像があって確信。
しかし、このソフト、すごいな。
背景を動画にしたり、インパクトが大きい表現が簡単に出来るみたい。
21,394円のところを、5%引きで20,366円らしい。まぁ、そんなモノかな。
●こんなサイトが作れるらしい。
http://www.digitalstage.jp/live/gallery/
http://live2.digitalstage.jp/model/bg_animation/
●ついでに、ググっている間に見つけた星を動かすサイト。
http://detarame.moo.jp/sample/bgautoscroll1.html
まっ、jQueryの基本的な考え方は一緒だと思う。
もうちょっと、調べていきたい。
2012/5/30 4:44 | Category MySQL.PHP.phpMyAdmin.Webサイト制作 | Comment (0)
XAMPPの特権のrootを間違って、消してしまったために、XAMPPを再インストールした。
1.MySQLのrootのパスワードの変更。
phpMyAdminで変更すると、アクセス出来なくなるので、
/Applications/XAMPP/xamppfiles/phpmyadmin/config.inc.php
にrootのパスワードを設定すれば、アクセスできるようになる。
うまく動かない時は、index.phpを叩いてるみるとよい。
そして、キャッシュを削除すれば、スムーズに動くようになった。
★本来は、セキュリティの下に出ている
/Applications/XAMPP/xamppfiles/xampp security
をターミナルで動かすと良いらしい。
※そうそう、ターミナル(UNIX)はrootでしか動かないので、
sudoコマンドでrootのパスワードを設定して、
suコマンドでrootでログインして動かすべし！！！
http://web.showjin.me/2009/04/xampp_osx2.html
2.php.iniの日本語コードをUTF-8に設定。
mbstring.http_output = UTF-8
あたりの;のコメントを取って、UTF-8に設定。
http://www.arakin.dyndns.org/hp_utf8xampp.php
http://tech.hibachiya.com/articles/hibachiya/xampp%E3%81%AE%E8%A8%AD%E5%AE%9A-php-ini.html
http://www.adminweb.jp/xampp/php/index2.html
3.MySQLの文字化けを解消。
MySQLで使うコードをUTF-8に設定する。
/etc/my.cnf
を変更。
2012/1/29 2:10 | Category Webサイト制作 | Comment (0)
EモバイルのUSBメモリ使用の設定をしていたら、再起動しなきゃいけなくなったので、メモ。
●「ProgressionによるFlashコンテンツ開発ガイドブック」サポートページ
http://book.mycom.co.jp/support/pc/prog/
●Progressionダウンロードサイト
●Apple Thunderbolt
http://www.apple.com/jp/thunderbolt/
明日、投稿しよう！
●Blue Note 名古屋 (テーブルレイアウトかい！)
http://www.nagoya-bluenote.com/schedule/index.html
●takaさんのPeter Cetera 2日目のレポート
http://blog.goo.ne.jp/hijiya1/e/07bda285106d5f77d008ec835afd4efe
●Janey Clewerのサイト
http://www.janeyclewer.com/music.html
新作情報＆プロモ来日の書き込みを明日やろう！
2012/1/22 2:04 | Category Webサイト制作 | Comment (0)
8月から続いた日曜Webクラス『HTML5によるWebデザイナーコース』。
いよいよ、最後の授業になった・・・
WordPressで企業サイト作るんだってサ！
●ココに完成形が出来るハズ
だけど、もろもろ、うまく動かない・・・
●今日のWordPressでの企業サイトで、うまくいかなかった事。
1.ナビのCSSの設定が、うまくいかない。
2.Home用の大きいヘッダが、うまく表示されない。
——
●先生の完成サイト
http://ws1107.blqt.org/yonekura/wp2/
●FlashサイトのWordPress化検討中だそうで・・・・
次回の卒業制作の
2/15(土) 18:00～20:00らしい・・
頑張ろう！！！
2012/1/19 22:49 | Category Webサイト制作 | Comment (0)
●横スクロールで魅せるWebサイトまとめ12個
●CSS3だけで作られたスライド調の画像切り替えエフェクト４種
http://tympanus.net/Tutorials/CSS3SlidingImagePanels/index.html
— sekainetjp —
●jQueryを使ったツールチップとイメージプレビュー
http://sakuraxren.blog103.fc2.com/blog-entry-1041.html
●リンク先のスクリーンショットを表示（jQuery）
http://sakuraxren.blog103.fc2.com/blog-entry-1042.html
●jQueryサンプル: メニュー編
2012/1/15 17:12 | Category Webサイト制作 | Comment (0)
●WordPressデザインギャラリー
http://wpgallery.kachibito.net/
http://wpgallery.kachibito.net/2527.html
●Amazon API
●PHPマニュアル
http://php.net/manual/ja/index.php
●PHP基本的な構文
http://www.php.net/manual/ja/language.basic-syntax.php
●PHP日付の設定方法
http://php.net/manual/ja/function.date.php
●TAさん作成のサンプルCMSサイト
●日本語版 WordPress チートシート
http://www.webcreatorbox.com/tech/japanese-wordpress-cheat-sheet/
●Webフォント
・No More Bullshit. Join the Revolution
http://www.theleagueofmoveabletype.com/
●jQuery val
2012/1/13 8:07 | Category Webサイト制作.買い物 | Comment (0)
1/11(水)の夜に、Mac Book Air 13インチ 256MB 1.7GHzデュアルコアIntel Core i5
を水曜日に購入いたしました。
Mac Book Pro 13インチの方がi7プロセッサ積んでいるし、金額も安いんで、メインで使うのが目的な方はそっちの方がオススメでしょう。
私はメインのiMacがあったのでAirにしました。
というか、絶対迷うので『Airを買う』と決めてからお店に行きました。
- – - – - – -
3連休終わるまでの、自分でもビックリの正月ボケでグダクダ過ごしてしまったので、自分に気合いを入れようと禁SNSしていました。
写真3のように、MacがIntel製のCPUになってから、MacにWindows7が同居できるのです[m:76]そういう理由もあってWebデザイナーさんは、Macを使っている人が多いです。
まぁ、実際の理由は、Macの動きには『この動き！をWebサイトでも実現させたい！』というのがあるという理由が多いみたいですが・・・
実際、今、日曜に通っているWebクラスの先生、生徒さんは、Mac率100%、iPhone率100%です。しかし、現実の世界はInternet Explorerがイチバンだと思っている人達が大多数な訳で、どうやって説明したらイイか？悩む所です。
- – - – - – -
さて、新規購入の、キッカケは今使っている2008年製のiMacのOS X 10.5 Leopardが、最新のFlash Player11.1で見捨てられてしまって、
下記のFlashサイト
にアクセス出来なくなったのがキッカケでした。
- – - – - – -
Mac OS X 10.6 Snow Leopardにアップデートすればイイ話なんですが、ちゃんとバックアップも取っていなかったので、
・本格的にTime Machineを始めよう
・MacにWindows7を同居させてみたい
・xamppというサーバープログラムをローカルで使ってPHP+MySQLを使いたい
などと、いろいろと挑戦してみたい事があったので、そうなるとサブのマシンが無いと、ちょっと怖いってなって感じだったので、今年は頑張るゾ！という意味もこめて思い切りました。
- – - – - – -
そうそう、2008年製のiMacの内蔵DVD-Rドライブが調子悪いっていうのも大きな理由でした。TSUTAYAで借りたCDを取り込んだ時に付いていたシールが中で取れたらしくカタカタ音がしていたのですが、
例のKOINONIAのeco-DVDを入れてみた時にトドメをさしてしまいました。
まぁ、CDは読み込む事は出来たのですが、DVDはヤバイ音がしていたので、12月頭に24倍速の外付けDVD-Rを購入していたのです。
外付けDVD-Rを持っていれば、Airでも大丈夫って自分に言い聞かせて・・・
- – - – - – -
光るキーボードがカッコよくて、嬉しくなります。
イーモバイルとも契約してみました。ポケットWi-Fiも実際、試してみないとよく分からないですしね。
かなりWi-Fiスポットは増えてきたのですが、スクールとか仕事先で繋がらないと意味がないので・・・
下り42Mbpsとか言われちゃうと、家の下り8MbpsのCATVのインターネット回線とか、iPhoneのパケホーダイプランとか必要なのか？と感じてしまいますね。
という訳で、2012年、頑張ってサイトをたくさん作りたいと思います。
とりあえず、Bar Breezin’のドメインを私が持っているので、日曜Webクラスの卒業制作は、マスターの要望のジャケメインのサイトを制作予定です。
今年もよろしくお願いいたします。