「西畑」を含む日記 RSS

はてなキーワード: 西畑とは

2023-11-08

結局アイドル人権はないってことでいいのだろうか

アイドル熱愛報道が出るとはてブみたいなお行儀の良い界隈では「そもそも恋愛禁止なんて人権侵害」「プライバシーは」みたいな意見が上位だけど現実ファンがこんな感じなのよね。

今日のXの上位ポスト

なにわ男子、全員が文春に目をつけられてるって事を分かってる上で普通に会っちゃってる所が1番ダメなんだよ

付き合ってる人がいるのは構わないけど「今だけは会うの控えよう」とか1ミリも思わないのかな、凄すぎる

だってドラマ映画もやるんでしょ?

いち人間の色恋沙汰について、叱れとも話し合えとも思わないけど、これだけ続くと、なにわ男子にとって熱愛報道って重要度高くないし、気にも止めてないんだなって悲しくなりますねぇ。

男性アイドル戦国時代のいま、なにわ男子にとっての『国民アイドル』って何ですか。

なにわ男子もうおわりや終わり プロ意識なさすぎやろ

デビュー1周年そこらで撮られすぎ 質が悪い

もうちょい仕事真面目にやるとかできひんの?AV女やら同業者やら手出して

仕事配慮より女との欲を優先か なんでこいつらが優遇されてKPが干されたん?表向きもうちょい我慢しろ

仕事ナメてんのか

デビューして間もないなにわ男子毎月女と撮られてるけどこれまで全く撮られてないHey!Say!JUMPセクゾもまじですごいな、、、、なにわって一番性欲ないホモキャラなのに一番オスなのきつい

なにわ男子 あの可愛いって感じの雰囲気で売ってるアイドルのくせしてどいつもこいつも恋愛欲と性欲ゴリゴリの人ばっかりなのにデビュー曲が初心LOVEなの何の冗談?すぎる

普通に考えて、8月9月11月で立て続けの熱愛とかなにわ男子が初だろWW何回も言ってるけど、恋愛自由。でもお前たちは女より第1にファンの事を考えろバレずにやれだから熱愛男子とか呼ばれるんだよ高橋に関して流出沢山して西畑長尾が撮られてるから気をつけようってならなかったの?

なにがおもろいって西畑大吾も、長尾謙杜も、高橋恭平も、女の方じゃなくてなにわ男子の方のプロ意識の低さで撮られてることね

やっぱりしんどいからあえて検索避けはせずに書くけどさ、1回目、2回目、3回目ときて、なにわ男子、どんどん呆れられてるのわかってる?

思ったより酷い言われ方してないな、あ、みんなネタ扱いじゃん、じゃないんだよ、ただただ失望されてるだけだって気づいて

なんかもう、誰が好き?って聞かれた時になにわ男子!って言うのすら恥ずかしくなってきたよ。誇れないよ。

こんなアイドルグループは嫌だ!って大喜利があったら「一ヶ月ごとに熱愛出す売り出し中のキラキラアイドルグループ(笑)」堂々優勝出来るよ。

プロ意識が低い」「アイドル自覚が足りない」と叩かれまくってるんだけど恋愛していて会うな撮られるなとかどう考えてもムリじゃない?(リモートってコト…?)

まり遠回しに恋愛禁止と言ってるだけ…。

報道自体よりアイドルを叩くのも恋愛という禁忌を犯したから。

よく考えたら最初から人権がないか人権侵害にならないのかもしれない(解決)。

2019-04-13

京都駅せんとくん消える

先月4日、近鉄京都駅1番ホーム観光客らをお迎えしてきた「せんとくんフィギュア」が、いなくなっていることが分かりました。当初SNS上では、天皇皇后陛下神武天皇陵を参拝されるまでではないかとも見られていましたが、4月になっても姿を見せず。そのうち「今後置く予定がない」という噂も聞こえ始めたこから近鉄確認したところ、汚損劣化のため撤去したとのこと。

