はてなキーワード: SPiCEとは
スープカレーの話題が盛り上がっていて、思わず書きたくなってしまった。もう無くなってしまったスープカレー屋の話。
2本のエントリで触れられているように、2000年代前半から中頃にかけて札幌においてスープカレーブームがあり、雨後の筍のごとくスープカレー屋が乱立、その後現在は安定期ともいえる時期に入っていることは論をまたないだろう。
私は2000年代半ばから後半にかけて大学生~院生であり、スープカレーをよく食べに行っていた。
粗製乱造、とまでは言わないが、いたるところにスープカレー屋があった。ぱっとしない店もあり、それはすぐに消えて行く。
しかし本当においしいお店であっても閉店するものが結構あった。
飲食業は多くは長続きしないことは理解しているけれども、何か、スープカレー業界には美味しいだけではいけない固有の構造的な問題があるのかも、と勝手に思っている。
今日はそんな、もう無くなってしまった大好きだったお店の紹介。味のことはようわからんが。
やたら洋食っぽい味付けのカレーを出すお店。ライスの上にたまごとトマトをオムライス状に乗っけるという独創的なメニュー。2008年ころ閉店。女性オーナーがやっているせいか、スープカレー屋が醸す謎の東南アジア・インド感が全くない洒脱なお店だった。店主がどこかに修行の旅に出るのが閉店の理由だった気がする。近くに友人が住んでいて、大いに飲んだ次の日に歩いてよく行ったものだ。
和風スープ、トマトスープどちらも美味しかった。具が天ぷらだったり、二種類の辛味を追加できたり。あとここ、置いてあった漫画のセンスがとてつもなく良かった。弐瓶勉『BLAME!』とか渋いセンス。あと多分店員にジョジョ好きな人がいたんだろう。店内の音楽がジョジョのスタンド縛りだったことがある。2011年夏に閉店だった気がする。サヨナラの際に思い出を書くノートがあった。私も書いた。
札幌中心部から北に位置する繁華街麻生。その路地裏にあったお店。よくわからんがアジアっぽい味付けだった気がする。家庭教師をして疲れた時にふらりと寄った思い出のお店。
どれもこれも思い出の彼方だ。ガラムマサオ・チェルシー・スープカリー軒チャチャ…挙げるときりがない。今の安定期には、こうした今は見えなくなったお店の活躍がきっと、あったに違いないと信じている。
そしてこの記事書いていてすげーと思ったのは「食べログ」だ。閉店したお店の情報も写真とともにしっかり残っている。「食べログ」、現今の情報はもちろん、変転の激しい飲食店の変遷を克明に記録するアーカイブスとしても機能するのではないか。
1年に1回くらい趣味でwebサイトを作ったりする独学素人ノンプログラマーです。
仕事はIT系にかすりもしないけど、たまにサイトが作りたくなるんです。
htmlもCSSも知識不足ですが、作成ソフトに頼ればなんとかなります。
そんなレベルで無謀にも「JavaScriptも使いたいな」とか思ったりするわけですよ。
で、たまに「簡単にわかるJavaScript入門」なんてサイトや記事がありますよね。
ああいうのを書いてくださる人に、ちょっと言いたい。
あなた方の想像を絶するほどに、俺のIT系理解能力はゴミクズですよ!
「簡単に分かる入門」にさえ入門できません助けて先生!
と、鼻水をたらしながら泣き出すような底辺レベルのスキルしかないザコであります自分は。
ですが、jQueryと出会い、見よう見まねと思いつきで作ったら、こんなんできました。
jQueryってやつを使えば、ド素人にもこんなものが作れるんですね。
用語とかあんまり使わずに、中高生でも読めるレベルで語ります。
web制作にくわしくない方にも「どうなってるのか?」って雰囲気は伝わるかと思います。
技術はないけど、人とは違ったwebサイトを作りたいって方、jQueryマジオススメです!
きちんと勉強されてる方からすれば失笑ものの内容かもしれませんが、ご容赦を。
よくある「入門」すら難しく感じる自分のような方々に届けるつもりで書きます。
くわしい方は、間違いなどがあれば温かくご指摘いただければ幸いです。
あと、「知識不足の人間はこんな思考をしてるのか」という参考になればうれしいです。
前置きが長くなりましたが、それではサイトで使用した4つのjQueryを説明します。
プログラマーさんたちが作った高性能なjQueryのコードなんですが、このプラグインってのが超便利なんです。
使い方は、すでに作られているコードをコピーして、ちょっとのアレンジするだけ!
昔、jQueryの知識がほぼゼロだったころ、このプラグインを知りました。
で、俺も「カッコいいプラグインが使いてええ!」と考えて試しに使ってみたわけです。
けどまあ、プロが作ったコードを、知識ほぼゼロで動かそうなんて甘すぎですよね。
でも、あんまり深く考えずに、貼りつけて動かしてみたところ――
あっけないほど簡単に動きました。
それがサイト内の、パッケージ画像にマウスを合わせると大きくなる部分です。
プラグイン「Bubbleup」
紹介記事1 マウスオーバーを気持ち良くするjQueryプラグイン「Bubbleup」 | Web活メモ帳
紹介記事2 JavaScript + Ajax 実践サンプル集 - jQueryのbubbleupプラグインでアイコンを拡大する
配布元(英語)BubbleUp jQuery Plugin to Spice Up Your Menu | AEXT.NET MAGAZINE
ネット上にはこういうのがいっぱいあるんで、ぜひいろいろ眺めてくださいませ。
こういうの眺めても、「どうせこんなの使えないし」と思えますよね。
でも、「これがコピペで使えるのか!」と思えば楽しくなってきません?
このプラグインってのを使いこなすには、htmlとCSSの知識が必要です。
ですが逆に言えば、それと切り貼りアレンジだけで、高性能のjQueryが使えるわけです。最高ですぜ。
プラグインを貼ってカッコよく動いたんで、
と考え、最初に作った自作のjQuery部分が、サイトの表紙です。
世の中には、JavaScriptを有効にしていない人がいます。
たとえば、決して私ではありませんが、エロサイトで出る変な広告表示をさけるため、それを切っている人もいます。
で、頻繁にエロサイトに通いすぎて、切ったままなのを忘れて普段のサイトを巡ると、たまに表示がおかしくなる。
で、そんな人のために「JavaScriptを有効にしてください」と書いた表紙をつけたわけです。
ですが、jQueryはまだよく分かってなかったんで、「入門」のサイトを眺めてました。
で、いくつか読んでみても、やっぱりすぐには分からん……。
でもね、そういうとこには、「練習用サンプル」ってのがあるんですよね。
練習台で「ボタンをクリックすると画像が非表示になる」みたいなのがあったんで――
みなさま、いかがでしょ?
サイトのjQueryは、「画像をクリックすると画像が非表示になる」とアレンジしています。
最初に現れる画像をクリックすると、画像が消えて下の画面が現れましたでしょうか?
(JavaScriptを切っていると動きませんのでご注意を)
この表紙は1枚の大きなjpg画像で、それをクリックすると消えるようになってます。
よく分からんまま見よう見まねで貼りつけて動かしただけなんですが、こ、こいつ、動きます!
・5分ほどのスライド。最初見たときは知識不足で理解不能だった。
・初心者の神・西畑一馬様の入門講座。jQueryの雰囲気が分かる!
なお、「はじめてのjQuery」を見たのが、このドラクエサイトを作るきっかけでした。
黒い画面に浮かぶスライドを見て、「ドラクエの画面っぽい」とひらめいたのです。
いろんなjQueryのサイトを見てパクれる……いや、参考になるのを探すのは面白いかと思います。
うちのサイトを見て、「懐かしのゲームブック風サイトを作りたい!」とかひらめいてください。
個人的に楽しみたいので、ホントぜひどうか誰かひらめいてください!
で、簡単に動くのを見て、jQueryのすごさを改めて思い知り、きちんと勉強しようと考えました。
そこで助けられたのが、jQuery初心者の救世主「西畑一馬」さんの記事です。
なお、本格的に勉強しようという人は、入門の「速習講座」より、
ASCII.jp:Web制作の現場で使えるjQuery UIデザイン入門
これも同じく西畑さんの記事なのですが、こちらは量が膨大にあります。
速習講座では軽く流された部分も、一個ずつ丁寧に解説されています。
というか、西畑さんは本を書いてはるので、それを買いましょう(布教)。
ここは入門によく書かれる「アコーディオンパネル」をアレンジして作りました。
アコーディオンのように開いたり閉じたりするアニメーションでの演出です。
jQueryは、簡単にいろんなアニメーション効果がつきます。これが楽しんです。
そこから3種類を紹介すると、
自分のサイトの「すすむ」「もどる」で使っているのは、スライドアニメーションです。
<「すすむ」の仕組み>
「すすむ」を押すと、表示部分が上に隠れて消え、次が表示されます。
という変な動きをしています。
たぶんもっと簡単な処理ができると思うんですが、自力で考えてやるとこんな感じになりました。
<「もどる」の仕組み>
こっちは簡単。
クリックしたら、表示部分の前の部分がスライドして現れるだけです。
けど、ちょっと苦戦して勉強するところがあるのもまたよいです。
htmlとかCSSとかからすると、jQueryはなんか信じられないくらい大量のことができます!
たぶん、jQueryの元になってるJavaScriptがすごいんでしょうね。
わずかに勉強して改めて、使いこなしているプログラマーのすごさを思い知りました。
で、順調に進んでいたサイト作成の最後で壁になったのが、こいつです。
1つめの、「マウスを合わせたときの動作」は「hover」というものを使っています。
なんか難しいのが出てきましたが、実はこれも入門講座の例をパ、参考にしました。
上で挙げた、「はじめてのjQuery」に出てきた「hover」の使い方の例です。コピー万歳。
でも、いきなり「hover」とか言われても意味が分からん人も多いですよね。
なので、どんな感じで動いているか、「ふーん」とイメージだけ見ておいてください。
ということをやっています。
(なお、パッケージ画像をクリックしたときも同じ移動を使っています)
処理の内容としては、たとえば「ドラクエ1・1話」の項目に飛ぶ場合、
(実際に見えるのは、2のスライドして出てくるところだけ)
が、なぜかここでエラーが。
「ドラクエ1・1話」に飛んだ後、「すすむ」がうまく使えない……。
まるで「次が存在しない」みたいに進まなくなってしまうんです。
ぶっちゃけると、ここは今でも原因が分かりません。
で、理屈が分からないから、思いつく方法を手当たり次第試してみました。
その中で成功したのが、「次が存在しないなら存在させてしまえ」というものです。
何を言っているか分からないと思いますが、大丈夫、俺も分かりません。
いちおう処理としては、
1・「ドラクエ1・1話」の前の部分すべてをスライドさせて消す。
1.5・「ドラクエ1・1話」の後ろの部分すべてをスライドさせて出す。
(実際に見えるのは、2のスライドして出てくるところだけ)
と、1.5を入れたものです。
自分でもなんで成功したのかはよく分かりませんが、きちんと表示はされています。
よく分からないなりにも動いてしまったのは、きっとjQueryのパワーだと勝手に納得しておきます。
(ここはきちんと知識のある人に見せるのが恥ずかしい内容ですね。変なコードですみません)
つまるところもありましたが、以上がjQueryでの処理です。
たまの休日に作成する趣味レベルのサイトとして、自分でもすごく満足です!
jQueryは何がすごいかって、これ、めっちゃ楽しいんですよ。
・プラグインをコピペするだけで見違えるように、サイトが動く。
・ちょっと表現を覚えるだけで、表現にアニメーションが加わる。
・さらに研究すればするほど、いろんなことができるようになる。
今までJavaScriptとか、独学素人なんで、なかなか勉強する気が出ませんでした。
しかも、「関数や引数がどうたらで、まずは足し算をアラート表示」とか、あまりやる気が出ません。
でも、jQueryは勉強の成果がすぐにめっちゃ分かりやすく出ます。
たぶん、自分にとって一番効果が大きかったのは、簡単さよりも便利さよりも、「やる気が出る」ってことでした。
それは「すすむ」の部分。
「最後のページで『すすむ』をクリックすると、始めに戻る」という機能です。
ここは、jQuery独自の機能を使ったわけではありません。
JavaScriptの「if構文」を勉強して作りました。
jQueryもJavaScriptの一種なんで、こういう構文が使えるんですよね。
どんな感じの処理かを説明すると、
という、単純なものです。
単純だけど、初めてのJavaScriptの構文で、自分には大きな一歩です。
今まで進むことができなかった、本当に大きな一歩を、自然と踏み出せていたのです。
届けたいので、もう一度書きます。
今はまだ技術はないけど、魅力あるwebを作る力を身につけたい方、jQueryマジオススメです!
YouTube - だるまさんが転んにゃ - Stalking Cat -
http://www.youtube.com/watch?v=fzzjgBAaWZw
YouTube - THE BEST CAT VIDEO YOU'LL EVER SEE
http://www.youtube.com/watch?v=Wvo-g_JvURI
Kitten Hiding
http://www.youtube.com/watch?v=9wswE4fFvJ8
YouTube - An otter plays with a rock
http://www.youtube.com/watch?v=5usIxO_beYw
http://www.youtube.com/watch?v=MkD-91ysQ6A
http://www.youtube.com/watch?v=fSAQ3r9-uQ8
YouTube - Sushi Camera in Japan
http://www.youtube.com/watch?v=iWQR36dW0GA
http://www.vimeo.com/2721992
This is Hiroshima !
http://www.youtube.com/watch?v=hLqVeIBQGlU
TOKYO - CRUISE 2009
http://www.youtube.com/watch?v=EcAZESRR4R4
35 years Shinjuku in 35 seconds
http://www.youtube.com/watch?v=i12bIqfRXJM
KYOTO - CRUISE 2009
http://www.youtube.com/watch?v=u5njZhbhL9s
Spice of Life 京の街角 - 誰かと連れ添うこと
http://easykyoto.jp/archives/34
YouTube - ぐるぐるの性的衝動-Taking the photograph for 24 hours while walking -
http://www.youtube.com/watch?v=eZ2GcLuszvY
YouTube - オオカミはブタを食べようと思った。Stop motion with wolf and pig
http://www.youtube.com/watch?v=rmkLlVzUBn4
Her Morning Elegance / Oren Lavie
http://www.youtube.com/watch?v=2_HXUhShhmY
Love You Like Water
http://www.youtube.com/watch?v=2byaJUa9e9Q
Susan Boyle on Britain Got Talent
http://www.dailymotion.com/swf/x8ymn0
YouTube - Columbian Kids Go to School in the Coolest Way Ever
http://www.youtube.com/watch?v=RudQXCEVqvI
Como Hacer un Bebe | How to make a baby
http://www.youtube.com/watch?v=luf6ZepNY6o
A Year of Lex
http://www.youtube.com/watch?v=bVDXC1dOB9E
http://www.youtube.com/watch?v=NBCNgnaFVI8
ある夜の物語
http://www.youtube.com/watch?v=X9MB8a8sXd0
YouTube - Stand By Me | Playing For Change | Song Around the World
http://www.youtube.com/watch?v=Us-TVg40ExM
合計ランキングTOP200から、日本のアニメ、ゲーム関連のキャラを抜き出してみた(俺の解る範囲で)
N Character Games
22 Son Goku (Dragon Ball) 26274
44 Pikachu 18225
49 Naruto Uzumaki 16761
137 Doraemon 9125
139 Monkey D Luffy 9066
147 Haruhi Suzumiya (The Melancholy of Haruhi Suzumiya) 8762
149 Sonic The Hedgehog 8730
167 Ichigo Kurosaki (Bleach) 8253
168 Solid Snake 8224
171 Link (The Legend of Zelda) 8017
172 Light Yagami (Death Note) 8009
192 L. Lawliet (Death Note) 7447
合計ランク内では13/200と割と少ない。
ここ7日のTOP200からの抽出
N Character Games
6 Haruhi Suzumiya (The Melancholy of Haruhi Suzumiya) 4012
8 Son Goku (Dragon Ball) 3939
14 Yuki Nagato (The Melancholy of Haruhi Suzumiya) 3162
16 Hatsune Miku (Vocaloid) 3130
21 Pikachu 2844
30 Konata Izumi (Lucky Star) 2375
32 Reimu Hakurei (Touhou) 2341
37 Monkey D Luffy 2092
38 Rei Ayanami (Neon Genesis Evangelion) 2086
39 Marisa Kirisame (Touhou) 2076
42 Naruto Uzumaki 2049
43 Kagami Hiiragi (Lucky Star) 2048
44 Lelouch Lamperouge (Code Geass) 2037
49 Shana ( Shakugan no Shana ) 1908
50 Saber (Fate/Stay Night) 1907
54 Suigintou (rozen maiden) 1868
58 Suiseiseki (Rozen Maiden) 1784
61 Sakata Gintoki (Gintama) 1741
62 Sakuya Izayoi (Touhou) 1717
66 Louise Françoise le Blanc de la Vallière 1695
76 Nanoha Takamachi (Mahou Shoujo Lyrical Nanoha) 1543
79 Aisaka Taiga (Toradora!) 1497
80 Light Yagami (Death Note) 1496
83 Cirno (Touhou) 1478
84 Horo (Spice And Wolf) 1461
85 Sakura Kinomoto (Card Captors Sakura) 1459
86 Conan Edogawa (Detective Conan) 1454
87 Asuka Langley Soryu (Neon Genesis Evangelion) 1453
89 Fate Testarossa (Nanoha) 1449
91 Shinnosuke Nohara 1433
93 L. Lawliet (Death Note) 1420
100 Rena Ryuugu (Higurashi no Naku Koro ni) 1351
101 Ranka Lee (Macross Frontier) 1344
102 Edward Elric (Fullmetal Alchemist) 1337
103 Remilia Scarlet (Touhou) 1319
105 Jotaro Kujo (JoJo's Bizarre Adventure) 1315
109 Solid Snake 1289
110 C.C. (Code Geass) 1289
112 Cloud Strife (Final Fantasy VII) 1277
113 Yukari Yakumo (Touhou) 1273
116 Sheryl Nome (Macross Frontier) 1237
117 Flandre Scarlet (Touhou Project) 1230
119 Ichigo Kurosaki (Bleach) 1216
122 Tsukasa Hiiragi (Lucky Star) 1208
123 Nagi (Kannagi) 1203
124 Yuno (Hidamari Sketch) 1201
125 Patchouli Knowledge (Touhou) 1200
131 Mikuru Asahina 1128
133 Aya Shameimaru (Touhou) 1121
137 Youmu Konpaku (Touhou) 1106
139 Shinku (Rozen Maiden) 1090
142 Alice Margatroid (Touhou Project) 1076
144 Motoko Kusanagi (Ghost in the Shell) 1060
146 Yuyuko Saigyouji (Touhou) 1057
150 Furukawa Nagisa (CLANNAD) 1047
151 Abe Takakazu 1046
163 Hibari Kyoya (Reborn!) 980
168 Yotsuba 969
170 Chihaya Kisaragi (THE IDOLM@STER) 961
171 Setsuna F. Seiei (Gundam 00) 961
173 Kenshin Himura (Rurouni Kenshin) 955
174 Hanamichi Sakuragi 954
175 Kirby 953
177 Tomoyo Sakagami (Clannad) 944
178 Tohsaka Rin (Fate / Stay Night) 940
181 Nozomu Itoshiki (Sayonara Zetsubou-sensei) 935
188 Kyon (Haruhi Suzumiya) 904
190 Dio Brando (Jojo's Bizarre Adventure) 904
191 Link (The Legend of Zelda) 895
192 Roronoa Zoro (One Piece) 893
194 Kaiji Itou (Kaiji) 876
196 Sanae Kochiya (Touhou) 869
199 Kyou Fujibayashi (Clannad) 862
76/200にまで増えてました。
秋葉原の電気街口へ出ようとすると、駅構内に Spice がある。
料金はややお高めながらも洒落た感じの店内で駅を出ずにカレーが食べられる。
改札を抜けるとすぐに目に付くのが Time 。
喫茶店調の店構えで、手ごろなカレーを楽しめる。カレーパンの持ち帰りもできる。
石丸電気の方へ向かうと安値でおなじみの カレキチ が見えてくる。
290円からのカレーはやや味が劣るものの、トッピングで差をつけたい。
さらに進むと Akibaカレー館 が目に飛び込んでくる。
通りすぎて横断歩道を渡ると言わずと知れた CoCo壱番屋 が構えている。
手ごろな値段でそれなりにうまいおなじみのカレーを出してくれる。