.infoドメイン

安さにつられて.infoドメインを取得してみました。
前回ドメイン取得から一般公開までやたらと苦戦しましたが、
2回目だったので今回は悩むことなく公開できました。

http://devwp.info/

さくらインターネットさんの専用サーバにwordpressをインストールしてみて、それを公開してみてます。
んー・・・コンセプトが無いまま公開してしまった・・・どうしよう・・・

WEBの品質情報投稿サイト

WEBの品質情報投稿サイトの運用・保守みたいなことをやってます。


WEBの品質情報投稿サイト


シンプルで使いやすいのですが、もう一歩な感がありますね。
もっと使ってもらえるようにアイディアだし、改修がんばります!
の前に・・・バグがちょいちょいあるからそれを直さなきゃ・・・

絵心がない。。。

ショッピングサイトを作って思いました。
絵心ないなー。俺。

サーバサイドは得意なフィールドなので何の苦労もなかったですが・・・
htmlとかcssとか画像とか・・・これが一番苦労しました、挫折しそうでした。。。

画像なんて作ったことなかったから、一個画像作るのに半日も費やしてました。
おかげでちょっとした画像はちょいちょいーっと作れるようになりましたが。
ちなみに、サイトロゴが初作成画像ですが、一日かかりました・・・(脱力


デザイナーさんの凄さを痛感しました。
デザイナーさんありがとう。
あなたたちのお力で生きていけてます。

YSlowは便利だった

YSlowは便利でした。

https://addons.mozilla.org/ja/firefox/addon/5369/

js圧縮した方がいいよ。
画像にexpireつけた方がいいよ。
etc...

と色々アドバイスがありちょー助かりました。
おかげ様でショッピングサイトはサーバに飛んでくるリクエストの数をそれなりに軽減できました。
jsの圧縮なんてあんまり効果ないんじゃない?
なんて思ってましたが、それなりに効果あるみたいですね。

商品画像は商品提供者のサーバにあるのでexpireつけれないなー。
商品画像も自分のサーバに全キャッシュしちゃおうかなー。
うーん、めんどくさい。もー他のサイトを作りたくなってきた。

ショッピングサイトを作ってみました

ショッピングサイトを作ってみました。

http://pu-chan.jp


色々課題は残ってますが、自分でサイトを作ってみるお勉強第一弾。
ってことで。一旦オープンさせました。
サーバ借りたり、ドメイン取得したり・・
一人でやってみると意外と面倒なもんでした・・・
お勉強代もそれなりにして・・・
一番悩んだのはやはり、お金が結構・・・ってとこでした(笑

まずは、商品検索がダサいからそこから改修しまーす。

ブラウザに表示されている画面を直接編集する方法

Web ブラウザに表示されている画面を直接編集する方法

使いどころがない気もするけど、すごいですね。


javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

jQueryのセレクタ

よく使うのによく忘れる・・・なんでだろう・・・
よく使うのだけメモっておこう。

  • 要素セレクター
  • $("要素名")
  • 特定のhtml要素




  • IDセレクター
  • $("#ID名")
  • 特定のid属性の値を持つ要素




  • クラスセレクター
  • $(".クラス名")
  • 特定のclass属性の値を持つ要素




  • 子孫セレクター
  • $("要素1 要素2")
  • 特定の要素の内側にある要素




  • first-child擬似クラス
  • $("要素:first-child")
  • 特定の要素内の最初の要素




  • last-child擬似クラス
  • $("要素:last-child")
  • 特定の要素内の最後の要素




  • only-child擬似クラス
  • $("要素:only-child")
  • 指定した要素が1つだけ含まれる特定の要素




  • [attribute]
  • $("[属性名]")
  • 特定の属性を持つ要素




  • [attribute='value']
  • $("[属性名='値']")
  • 特定の属性が指定した値を持つ要素




  • [attribute!='value']
  • $("要素名[属性名!='値']")
  • 特定の属性が指定した値を持たない要素




  • [attribute^='value']
  • $("[属性名^='値']")
  • 特定の属性が特定した値で始まっている要素




  • [attribute$='value']
  • $("[属性名$='値']")
  • 特定の属性が特定した値で終わっている要素




  • [attribute*='value']
  • $("[属性名*='値']")
  • 特定の属性が特定した値を含んでいる要素




  • [attributeFilter1][attributeFilter2]
  • $("[属性セレクター1][属性セレクター2]")
  • 複数の属性セレクターに該当する要素




  • firstフィルター
  • $("要素:first")
  • 指定した要素の最初の要素




  • lastフィルター
  • $("要素:last")
  • 指定した要素の最後の要素




  • evenフィルター
  • $("要素:even")
  • 指定した要素の偶数番目の要素




  • oddフィルター
  • $("要素:odd")
  • 指定した要素の奇数番目の要素




  • eqフィルター
  • $("要素:eq(番号)")
  • 指定した番号の要素(番号は0から数える)




  • gtフィルター
  • $("要素:gt(番号)")
  • 指定した番号より後の要素(番号は0から数える)




  • ltフィルター
  • $("要素:lt(番号)")
  • 指定した番号より前の要素(番号は0から数える)




  • headerフィルター
  • $("要素:header")
  • h1~h6までのheader要素




  • containsフィルター
  • $("要素:contains(文字列)")
  • 特定の文字列が含まれている要素




  • hasフィルター
  • $("要素1:had(要素2)")
  • 特定の要素が含まれている要素




  • parentフィルター
  • $("要素:parent")
  • 子要素やテキストを含む要素