一時は京都駅都ホテル 京都八条大阪難波駅大阪上本町駅鶴橋駅大和西大寺駅宇治山田駅津駅四日市駅名古屋駅といった多くの場所に設置していた近鉄ですが、残念ながら再設置の計画はなし。ただ、この繊維強化プラスチック製のせんとくんは、先日なにわ男子西畑くんと藤原くんが仕事体験をしていたという大阪府八尾市ポップ工芸で60体以上製造されており、現在でもその一部が現役です:

東京都奈良まほろば館官服タイプ
 養徳学舎
大阪府ポップ工芸ガングロタイプ
奈良市奈良春日野国際フォーラム 
 夢風ひろば官服タイプ
 奥村記念館
 県庁官服タイプ
 奈良公園バスターミナル
 県立美術館
 近鉄奈良
 JR奈良
 奈良うまいものプラザ
 奈良市総合観光案内所官服タイプ
 奈良ロイヤルホテル合掌タイプ
 ラ・ロイヤルスパ合掌タイプ
 県立図書情報菩薩・官服タイプ
 平城宮跡歴史公園
 ならファミリー
 阪奈道路
 道の駅テラス
大和郡山市県立民俗博物館
橿原市かしはらナビプラザ
 JAならけんまほろばキッチン
宇陀市道の駅 宇陀路大宇陀
 道の駅 宇陀路室生
御杖村道の駅 伊勢街道 御杖
明日香村県立万葉文化官服タイプ

2019-02-09

関ジュメイン4人についての覚書のようなもの

流行りのはてブするまでの長さまで溜められなかったのでつらつらとついったーの下書きに残ってたやつを流す

もしどっかで纏まったらはてブにするかも知らんが



メイン4人時代ってなんだったんだろうな

西畑さんが何回か言ってるけど15年に4人がメインに選ばれてその後個人戦でってどういう事なんだろ

じゃあ17年の東西は?あれは選抜ってこと?ユニットではないと?どういう心持ちでストと向き合ってたんだろ(自分のあたった資料量が極端に足りないので分析ができてない部分もある)

衣装も揃いとかいっぱいあったけどあれはどう解釈したらいいんだろうか(春松竹からの揃い衣装2着だけ紫にわざわざカラチェンしたの永遠に恨むからな)

あいうて結構な期間まで3+1って感じだしメインを3人認識してるって人もいるので(最後まで龍太くんまいジャニレギュラー表記つかなかったの何なん)(話ちょっとそれるけどシネマスクエアの関西プロフィール内のまいジャニの扱いを見てほしい)

各々が個人戦という認識だったからか別になにわができてメインが死んだ時も何も遺言もなかったし メインという歴史自体が消えたし(だから極少数だけどこんなめんどくさい亡霊がついたのかもしれん)

ただ、それでも謎なのは歌割り立ち位置とか(特に梅芸のハチャメチャ)あれは何?

なぜメインだけ(衣装は違うにせよ)一段高く区切られたところにいた?(まああの1曲だけだったので改変前から決まっていた誤差という可能性も捨てきれない)

解釈するとしたらハチャメチャ音頭だけ夏松竹周辺に作られてレコもしてたのかなって思う

クリパポスターも夏松竹中に撮影したって言ってるし

なにわ結成は夏終わってすぐだったからその後レコーディングしてたらあんな歌割りにはならないよな

なにわ結成後の例としてあげるとMy dreamsの歌割りとかね

梅芸クリパあけおめあけおめはとりあえず置いといて)でメイン時代の曲が少なかったのは出番の兼ね合いの関係で4人揃わせるのが難しかたからってこと?

クリパとか関西オリ曲無さすぎてオリ曲担ワイはビビった

事務所ちゃんはメインを推していこうとは思ってなかったのか 彼らのことをどう認識していたのかよくわからないんだよな

3人(4人)で括るくせになにかそのメンツとして未来に繋がることを与えてくれたわけではないし

推して無いんだったらじゃあなんで他の子たちの出番が少なかったのか(じゃあリューンが確変の始まり?)

ユニット名さえついてればって思ってしまったりもした

だってメイン時代ってなんて呼べばいいのさ こんな検索に引っかかりづらいありきたりなワードじゃ何も資料が残らないよ

なにきんみたいな明確に彼らを表すワードが欲しかったな

彼らにこのメンツで括られていると言う認識が足りなかったからか?

