はてなキーワード: カーソルとは
LinkedList程度なら「ポインタを使いこなす」には到底及ばない「簡単な話」という認識。
>>やるとしてもそれは直接叩くのではなく対象を抽象化たライブラリを通してやるべきだ。
全くその通りだが、その認識に至ってもらう方法としてポインタを学ばせる手法を推している。
ポインタ以上にその認識に至らせてくれる手法をご教示願いたい。
でだ、恐ろしい話だが、メモリーの走査が抽象化されているせいか、
DBのテーブルという生データを態々、一行一行ループやカーソル使って非効率に走査・集計するのが出てくる。
SQLというDSLがあるから、もっとSQLを上手く使えばいいのにもかかわらず。
温室で促成栽培されてきた連中は、痛みを知らない化け物に見える。
スワイプだけでフォルダー内の全ファイルを閲覧。すべてのファイルが横に並んでいる。[[参考:m>notes]]のように。
縦にファイルをつなげる。これはファイルのグループ化。これも[[参考:m>notes]]。親となるファイルに独自記法が書かれていればつながる。親子管理用のデータは持たない。(Dropboxなどで他端末にコピー、デスクトップアプリで開いた時に有効になるように相対パスでファイル指定)UI上は記法ではなくファイル選択(親を開いて子を選択・子を開いて親を選択。選択肢にはファイル名によるフィルタリングをしたい。できればファイル内容の全文検索でも。UIは統合できるはず)親を子にすれば子が孫になるように。見た目はリスト、でもデータ構造はツリー。
設定項目に「ホームフォルダー」。その外にも出られる。制限しない。戻れることが大事。
自動命名・自動保存。ファイル名がどうしても付けられないなら適当なファイル名で適当なところに残す。開きやすければいい。
アンドゥ。「キーロガーと併用して」で済ませるのもあり。
起動時のビュー(最小化から復帰した時除く)は設定可能。ビュー別にホームアイコンを作成することも可能に。
モーダルダイアログ排除。またはダイアログ外タップで閉じられるように。
アプリにカーソルキー不要。大きく表示するビューを用意。ダブルタップや長押しで切り替え。文字を打つときには戻るように。でもこれはAndroidに任せるべき。
カーソル位置が分かりにくい上に意図しない位置へ行くのでアンダーライン必須。でもアンダーラインよりも背景色を行ごと変更したほうが分かりやすい。背景に横罫画像も使える。
検索とキーワードハイライトを統合。検索キーワードは検索のたびに追加。検索キーワードの目次生成。置き換えでも追加。置き換えた箇所が強調表示になる。自動的に追加されるハイライトの色はモノトーン。追加されるたびに古い強調表示は弱くなる。操作で別の色に変更できればいい。強調箇所は独自形式のデータにするしかない。どうせ他のアプリでは再生できないのでこのアプリ専用データ。
[[ファイル名(拡張子不要)]]でリンク。最初の「.」以降不要。あってもいい。それで重複が発生したらタップ時にリスト表示。選ばせる。
自動リンク。同一フォルダー内のファイル、ファイルのあるフォルダーからの相対パス、ホームフォルダーからの相対パス、絶対パスに。
ファイルを集めて一冊の本に。リンクを応用、見出し(正規表現で定義)へのリンクを自動生成して1つのファイルに書き出し。1フォルダー内のファイルだけでいい。そのファイルの冒頭には「本」ファイル用の見出しを入れる。その見出しだけの本を作れば本の本、同じプログラムで本の本の本の本も生成可能。設定項目が増えそうなので不要。
1. のあとで改行すると 2. が生成されるような。
タブストップ調整。タブ文字1つで表組み。LTSVが崩れのない表になるような。
スクロールバーには目次を表示したい。ドラッグ中に半透明で画面の右側だけを使って表示するとか。
RIGHT:[[:t/App]]
----
今、腕組んだりへその上に手を置いてる貴様、聞きたまえ。
座椅子がいかに楽か。ということは、聡明なる座椅子愛好家の皆さんなら既にご存知だろう。
だがしかし、更なる楽さを手に入れたいかた、ぜひ脇息を使ってみてほしい。
脇息ってなんだ?って?
時代劇で殿様が肘置いてるあれですよ。あれ。肘掛け。
先日試しに買って使ってみたのですが、非常にいいんですよ。
ほぼ横になってるくらいの楽さ。
楽すぎて、この状態で本読んだりパソコンしたりしていると、
上半身は背もたれへ、下半身は座椅子底面と床へ預けているわけです。
しかし、腕だけは自分の肩で吊ってる、支えてるじゃないですか。
つまり、腕も何かに預ければ、ひとつ上の”楽さ”へとアセンションできるのです!
ブクマ数が大きく目立ってるので、「凄い! こんなに人が反応してるんだ!」とインパクトがあって、
活気のあるサービスっぽく見えた。
小さくしろなんて書いてない。
あの位置と色ではタイトルとの隙間が空きすぎて、直感的にタイトルと結びつかない。
目立たせたいなら上のラインと同じ色とか問題外。
表示件数はカスタムできた方がいいだろうけど、三件という数は数秒でささっとリアクションを見れる量だと思う。
あなたの好みの話はしてない。
個人の頭の程度に合わせて調整させろと言っている。
設定のいじり方がよく分からないのでよく分かんないや。
なぜここを引用して、そんなわかりきった事を書いた。
これの意味がよくわかんない。
1ページってどこの1ページだろう、トップページにも、沢山記事出てるけど。
トップに何の基準で記事が並べられてるのか知らないけど、「各ジャンルについて満遍なく幾つかずつ記事を表示する」目的じゃなく、
人気の記事をジャンル無視してざざっと並べてもらって、それをささっと流し見して、
「さっき緑色の記事読んで面白かったからまた緑のが出てきたらクリックしてみるか」とか、
×1ページ
○1画面
判りづらくてごめんね。
おっしゃってる事は旧バージョンでも出来た事です。擁護するにも無理矢理だろ。
なんか旧バージョンを知らないみたいなので、他の言及記事を参照してください。
「非選択のメニュー項目」って、上の方に横に並んでる、
とかのかな。確かに色ついてた方がいいかもしれないけど、カーソル合わせた時にそれぞれ違う色になるのはちょっと楽しい。
あと、実際色つけられても、こんな何色も一気には覚えられないからあんまり意味ないなー。
常にこの色つきメニューバーが端っこについてくるなら「この色は……このジャンルか」とか見比べられるけど、ついてこないし。
それぞれの記事のブクマ数の下の所にジャンル書いてるので色を覚えなくてもいいし、
覚えるにしたってこれなら使ってるうちに色とジャンルの傾向覚えられそうだし私の用は足りる感じ。
この色わけって、「暮らしの緑色を探す!」みたいにガリガリ使うより、
「さっき見た記事と違う色にしてみるかな」「同じ色にしてみるかな」くらいの、
気まぐれで選ぶ一要素、くらいに使うのを想定してるんじゃないかと思う。
ガッツリそのジャンルを掘りたければ各ジャンル別ページに飛べばいいんだし。
あと、やっぱ彩りだよね。
そうですか。わたしは嫌です。
はてブトップページの色使いは全然「パステルっぽい色」ではありません。
こちらをどうぞ。
http://ja.wikipedia.org/wiki/%E3%83%91%E3%82%B9%E3%83%86%E3%83%AB%E3%82%AB%E3%83%A9%E3%83%BC
数年はてブろくに使ってなかったし元のはてブのトップページどんなのか覚えてない私が新トップページについての印象を書く。主に擁護的に。
ブクマ数が大きく目立ってるので、「凄い! こんなに人が反応してるんだ!」とインパクトがあって、
活気のあるサービスっぽく見えた。
表示件数はカスタムできた方がいいだろうけど、三件という数は数秒でささっとリアクションを見れる量だと思う。
私としてはこれ以上多いと情報量とか熱意が多すぎてちょっととっつきづらいかなあみたいな。
最近web雑誌とかで流行りの、記事に対するTwitterでのpostを表示してる部分みたいな感じで今風な感触。
設定のいじり方がよく分からないのでよく分かんないや。
意味のない項目があるのは多分よくないと思うけどその内対応するでしょう。
これの意味がよくわかんない。
1ページってどこの1ページだろう、トップページにも、沢山記事出てるけど。
トップに何の基準で記事が並べられてるのか知らないけど、「各ジャンルについて満遍なく幾つかずつ記事を表示する」目的じゃなく、
人気の記事をジャンル無視してざざっと並べてもらって、それをささっと流し見して、
「さっき緑色の記事読んで面白かったからまた緑のが出てきたらクリックしてみるか」とか、
「次は別の色をクリックしてみるかなー」とかぼんやり考えるのには結構いい。
私みたいに、「特に強く興味のあるジャンルは持ってません」な人には悪くない。
「非選択のメニュー項目」って、上の方に横に並んでる、
とかのかな。確かに色ついてた方がいいかもしれないけど、カーソル合わせた時にそれぞれ違う色になるのはちょっと楽しい。
あと、実際色つけられても、こんな何色も一気には覚えられないからあんまり意味ないなー。
常にこの色つきメニューバーが端っこについてくるなら「この色は……このジャンルか」とか見比べられるけど、ついてこないし。
それぞれの記事のブクマ数の下の所にジャンル書いてるので色を覚えなくてもいいし、
覚えるにしたってこれなら使ってるうちに色とジャンルの傾向覚えられそうだし私の用は足りる感じ。
この色わけって、「暮らしの緑色を探す!」みたいにガリガリ使うより、
「さっき見た記事と違う色にしてみるかな」「同じ色にしてみるかな」くらいの、
気まぐれで選ぶ一要素、くらいに使うのを想定してるんじゃないかと思う。
ガッツリそのジャンルを掘りたければ各ジャンル別ページに飛べばいいんだし。
あと、やっぱ彩りだよね。
一理あるけど、でも上で書いたようにこの色分けって実用性ガリガリより彩りの意味合いが強いと思うので、
グラデーションのパステルっぽい色って結構悪くないと思ってる。カワイイ。
全体的に、ゆるっとしたスタンスで見るといい感じに見えたなー。
まあ、はてなってゆるっとした人多くない?のかも?とは思うけど。どうなんだろ?
ゆるっとした人を増やしたいのかな。
数年はてブろくに使ってなかったし元のはてブのトップページどんなのか覚えてない私が新トップページについての印象を書く。主に擁護的に。
ブクマ数が大きく目立ってるので、「凄い! こんなに人が反応してるんだ!」とインパクトがあって、
活気のあるサービスっぽく見えた。
表示件数はカスタムできた方がいいだろうけど、三件という数は数秒でささっとリアクションを見れる量だと思う。
私としてはこれ以上多いと情報量とか熱意が多すぎてちょっととっつきづらいかなあみたいな。
最近web雑誌とかで流行りの、記事に対するTwitterでのpostを表示してる部分みたいな感じで今風な感触。
設定のいじり方がよく分からないのでよく分かんないや。
意味のない項目があるのは多分よくないと思うけどその内対応するでしょう。
これの意味がよくわかんない。
1ページってどこの1ページだろう、トップページにも、沢山記事出てるけど。
トップに何の基準で記事が並べられてるのか知らないけど、「各ジャンルについて満遍なく幾つかずつ記事を表示する」目的じゃなく、
人気の記事をジャンル無視してざざっと並べてもらって、それをささっと流し見して、
「さっき緑色の記事読んで面白かったからまた緑のが出てきたらクリックしてみるか」とか、
「次は別の色をクリックしてみるかなー」とかぼんやり考えるのには結構いい。
私みたいに、「このジャンルに専門的に興味がある」みたいな指向性がない人には悪くない。
「非選択のメニュー項目」って、上の方に横に並んでる、
とかのかな。確かに色ついてた方がいいかもしれないけど、カーソル合わせた時にそれぞれ違う色になるのはちょっと楽しい。
あと、実際色つけられても、こんな何色も一気には覚えられないからあんまり意味ないなー。
常にこの色つきメニューバーが端っこについてくるなら「この色は……このジャンルか」とか見比べられるけど、ついてこないし。
それぞれの記事のブクマ数の下の所にジャンル書いてるので色を覚えなくてもいいし、
覚えるにしたってこれなら使ってるうちに色とジャンルの傾向覚えられそうだし私の用は足りる感じ。
この色わけって、「暮らしの緑色を探す!」みたいにガリガリ使うより、
「さっき見た記事と違う色にしてみるかな」「同じ色にしてみるかな」くらいの、
気まぐれで選ぶ一要素、くらいに使うのを想定してるんじゃないかと思う。
ガッツリそのジャンルを掘りたければ各ジャンル別ページに飛べばいいんだし。
あと、やっぱ彩りだよね。
一理あるけど、でも上で書いたようにこの色分けって実用性ガリガリより彩りの意味合いが強いと思うので、
グラデーションのパステルっぽい色って結構悪くないと思ってる。カワイイ。
全体的に、ゆるっとしたスタンスで見るといい感じに見えたなー。
まあ、はてなってゆるっとした人多くない?のかも?とは思うけど。どうなんだろ?
ゆるっとした人を増やしたいのかな。
虚構新聞が正しいとか悪いとか、批判した人がなんだとか、
そういう事に拘りすぎてあまりにも現実やその先を見ていない人が多いんじゃねーの。
虚構新聞が嘘で、お前等が普段チェックしているニュースサイト、まとめアフィブログ(笑)が真実だ?笑わせんな。
ネットに真実なんて落ちてると思ったら大間違いだから、今すぐPCを投げ捨てて家を出ろ。
お前が炎上なんてしてもお前の人生にこれっぽっちも影響ねえんだよ。図に乗るな。
全くお前らには想像力が足りねえんだよ。
そもそも日本の閉鎖的な文化が全くもってインターネットと合ってねぇ。
日本人は個人が責任を負うのが苦手だから虚構新聞に押し付けなきゃどうしようもねえんだ。
お前等責任なんて取った事あるか?俺はねえし取り方もわからねーよ。
この文化の違いを解決するには意見の衝突だけじゃ足りないに決まってるだろ。
ワンクリック詐欺とか思考停止の馬鹿丸出しな言葉つかってんじゃねえ。
リンクがあったらカーソル合わせてブラウザの下に表示されるアドレス確認するのが常識だろ。
rocketnew24.comとdqnplusを目で弾ける位のリテラシーは持っておけ。
ああ何だ?twitter上で短縮URLだから判定できないって?
日本語ドメイン普及させるとか、クライアントの表示を改善するとか幾らでも手はあるだろ、
プログラミングが出来無いなら、技術がある奴に一言言えばそれでいいんじゃねーの
お前等がどう思ったのかtwitterでも何でもいいからもっとアウトプットしろ。
意見を書かない奴は居ないことと一緒って誰かも言ってるが、
先日、初めてムームードメインで取得しているドメインの解約を行ったんだけれど、クソ不親切だった。
コントロールパネル→ドメイン詳細→ドメイン情報内の契約更新をクリック。
ここで取得しているドメインの一覧が出てくる。んで、解約ボタンを押せばいいんだけれど、
解約したいドメインが継続したいドメインに挟まれているときとか、すっげー緊張するぐらい押しにくい。
ボタンにカーソルを合わせたら色が変わるとか、そういうのを導入するか、あるいは解約ボタンを押したら
「本当に〇〇.com」を解約するのですか?」など、確認の文言を入れて欲しい。
一応、「解約するんですか?」の文言は出てくるんだけれど、本当にそのドメインを自分は選択したのかの確認がないと意味ないっしょ。
フォローされたんですか!やった―――!
botじゃないですか!やだ―――!
bot業者も頑張っているのか、フォローされても人とbot、ぱっと見わかりにくくなっているよね?
なんでだろうね、まあ野郎より受けがいいのも確かだよね!
ふつう文章書くにしても鍵かっこなんて面倒だよね?
実例を挙げるよ!
2ちゃんねるの短レスだったり、偉人の名言からとったりしているのを確認できるよ!
実際のリプを抜き出してみせるよ!
○○さん、こちらこそ、ありがとうございます。
うふふ・・・。
優秀!
などなど。
そんなだから、会話にもなってないよ!
相手:おっしゃる通り。
とか。かみ合わないことが多々あるよ!
ツイートを開いてみよう!簡単だよ!
一番上にある最近のツイートでも、その人のツイートだったらどんなツイートでもいいよ!
ツイート枠内の右上、「開く」を押してもいいよ!
この○○が重要だよ!
ここにクライアント名がかかれるよ。
ケータイでtwitterから書きこむと「Keitai Webから」
iphonならiphoneからだったり、Androidならtwiccaが多いかな?
他のクライアントを使えばその名前になるし、自作で意図的に変えることもできるみたいだね!
それはともかく。
ここがbotでは「自分の名前」や「それをもじった名称」を使われているよ!
例えばクライアントをクリックすると、そのクライアントの宣伝や、ダウンロードのページなんかに飛べるよ。
それがbotでは「botのツイッターのページ」にリンクが貼ってあるよ!
ツイッターのクライアントを自作する女性、クライアント隠ぺいのためフリーソフトを使う女性っぽく見えたなら、botじゃないと言えるんじゃないかな?
各クライアントもtwitterページを見てみたり、枠内にあらかじめ書かれている場合があるよ!
Eclipseはその豊富な機能を覚えるのもプラグインをインストールするのも非常に面倒(Subversionのプラグインさえ入れたのに使い方がわからなくて使ってない、調べたけど動かねーし)。あとアホみたいに重い。起動も重いし検索も遅いしでかいファイルを開くとカーソルの移動さえ重い、最新のPCなのに。あとバグが多いのはいわずもがな。しょっちゅう落ちるか、謎のエラー(無害ぽいが)が出る。
しかしそれでも、今時タダのレガシーエディタでコード書きたくないわ。設定次第で何でもできるようだが、俺はコードを書いて仕事を進めたいのであってエディタの設定に何時間も使うのは一度でも嫌だ。あとIDEはやっぱり必要。
この記事(http://www.drk7.jp/MT/archives/001769.html)が話題になっているので、自分も書いてみます。まずは自分の属性。
そもそもNexusSは国内で販売されてないので、NexusSとiPhone4のどちらがイイですか?と人に聞かれることは全くないですが、
NexusSの方が圧倒的によいと"私は思う"と(もし聞かれたら)答えます。今後の機種変も間違いなくGalaxy S2、3?、と買い続け
ていくと思います。一方で別の技術はもうわかったのでiPhone4は手放そうと思っており、iPhone5が出たら誰かに触らせてもらい
たいです。※NexusSは技適未通過端末なので、帰国前の使用感レポとなります
元記事に異論なし。音質は音楽聞かないから知らない。AndroidはiPhoneよりもっさりしてるし、落ちるし、電池減る。
Nexus Sの解像度はWVGA(800x480)とiPhone4(960x640)より劣るのに、画面自体が大きい分広く感じる。Nexus Sは4インチ、iPhone4
は3.5インチで、だいぶミスタイプが減った。Xperia arcは4.2インチなので確かに大きすぎるかも。Nexus Sはちょうど良い。
だいたい元記事通り。ランキングサイトを見て色々試すのが自分は楽しい。iPhoneでスクエニのゲーム買ったけど、結局スマホで
ゲームなんてやりにくいし放置。ゲームは3DSかPSPで良い。
で、大事なのはここから!速度・安定・電池を差し引いても自分がAndroidを選ぶ理由。
Androidアプリの良いところは、アプリ間の連携がシームレスなところ。写真とる→ギャラリー(iPhoneでいうアルバム)→共有から
直接twitterなどにうp、が可能。(http://www.gazo.cc/up/37699.jpg)iPhoneは写真とる→アルバムは移動出来るけど、うpする
には各アプリを立ち上げないといけない。ブラウザもメニュー→共有で、そのページを色んな方法でシェアできる。アプリ連携し
すぎ。あとページ内検索とかも地味に便利。
他にも良いアプリとしてはIMEのSimeji。←→キーとソーシャルIMEが便利すぎ。iPhoneだとiとiの間にカーソル合わせるとかほぼ
無理。ツイートする時に少し戻りたいとかもよくあるので、←→は不可欠。ソーシャルIMEの効果は
(http://www.gazo.cc/up/37694.jpg)参照。スマホは数字・記号が混ざった入力がだるいので助かる。
GoogleMapは拡大・縮小した時にコンパスが元に戻らないのが良い。(ブラウザにもついてる)- +ボタン便利。本来はマルチタッチ
非対応端末用だけど、片手で縮小出来るのが十分便利。iPhoneだと縮小時に左手に持ち替えるとかよくやってた。他にマイマップ
とか様々なレイヤが重ねられる。Latitudeは友人0だから意味無いんだけど、mixiのAndroidアプリ(上の画像の)みたいな感じで4sq
iPhoneは他のアプリが起動すると投げっぱなしで戻れないし、1つのアプリ内でも戻れなくて迷子になることがよくある。
だいたい左上が「戻る」系ボタンがあることが多いけどそうでないアプリもあるし、左上とか遠くて画面を覆い隠してしまう。
今では「戻るボタンが無いなんて、ブラウザバック禁止でブラウザ見るぐらいストレスだろ…」と思っている。
色んなアプリの新着がステータスバーに表示される通知機能が死ぬほど便利。twitterにおける通知(とウィジェット)の良さはこ
れ(http://ran.private.coocan.jp/omusubi/log/2010/12/android-twicca-beta.html)あたりを参照。iPhoneにもPush通知はあるけ
どすぐ見なくて良いものを保留、とかが出来ない。強制的にアクティブになるのが鬱陶しい。インテントと組み合わさると最強で
、こんなこと(http://www.gazo.cc/up/37695.jpg)が出来る。
上のtwitterクライアントのエントリでもあるようにウィジェットが便利で、ホームから色々設定変更が出来る。自分は家帰ったら
NoLockウィジェットでロックオフしてすぐ操作出来るようにしてるし、布団でごろごろ使う時にはScreenFilterウィジェットで好
みの程度暗くする。あと計画停電があった時はホームに付箋メモ貼ってすぐ確認出来るようにしてた。この辺はiPhoneでもJBすれ
ば出来る範囲なのかな。
他にもFLASHが動くとか、NFCがついてるとか、電源ボタンがサイドについてて使いやすいとか、丸っこくて可愛いとか、Macがなく
てもアプリ作れるとか、色々良いところはある。代わりに先に述べた体感速度、OSの安定度、充電池の悪さの他に、フォントが変
元々NexusSはAndroidアプリ開発用にと買っただけで、予想以上に気に入ってしまったのは誤算。久しぶりにiPhone使ったら「戻れ
ない」「←→ない」「通知ない」が死活問題だし、最近Softbankの電波はさらに悪化したのか屋外ですら300~500Kbpsしか出てい
ないことも多く、人が多いと100Kbpsも出てない。(前は1Mbpsとか普通に出てたので、ここ最近何かあったのか、場所・時間帯に
"自分は" Nexus S > iPhone4だが、我慢してiPhone4を使っている。iPhoneにはAndroidのようなワクワク感が無いのが残念だが、
カスタム面倒な人・初心者にはiPhoneを勧めているし、無難だとは思う。2.2か2.3以降のAndroidなら、用途や好みによってはオス
スメ。色々出来るから本当楽しい!アプリをアドオンで強化出来るとか感動したし!個人的には「iPhoneに貼る電子マネーシール
」「iPhoneでも音の組み合わせで決済」「iPhoneでFlash」「iPhoneで赤外線」とかにエネルギー使うのは勿体無いので、より自由
なAndroidが普及して技術が発展すると良いと思っている。
じゃあ何を使うべきか迷っている。Softbankは解約して本体売るつもり。回線はdocomoか、b-mobile+WiMaxか、auのEVO WiMax
(CDMA+WiMax)が良い気がしている。EVO WiMaxはかなり魅力的だけど、CDMA通信時の安定性が不安なのと、端末がHTC EVO一択にな
ってしまう。docomoの最新はXperia arcだけど、なんかぺりあってダサい感あるしGalaxy Sの方がNexus Sと似てて良さげ。ただ来
この記事(http://weekly.ascii.jp/elem/000/000/038/38214/)のように、SIMフリーの技適通過済みAndroid端末をデータ通信の
みで使うのが安いし早いのは魅力。でもIDEOSは小さいしスペックが…
この辺(http://gpad.tv/phone/docomo-sc02c-samsung-galaxy-s2/)を見るに、Galaxy S2の発売とレポを待つのが良いと思うので
、たぶんそうする。本当はすぐにでも変えたいので辛い。
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マジオススメです!