人のせいにするのはよしとくわ

関西に残っていかい組担当だったからこんなに執着してるのかはわからん 多分そうだけど

ROTは梅芸後からからきっとメインちゃんについては無いだろな

メイン時代について彼らがどう思ってたのか永遠にからないまま新しいページを開くのがとても寂しい

2018-12-31

なにわ男子デビュー

年末にこの文章をまとめている私は、デビューしか詳しく知らなかった数か月前に、SixTONESそしてなにわ男子を知った。

めちゃくちゃ最近関西ジャニーズJr.大橋和也くんを知った。デビュー組のファンだったのだけど数年ぶりに熱量高く「この子ファンだ私は!!!!」という気持ち雑誌を買っている。アンケートなんてものも初めて出している。

もっと大橋くんが歌って踊って演技している姿を見たい。とにかく雑誌ラッシュを逃さないよう買ってはがきを書いて送っている。

大橋くんに関しては、関西ジャニーズJr.に4年ぶりに結成されたユニット・なにわ男子メンバーになってからきちんと知った。大西畑とるたこじ、高橋・道枝・長尾が「信号トリオ」と呼ばれているのは知ってたけど、藤原丈一郎くんのことは知らなかった。

色んなことを知りたくて、ネット検索した。ツイッター検索でもネット検索でヒットするブログ内容でも、以下の言葉がたくさん見られた。

「丈橋」「ダンス」「歌声「声」「るたこじ」「funky8」「メイン4人」「三列目の逆襲」

ここ1ヵ月ほどは睡眠時間もそこそこに、動画も含めて色々見たり読んだりした。大橋くんはやはりダンスが素晴らしく好みで歌も特徴的な声で目立つし、なによりかわいくて抜群にアイドルだった。丈橋という沼シンメはそれこそほんとやばくて、1日が24時間じゃ足りな過ぎて日々寝不足のまま年末を迎えるわけである

ただ、他のキーワードで綴られた色々な話題の中で、疑問に思うことがある。

デビューすることに対するハードルの置き方だった。

彼らは、ユニットとして曲を貰え、衣装を貰え、メンバーカラーが決まった。ジャニーズJr.関西ジャニーズJr.という枠の、さらにもう一つのユニット」という枠に選抜されたことを、メンバーそれぞれきちんと受け止めているように思う。

私は本当に詳しく知らなかったが、東京Jr.Youtubeチャンネル配信テレビ局イベントサポーターなどを任されている中で、関西ジャニーズJr.には長らくユニット存在しなかったことは、めちゃくちゃ焦りがあっただろうなと思う。その中で組まれユニットは、私には「デビューを見据えたメンバー」にちゃんと見えた。

いやこれ、知らないくせに、とか関ジュちゃんと見ろとか言われるだろうけどさ、やっぱそうだよなって思う選抜メンバーですよ。とくに、トリオと呼ばれる3人組み(髙橋・道枝・長尾)が入っていることが、めちゃくちゃリアルで具体的だと思っている。

ジャニーズってとっても面白い事務所で、歴の長さとか実力の高さとか顔面力とかだけでデビューが決まるわけじゃない。運とかタイミングとかがとても作用されていると思う。誰と誰が組むかも、いつデビューするのかもすべて決まりなんてない。もしかしたらあるかもしれなくても、デビュー時のグループの完成度なんてバラバラだ。すごく完成されたグループもあれば、年齢差がありすぎてしゃべるのが初めてなメンバーがいる場合だってある。

実力があって選ばれて報われた人もいるし、右も左も分からないままデビューして様々なことが起こった後に誰が聞いても顔が浮かぶぐらいに有名になった人だっている。そしてもちろん、大前提として「ビジネス」だ。エンターテイメントという売り物で成り立っている職業。売れなければいけないし求め続けられなければいけない。

なにわ男子結成にあたって色んなツイートを見た。メンバーは誰がよかったとか、いまのグループは成り立ってないとか。その中でも意見としてそれはなと思ったのはデビューに関するツイートだった。

私の個人的意見として強く思っているのはひとつ。「デビューに早すぎるはない」ということ。大橋くんにだけ関していえば、デビューしちゃえばこっちのもんだと乱暴だけど思っている。それぞれがちゃんアイドルとして頑張ってくれれば、いつの日か素敵な歴史を振り返るアニバーサリーイヤーが訪れるよ、と勝手に思ってる。トリオの子たちの実力が、とか意識が、とかい意見については言いたくなる気持ちも分かけどそれも別に気にしていない。

いかな。いやでも、デビュー組のアニバーサリーイヤーを、それも15周年とか20周年とかを見ていると、本当にそう思うんだよ。嵐なんて、5人中3人が「辞めたい」と思っていたメンバーだった。

とにかく大橋くん藤原くん西畑くんファンの人が「デビューは早い」といっているのはものすごくよく分からない。

え、だってデビューって誰でもできるもんじゃないんだよ????今のジュニア成熟度や年齢層、展開しているコンテンツ領域なんかを見ていると、デビュー組とJr.境界線が引きづらくなっているぐらいに色々なことをやってて、それでも全員、見方を変えちゃえば「デビューしていないJr.」なんだよ。

私は、大橋くんの歌声が収録されたCDが欲しいし、Mステ新曲のたびに出てほしいし、年末歌番組当たり前にメドレーに参加してほしいし、公式サイトオープンしてほしい。アルバムが出たらそれに伴ったツアーが発表されて、公演が終わったら円盤化される。そんなデビュー組が毎年楽しみにしているルーティーンを、大橋くんが加入しているグループで楽しみたい。

から、とにかくデビューしてほしい。現場にたくさんいけない環境からかもしれないけど、「近くてたくさん会える数の公演をしてくれるJr.ユニット」じゃなくて「アルバム発売した後に単独コンサートをやって特典つけて円盤を発売してくれる」デビュー組になってほしい。

会えるアイドルとか、握手会を頻繁にやるとか、そういうので顧客層を増やしていったり、特色をつけてアイドル時代を生きていくっていう形もあるとは思う。ただ、彼らが所属しているのがジャニーズ事務所であり、大橋くんが目指しているのが「スーパーアイドルになること」なのであれば、やっぱり確実にデビューして手の届かないアイドルになってほしい。本人の口からCDデビュースタート地点」という発言が出たのはめちゃくちゃ素直だなと思う。

なにより私は、長くアイドルとして活動してほしいから、デビュー組の枠を勝ち取ってほしい。

カウコン前の今日、なにわ男子東京ドーム付近での目情があり、音漏れで持ち歌が聴こえた、というツイート拡散されている。それに対して「デビューは早い」というつぶやきが多くて、しかもそれが該当担だったりしてめちゃくちゃ驚いている。東京Jr.担じゃなくて該当担。「2~3年後にして」って、その2,3年後にデビューできる確約ないじゃん。west以降、あれだけたくさんのユニット活躍して、デビューできたのはキンプリ6名だけ。狭き門すぎるのに「今はしないで」って、どれだけデビューが難しくて貴重か分からないのかな。

デビューを(今は)望まない、の意味がわからないのは私がジュニア担になったことないからかな。でもさ、あれだけアイドル大橋くんが関西ジャニーズJr.として関西ローカルで人気で席によっては触れられる現場で公演数を重ねることより、「なにわ男子なにそれ??顔は西畑って子ぐらいしか知らないな、大丈夫なの?」と言われまくったとしてもカウコンデビュー発表されるほうが私は嬉しい。大橋くんにデビューする実力なくないかと言われてもそれはアイドルファンとしては気にしてない。大橋くんには「大橋くんファン幸せにできる実力」は十分に備わっていると思うし、新規獲得チャンスもあるはずだって思ってる。そう、なにわ男子メンバー全員に思うのは、「知らない新規層を勝ち取ってきそうな部分がある」ってところ。そこがすごくデビューを見据えた人選ぽくてわくわくしている。

あぁ本当に、どうなるんだろうなにわ男子デビュー発表じゃなくてもいいんだけど、いつかデビュー絶対してほしいしなにわ男子デビューするならとにかくトリオが若くて経験値が浅いうちだと思っている。未熟でいいじゃん。ジャニーズ醍醐味じゃん。色々言われるだろうけど、もしデビューが決まったら全力で応援するからたなぼたでもいいからしちゃいなよって、年越しそばの準備もせずに考えている年末です。

2013-12-05

jQueryテキストはてブ集めてて嬉しい

さっきはてなブックマーク見たら、はてなブックマーク - jQuery最高の教科書|株式会社シフトブレイン 著というのがはてブ集めてて嬉しかった。

最近はてなって、SEが少なくなったから、こういうテキストはてブ集めると久々にはてな村に来たという気がしてテンションが上がるよね。

jQueryってのはid:blue1stが指摘しているとおりに、バージョンアップで使えなくなることが多くてゲンナリなんだけど(Ver.1.9で今まで使えた関数が削除されてゾッとした)、コツさえつかめJavaScript使う上でこれほど便利なものはないんだよね。Webアプリ作ろうと思えばjQueryは避けて通れないんじゃないかな。

今までまとまった入門書がなかったから、たとえば、

ASCII.jp:40分で覚える!jQuery速習講座 (1/6)

とかで勉強したり、

7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座 | OZPAの表4

を見ながら後は自分で一つ一つ勉強していくのが一般的だった。

それが、今回のテキストではかなりまとまった決定版めいたものになっているんではないかと期待している。アプリを作るならば、覚えておいて損はない知識と思うんだよね。

いろいろなテキストがあるけれども、せっかくだからここで俺もいくつか基本書を薦めたいと思う。ブコメにあった

DLmarket / jQuery入門道場 [ダウンロード]

はもともと jQuery入門道場の記事を電子書籍化したもので、このサイトには確かに一番お世話になった。

他には、

Amazon.co.jp: jQueryで作る Ajaxアプリケーション: 沖林 正紀: 本が画面周りについて詳しくて、分かりやすかった。

読みやすさを求めるならば、やっぱり

Amazon.co.jp: Web制作の現場で使う jQueryデザイン入門 (WEB PROFESSIONAL): 西畑 一馬: 本だろうね。これがオススメなのはHTMLCSSの知識があればなんとか理解できるというところ。

ただ、慣れてくるともっと実践で使えるのが求められると思うから、そんな人には、

Amazon.co.jp: jQueryクックブック: jQuery Community Experts, 株式会社クイープ: 本だろう。

今回ブクマ集めてたこの本が、こういうjQueryテキスト集大成だったら嬉しいなと思う。

2011-05-02

Webサイト制作】独学素人jQueryで、ドラクエ画面を作ってみた

こんなサイトを作ってみました

 オッス、オラ日曜ネット大工

 1年に1回くらい趣味webサイトを作ったりする独学素人ノンプログラマーです

 仕事はIT系にかすりもしないけど、たまサイトが作りたくなるんです

 htmlCSSも知識不足ですが、作成ソフトに頼ればなんとかなります

 そんなレベルで無謀にも「JavaScriptも使いたいな」とか思ったりするわけですよ。

 で、たまに「簡単にわかJavaScript入門」なんてサイトや記事がありますよね。

 ああいうのを書いてくださる人に、ちょっと言いたい。

 あの、独学素人ノンプログラマーの俺をなめてませんか?

 あなた方の想像を絶するほどに、俺のIT系理解能力ゴミクズですよ!

 「簡単に分かる入門」にさえ入門できません助けて先生

 と、鼻水をたらしながら泣き出すような底辺レベルスキルしかないザコであります自分は。

 ですが、jQuery出会い、見よう見まねと思いつきで作ったら、こんなんできました

ドラゴンクエスト・ロトシリーズのストーリーまとめ

 jQueryってやつを使えば、ド素人にもこんなものが作れるんですね。

 超簡単で超便利! 作ってめっちゃ感動した

 そんな感動を伝えるため、このサイトの中身を説明してみます

 あと自分の個人的な超自己満足! いやっほぅ!

 なお、素人なんで専門的な解説は他にお任せします。

 用語とかあんまり使わずに、中高生でも読めるレベルで語ります

 (小学生はがんばれ! めっちゃがんばれ!)

 web制作にくわしくない方にも「どうなってるのか?」って雰囲気は伝わるかと思います。

 技術はないけど、人とは違ったwebサイトを作りたいって方、jQueryジオススメです

 きちんと勉強されてる方からすれば失笑ものの内容かもしれませんが、ご容赦を。

 よくある「入門」すら難しく感じる自分のような方々に届けるつもりで書きます

 くわしい方は、間違いなどがあれば温かくご指摘いただければ幸いです

 あと、「知識不足人間はこんな思考をしてるのか」という参考になればうれしいです

 前置きが長くなりましたが、それではサイトで使用したつのjQueryを説明します。

1・パッケージ画像が拡大されて表示されるとこ

 jQueryには「プラグイン」ってのがあります

 プログラマーさんたちが作った高性能なjQueryコードなんですが、このプラグインってのが超便利なんです

 使い方は、すでに作られているコードコピーして、ちょっとのアレンジするだけ!

 自分ゼロから作れなくてもOKなんです

 昔、jQueryの知識がほぼゼロだったころ、このプラグインを知りました

 で、俺も「カッコいいプラグインが使いてええ!」と考えて試しに使ってみたわけです

 けどまあ、プロが作ったコードを、知識ほぼゼロで動かそうなんて甘すぎですよね。

 でも、あんまり深く考えずに、貼りつけて動かしてみたところ――

 あっけないほど簡単に動きました

 それがサイト内の、パッケージ画像マウスを合わせると大きくなる部分です

 みなさま、マウスを合わせて動くか確かめてみてくださいませ。

 きれいな動きしてるだろ? ほぼコピペなんだぜ、それ。

 プラグイン「Bubbleup」

 紹介記事1 マウスオーバーを気持ち良くするjQueryプラグイン「Bubbleup」 | Web活メモ帳

 紹介記事2 JavaScript + Ajax 実践サンプル集 - jQueryのbubbleupプラグインでアイコンを拡大する

 配布元(英語BubbleUp jQuery Plugin to Spice Up Your Menu | AEXT.NET MAGAZINE

 ネット上にはこういうのがいっぱいあるんで、ぜひいろいろ眺めてくださいませ。

 とりあえず、プラグインまとめサイトを置いておきますね。

jQuery 469 プラグイン:skuare.net

 こういうの眺めても、「どうせこんなの使えないし」と思えますよね。

 でも、「これがコピペで使えるのか!」と思えば楽しくなってきません?

 このプラグインってのを使いこなすには、htmlCSSの知識が必要です

 ですが逆に言えば、それと切り貼りアレンジだけで、高性能のjQueryが使えるわけです。最高ですぜ。

2・最初の消える画面

 プラグインを貼ってカッコよく動いたんで、

「やっぱ俺天才だな、自作も楽勝じゃね?」

 と考え、最初に作った自作jQuery部分が、サイトの表紙です

 世の中には、JavaScriptを有効にしていない人がいます。

 たとえば、決して私ではありませんが、エロサイトで出る変な広告表示をさけるため、それを切っている人もいます。

 で、頻繁にエロサイトに通いすぎて、切ったままなのを忘れて普段のサイトを巡ると、たまに表示がおかしくなる。

 あれは実に面倒らしいですね。噂で聞きました

 で、そんな人のために「JavaScriptを有効にしてください」と書いた表紙をつけたわけです

 ですが、jQueryはまだよく分かってなかったんで、「入門」のサイトを眺めてました

 で、いくつか読んでみても、やっぱりすぐには分からん……。

 でもね、そういうとこには、「練習用サンプル」ってのがあるんですよね。

 練習台で「ボタンクリックすると画像が非表示になる」みたいなのがあったんで――

 それをほぼコピペしました。ふひひ。

 みなさま、いかがでしょ?

 サイトjQueryは、「画像クリックすると画像が非表示になる」とアレンジしています。

 最初に現れる画像クリックすると、画像が消えて下の画面が現れましたでしょうか?

JavaScriptを切っていると動きませんのでご注意を)

 この表紙は1枚の大きなjpg画像で、それをクリックすると消えるようになってます

 よく分からんまま見よう見まねで貼りつけて動かしただけなんですが、こ、こいつ、動きます

 なんつーか、簡単すぎる。マジでjQuery万歳三唱です

自分が主に使った入門用サイトの紹介>

 はじめてのjQuery

 ・5分ほどのスライド最初見たときは知識不足で理解不能だった。

 ASCII.jp:40分で覚える!jQuery速習講座

 ・初心者の神・西畑一馬様の入門講座。jQueryの雰囲気が分かる!

 なお、「はじめてのjQuery」を見たのが、このドラクエサイトを作るきっかけでした

 黒い画面に浮かぶスライドを見て、「ドラクエの画面っぽい」とひらめいたのです

 いろんなjQueryサイトを見てパクれる……いや、参考になるのを探すのは面白いかと思います。

 うちのサイトを見て、「懐かしのゲームブックサイトを作りたい!」とかひらめいてください。

 個人的に楽しみたいので、ホントぜひどうか誰かひらめいてください!

 で、簡単に動くのを見て、jQueryのすごさを改めて思い知り、きちんと勉強しようと考えました

 そこで助けられたのが、jQuery初心者救世主西畑一馬」さんの記事です

 それを見ながらようやくjQuery勉強を始めたのです

 なお、本格的に勉強しようという人は、入門の「速習講座」より、

 ASCII.jp:Web制作の現場で使えるjQuery UIデザイン入門

 という記事がオススメです

 これも同じく西畑さんの記事なのですが、こちらは量が膨大にあります

 速習講座では軽く流された部分も、一個ずつ丁寧に解説されています。

 本気でやる気に火がついた方にはこちらがオススメです

 というか、西畑さんは本を書いてはるので、それを買いましょう(布教)。

 サイト作成ではホンマに助けていただきました……!

3・「すすむ」と「もどる」

 勉強しながら、コピペでなく試行錯誤で作ったのがこれです

 ここは入門によく書かれる「アコーディオンパネル」をアレンジして作りました

 アコーディオンのように開いたり閉じたりするアニメーションでの演出です

 jQueryは、簡単にいろんなアニメーション効果がつきます。これが楽しんです

 そこから3種類を紹介すると、

 どうですか? なんかおもしろそうじゃないですか?

 自分サイトの「すすむ」「もどる」で使っているのは、スライドアニメーションです

<「すすむ」の仕組み>

 「すすむ」を押すと、表示部分が上に隠れて消え、次が表示されます

 あんま気にしなくていいんですが、処理を細かく言うと、

  1. 最初は一番目だけが表示部分
  2. クリックで、表示部分の次の二番目も表示
  3. 直後に一番目を上にスライドして消すことで、二番目がスライドして現れる

 という変な動きをしています。

 たぶんもっと簡単な処理ができると思うんですが、自力で考えてやるとこんな感じになりました

<「もどる」の仕組み>

 こっちは簡単。

 クリックしたら、表示部分の前の部分スライドして現れるだけです

 正直この「すすむ」には苦戦しました……。

 けど、ちょっと苦戦して勉強するところがあるのもまたよいです

 勉強したおかげで、jQuery能力がちょっと見えました

 htmlとかCSSとかからすると、jQueryはなんか信じられないくらい大量のことができます

 たぶん、jQueryの元になってるJavaScriptがすごいんでしょうね。

 わずかに勉強して改めて、使いこなしているプログラマーのすごさを思い知りました

4・「もくじ」とかの移動

 で、順調に進んでいたサイト作成最後で壁になったのが、こいつです

 この目次には、2つの仕組みがあります

  1. 「もくじ」にマウスを合わせると、ひょいっと選択画面が現れる仕組み
  2. クリックすると指定の場所へ飛んでいく仕組み

 1つめの、「マウスを合わせたときの動作」は「hover」というものを使っています。

 hoverってのは、「マウスを合わせたとき」ってことです

 なんか難しいのが出てきましたが、実はこれも入門講座の例をパ、参考にしました

 上で挙げた、「はじめてのjQuery」に出てきた「hover」の使い方の例ですコピー万歳

 でも、いきなり「hover」とか言われても意味分からん人も多いですよね。

 なので、どんな感じで動いているか、「ふーん」とイメージだけ見ておいてください。

処理イメージ

  1. 初期状態では選択画面を隠す
  2. 「もくじを hover(カーソルを合わせる)したとき」「選択画面を 表示させる」
  3. (hoverじゃないときは、選択画面を隠す)

 ということをやっています。

 これは簡単な処理した。まあ、ほぼ丸写しですし……。

 で、苦戦したのが、2番目の「クリックして移動」です

(なお、パッケージ画像クリックしたときも同じ移動を使っています)

 処理の内容としては、たとえば「ドラクエ1・1話」の項目に飛ぶ場合

  1. ドラクエ1・1話」の前の部分すべてをスライドさせて消す。
  2. ドラクエ1・1話」の部分スライドさせて出す。

  (実際に見えるのは、2のスライドして出てくるところだけ)

 という処理です

 が、なぜかここでエラーが。

 「ドラクエ1・1話」に飛んだ後、「すすむ」がうまく使えない……。

 まるで「次が存在しない」みたいに進まなくなってしまうんです

 ぶっちゃけると、ここは今でも原因が分かりません。

 で、理屈が分からいから、思いつく方法を手当たり次第試してみました

 その中で成功したのが、「次が存在しないなら存在させてしまえ」というものです

 何を言っているかからないと思いますが、大丈夫、俺も分かりません。

 いちおう処理としては、

 1・「ドラクエ1・1話」の前の部分すべてをスライドさせて消す。

 1.5・「ドラクエ1・1話」の後ろの部分すべてをスライドさせて出す。

 2・最後に「ドラクエ1・1話」の部分スライドさせて出す。

  (実際に見えるのは、2のスライドして出てくるところだけ)

 と、1.5を入れたものです

 自分でもなんで成功したのかはよく分かりませんが、きちんと表示はされています。

 よく分からないなりにも動いてしまったのは、きっとjQueryのパワーだと勝手に納得しておきます

(ここはきちんと知識のある人に見せるのが恥ずかしい内容ですね。変なコードですみません)

最後お話したい、jQueryのすごいパワー

 つまるところもありましたが、以上がjQueryでの処理です

 これで何とかサイトは完成しました

 たま休日作成する趣味レベルサイトとして、自分でもすごく満足です

 で、このサイトを作って気づきました

 jQueryは何がすごいかって、これ、めっちゃ楽しいですよ。

 ・プラグインコピペするだけで見違えるように、サイトが動く。

 ・ちょっと表現を覚えるだけで、表現アニメーションが加わる。

 ・さらに研究すればするほど、いろんなことができるようになる。

 今までJavaScriptとか、独学素人なんで、なかなか勉強する気が出ませんでした

 勉強の大事さは分かるんですが、時間とか取れないです

 しかも、「関数引数がどうたらで、まずは足し算をアラート表示」とか、あまりやる気が出ません。

 でも、jQuery勉強の成果がすぐにめっちゃ分かりやすく出ます

 たぶん、自分にとって一番効果が大きかったのは、簡単さよりも便利さよりも、「やる気が出る」ってことでした

 実は、いったん完成した後、付け加えた機能があります

 それは「すすむ」の部分

 「最後のページで『すすむ』をクリックすると、始めに戻る」という機能です

 ここは、jQuery独自の機能を使ったわけではありません。

 JavaScriptの「if構文」を勉強して作りました

 jQueryJavaScriptの一種なんで、こういう構文が使えるんですよね。

 どんな感じの処理かを説明すると、

  • もし、最後なら最初に戻る。
  • それ以外なら、表示を次に進める

 という、単純なものです

 単純だけど、初めてのJavaScriptの構文で、自分には大きな一歩です

 今まで進むことができなかった、本当に大きな一歩を、自然と踏み出せていたのです

 届けたいので、もう一度書きます

 jQueryめっちゃ楽しいです

 めっちゃ楽しくて、やる気を引き出してくれるんです

 今はま技術はないけど、魅力あるwebを作る力を身につけたい方、jQueryジオススメです

 自分も取れる時間は少ないなりに、楽しみながら少しずつ進歩していきたいと思います。

 このような長い文章をご覧いただき、誠にありがとうございました

 
ログイン ユーザー登録
ようこそ ゲスト さん