「HTML」を含む日記 RSS

はてなキーワード: HTMLとは

2012-02-03

Firefoxブラクラ作った。というかブラクラになった。バグ

こんな感じのHTMLFirefox(10)に食わせたら

画面リサイズとともに操作不能になった。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Is it a bug?</title>
</head>
<body onresize="alert('a');">
<h1>Is it Ok?</h1>
</body>
</html

コピペ用→ http://pastebin.com/qwm8fqTN

IE9だと問題なく動作するし、

chromeだとご丁寧に「このページからポップアップをこれ以上出さないか」聞いてくれます

ぼくの環境だけの事例かもしれないので、みんなも試してくれると嬉しいな。

ローカルしか試してないから、よくわかんないんだ

で、みんなの環境でも同じようなら、これはfirefoxバグということなのかな?

ブラクラつくれちゃうと困るのでなんとかなるといいなと思います


あと、これ張ったからと言ってういるすさくせいざいにならないですよね?><><><><><こわいよぅぅぅぅ

2012-01-30

googleプライバシー ポリシー改悪が俺の中で話題に

http://www.google.co.jp/intl/ja/policies/privacy/preview/

Google が収集する情報

Google は、すべてのユーザーによりよいサービス提供するために情報を収集しています。その内容は、お客様の使用言語などの基本的情報からお客様にとって最も役に立つ広告オンラインで最も重要視している人物などの複雑な情報まで、多岐にわたります

情報の収集は以下の 2 種類の方法で行います:

お客様から提供いただく情報 たとえば、多くの Google サービスでは、Google アカウントのご登録が必要です。ご登録に際して、氏名、メール アドレス電話番号、クレジットカードなどの個人情報提供をお願いしていますGoogle提供する共有機能をすべてご活用いただく場合は、公開される Google プロフィール作成していただくようお願いすることもあります。これには、名前写真などを掲載することができます

サービスのご利用時に Google が収集する情報 Google は、ご利用のサービスやそのご利用方法に関する情報を収集することがあります。たとえば、Google広告サービスを使用しているウェブサイトアクセスされた場合や、Google広告コンテンツを表示または操作された場合です。これには以下の情報が含まれます:

端末情報

Google は、端末固有の情報(たとえば、ハードウェア モデルオペレーティング システムバージョン、端末固有の ID電話番号などのモバイル ネットワーク情報)を収集することがありますGoogle では、お客様の端末の ID電話番号をお客様Google アカウントと関連付けることがあります

ログ情報

お客様Google サービスをご利用になる際または Google提供するコンテンツを表示される際に、サーバー ログ内の特定の情報自動的に収集および保存されます。これには以下の情報が含まれることがあります:

お客様による Google サービスの使用状況の詳細(検索キーワードなど)

電話ログ情報お客様電話番号、通話の相手方の電話番号、転送先の電話番号、通話の日時、通話時間SMS ルーティング情報、通話の種類など)

インターネット プロトコル アドレス

端末のイベント情報クラッシュシステム アクティビティ、ハードウェアの設定、ブラウザの種類、ブラウザ言語お客様によるリクエストの日時、参照 URL など)

お客様ブラウザまたはお客様Google アカウントを特定できる Cookie

現在地情報

現在地情報を有効にした Google サービスお客様がご利用になる場合Google は、お客様現在地に関する情報携帯端末から送信される GPS 信号など)を収集して処理することがありますGoogle は、たとえば、お客様の端末のセンサー データから提供される近くの Wi-Fi アクセス ポイント基地局に関する情報など、他にもさまざまな技術を使用して現在地を判定することがあります

固有のアプリケーション番号

サービスによっては、固有のアプリケーション番号が割り当てられています。この番号とお客様インストール情報オペレーティング システムの種類、アプリケーションバージョン番号など)は、お客様が当該サービスインストールまたはアンインストールする際に Google に送信されることがあります。また、当該サービスGoogleサーバーに定期的にアクセスする際(自動更新の際など)にも送信されることがあります

ローカル ストレージ

Google は、ブラウザ ウェブ ストレージHTML 5 など)やアプリケーション データキャッシュのようなメカニズムを使用して、収集した情報個人情報を含む)をお客様の端末にローカルに保存することがあります

Cookie匿名 ID

お客様Google サービスアクセスされると、Google はさまざまな技術を使用して、情報を収集して保存します。その際、Google からお客様の端末に一つまたは複数の Cookie匿名 ID を送信することもあります広告サービスや他のサイトに表示される Google 機能のように、Googleパートナー提供しているサービスの利用の際に、GoogleCookie匿名 ID を使用することもあります

引用終わり

2012 年 3 月 1 日に発効

凄い!!!!!!さすが!!!小学生並みの感想

2012-01-26

[][]平均足

ttp://ameblo.jp/teppanfx/entry-10779767234.html

正直、平均足だけで勝てるだろ

2011-01-25 22:47:26

テーマ:2、手法まとめ

4H、1H、30M、5Mの平均足の色が揃ったらエントリー

手仕舞いは直近の高値安値、もしくはPivotsなど。

ポンドドル 5M で検証してみました。

①4H、1H、30Mは陽線。5Mも陽線になったのでエントリー

 あまり勢いがないので1Mで陰線になった時点で手仕舞い

 1.4842L → 1.4850 +8p

②再び5Mが陽線になったのでエントリー(4H、1H、30Mはずっと陽線)

 一度押し目をつくってからの上昇なので、今度はもっと上がるだろうと予測

 とりあえず、直近の高値(1.4883)を手仕舞い目標

 直近高値付近で少しグズッたが、さらに上げてきたのでPivotsのR1を目標

 しかし手前で失速。陰線に変わったので手仕舞い

 1.4850L → 1.4893 +43p

③再び5Mが陽線になったのでエントリー(4H、1H、30Mはずっと陽線)

 こんどこそR1を目指すかと思いきや失速。10分後陰線に

 1.4887L → 1.4882 -5p

④5Mミドルバンドに反発して上昇。陽線に変わったのでエントリー

 と思いきや、すぐに陰線に

 1.4883L → 1.4879 -4p

⑤4H、1H、30M、5Mが全て陽線になったのでエントリー

 エントリー後、勢いよく上昇。とりあえず直近の高値(1.4905あたり)を利益目標に。

 だが途中で失速。1Mを見るとすでに陰線が何本か続いていた。

 1Mミドルバンドで跳ね返るかなと思って観察していたが(⑤´)、勢いを感じられす手仕舞い

 1.4857L → 1.4881 +24

⑥1H、30M、5Mはすでに陰線。価格の急落の途中で4Hが陰線に変わったのでエントリー

 だいぶ落ちた後なので、反発するかと思ったがさらに下落してくれた。

 目標は金曜の安値(1.4654)あたりだが遠すぎるかな?

 勢いが止まり、5Mが陽線になったので決済

 1.4769S → 1.4717 +52p

⑦5Mが陽線になった思ったら、またすぐに陰線に。エントリーする。

 と思いきや、またすぐ陽線に。

 1.4709S → 1.4724 -15p

⑧一旦上がりかけたプライスが再び下落。5Mが陰線になったところでエントリー

目標はさきほどの安値(1.4677あたり)。

 しかし、そこまで行かず失速。5Mではまだ陰線だが、1Mで陽線になったので手仕舞い

 1.4730S → 1.4700 +30p

⑨再び下げてきて5Mが陰線になったのでエントリー

 直近安値(1.4677あたり)をあっさり抜いたので、これは結構落ちると期待する。

 PivotsのS1まで行ってくれるか?

 しかし届かず。5Mで陽線が出た時点で決済。

 1Mを見るとすでに陽線が続いている。もしもっと早めに決済していれば

 50~60pくらになっていた。決済は1Mで決めるべきだろうか?

 1.4706S → 1.4665 +41p

⑩5Mが陰線になったのでエントリー

 が、すぐに陽線に変わり手仕舞い(´・ω・)

 1.4666S → 1.4676 -10

⑪5Mが陰線になったのでエントリー

 エントリー後、ダブついて陽線になったり陰線になったりしたが下落してくれた。

 一時25pほどになるが、すぐに反転。陽線になり同値であわてて決済。

 1.4670S → 1.4670 0p


2012-01-15

ソープに通う」男性は、「日本でよく見られる」という意味では「普通」ぐらいは言えるかもしれないが、「マジョリティ」ではない。たとえばこのようなデータを参照のこと。

問 過去一年間に売買春経験した男性(18歳~49歳)

ベルギー フィンランド フランス イギリス オランダ ノルウェー スペイン アメリカ 日本
NA NA 1.1 0.6 2.8 1.8 11.0 0.3 13.6

神奈川県立がんセンターによる「日本人HIV/AIDS関連知識、性行動、性意識についての全国調査」

http://www.acc.go.jp/kenkyu/ekigaku/2000ekigaku/eki_015/015.htm

1990年代無作為抽出の全国調査による行動結果)



なお、「アニメキャラに恋する奴」に関する国際統計は残念ながら見当たらないが、参考までに各国のニート比較をすると、2007年の数値では、以下のようになる。

ベルギー フィンランド フランス イギリス オランダ ノルウェー スペイン アメリカ 日本
15.4 13.3 15.1 18.1 6.9 8.8 17.2 16.2 7.6

(参考:OECD各国のニート率まとめhttp://alfalfalfa.com/archives/4176419.html

ソースhttp://www.oecd-ilibrary.org/sites/factbook-2010-en/11/03/04/index.html?contentType=&itemId=/content/chapter/factbook-2010-93-en&containerItemId=/content/serial/18147364&accessItemIds=&mimeType=text/html



上下比較して気付くのは、売買春経験する男性ニートより多いのは唯一日本のみであるという事実。これは、割と意外ではあるが納得できるものでもあったので、一応付記する。



以下への返信。

前者は普通マジョリティといってもいいかも。

http://anond.hatelabo.jp/20120115005443

2012-01-13

http://anond.hatelabo.jp/20120113160013

結構からだけどHTML進化すればする程割に合わなくなってるよな

デザインからコーディングから場合によってはマネジメントやバックシステムまでなんとかしろって言われる世界

2012-01-07

事務職リーマンwebサービス作ってみた

Webシステムとは縁遠い事務職のリーマンが、ある日思い立って、ニッチな用途の検索エンジンサービス作ってみたので、ちょっと書いてみようと思います

ちなみに、検索エンジンといっても、googleカスタム検索とかのお茶濁し系じゃなくて、apache Solrというオープンソース検索エンジンを、VPS上で動かしているという、それなりに本

気度の高いものです。

なんで素人がそんな物騒なものを動かす羽目になったかは、後述。



アイデアときっかけ

やりたい構想みたいなことを思いついたのは、もう6、7年前ほど前のこと。初めて独り暮らしを始めたときに、ひどく不便を感じたことがあり、こんなサービスがあったら便利だなあ、

と、ぼんやり妄想していました。

ちなみにその妄想をふと高校の同期に話したとき、そのサービスはどこにあるのか?!と、えらくがっつかれたのを、覚えてます。まあ、俺と同じく偏執狂の奴だったからだと思います

が。

ただ、しがない事務職リーマンということもあり、当然、技術も無く、そのときは、やるならこんな名前サービス名だろうなあ、とか、そんな妄想レベルで、話は終わっていました。

そんな感じで、5年ほど月日は経ち、なんとなくリーマン人生の流れも見えてきたところで、以前、妄想していたことを、ふと思い出しました。

5年も経ったら、さすがに自分が考えたようなこと、誰かがやっているだろうと調べてみたところ、意外なことに、競合になるようなサービス存在せず。ちょうど異動があって、少し時

間が出来たこともあり、じゃあ、着手してみようかと思い立ちました。



やりたいことは非常に面倒だった

やりたいことは、大手サイト情報検索。ただ、商品ページ内の特定情報、それも、商品ごとに正規化されていない表記を、正規化して抽出する必要があったので、大手サイトの既設API

だけではとても実現不可能でした。

まあ、だからこそ、5年間、誰もやろうとしなかったんでしょうが

ということで、とても一発では解決できなさそうな内容だったので、自分でなんとか実現できそうな機能に細分化して、各個撃破していくことにしました。



面倒なサービスをどう実現するか

随分と考えた結果、

以上に区分できると考えて、これらを各個撃破していくこととしました。

また、技術もなく、プログラミングも出来ず、ましてやlinuxサーバのお守りをしたことなんて当然ないので、インターネット上に置くサーバですべての処理を完結させるのではなく、イ

ンターネット上に置くリソースは最小限に留め、できる限り、勝手がわかる自宅のwindowsパソコンで処理を行うことにしました。

ちなみにさらっと結論だけ書いてますが、ここまで至るまでに、いろいろと調べ続たり、考え込んだりしていたので、思い立ってから3ヵ月は掛かってます。。。



検索エンジン周りの開発

さて、やる方針を決めたあと、はじめに着手したのは、要の検索エンジンサーバです。

いろいろとググって調べて、mySQLというやつか、apache Solrというやつかに絞りましたが、結局、Solrを使うことにしました。

MySQLのほうが実績は多そうだったのですが、Solrのほうが検索専門で、滅茶苦茶動作が速いらしいということ、MySQLでも出来るが特に速度が遅いらしい全文検索機能も使いたかったこ

と、あとファセット機能ジャンル絞りこみに便利に使えそうだったので、というのが理由です。

ちょうどSolr本が発売されていたこともあり、それを参考に、自分が使うように設定ファイルを変更していきました。

しかし、初めは設定ファイルの内容も意味不明な上に、私の書き方も雑なのか、少しいじっただけでまったく動かなくなる。結局、設定ファイルを一文字ずつ変更しては動作検証、とい

った始末で、進捗は地を這うよう。ある程度思い通りにSolrを扱えるようになるまで、3ヵ月以上掛かったでしょうか。。。

さらに、検索エンジンフロントエンドSolr検索結果を、htmlに変換するプログラム)も書かなければならない。プログラミングが出来ない人間には、これが本当に辛かった。

Solr本に、いろんなプログラミング言語でサンプルがあったのですが、迷った末に、わずか数行なら書いた(≒コピペした)経験があるという理由で、javascriptを苦渋の選択。

しかし、選択はしてみたが、基礎が本当に無いから内容がサッパリ頭に入ってこない。こちらも、わかるところから本当に1文字ずつ変えていくといった手探り状態。

プログラミングについては、今回のためだけだから、といった理由で、一切基礎をやらずに着手したのが裏目に出たのか、サンプルのソースをモノにして、書き上げるのに、ゆうに半年

以上。本当に時間が掛かりました。



kanzen21.comに衝撃を受ける

さらに、Solr周りで計9ヶ月間ハマっていた頃、忘れもしない、kanzen21のおっさん彗星のように現れて、衝撃を受けることになります

大手サイトのページをクロールして検索エンジンを作る手法は、私と考えていた構想の枠組みとまさに「完全に一致」な訳で。。。

図書館事件に注目していたのも同じで、あまりの一致具合に衝撃を受けっぱなしでした。

その後の成り行き等も含めて、興味深く観察させて頂き、本当に参考になりました。



クローラ周りとかの開発

そんな感じで紆余曲折もありましたが、ようやく難題だった、プログラミング関連に目処が立ってきたので、あとはクローラと肝心のデータ処理です。ここからは、勝手知ったるwindows

の領域なので、多少の安心感があります

まず、クローラですが、専用のクローラwindows用に探してきたり、それを設定するのも大変なので、今回はテレホーダイ時代に使っていたような、フリーweb巡回ソフトを利用する

こととしました。指定のhtmlダウンロードしてくるだけなので、別に変に新しいものに手を出す必要もないので。

また、ダウンロードしてきたhtmlファイルについては、これまたフリー日本語処理ツールでcsv方式に加工することにして、処理ルール部分を相当に作り込みました。

このあたりは、全体を通して見てもキモの部分なんですが、ある意味ちょっとしたパズル感覚だったので、プログラミング言語の部分と違って、かなり楽しかったです。

あとは、msdosバッチファイル(これは前から知っていた)で、これらの処理を繋ぎcygwincurlかいうツールで、連続して検索エンジンサーバcsvファイルアップロードする

仕組みを作りました

検索エンジンサーバには、容量は少ないが、安くて高性能という、今回の用途にピッタリだった、さくらVPSを借りて設定。CentOSサーバ構築ホームページを見ながら、サーバとか

Solr管理URLとかにセキュリティを掛けて、こちらも素人ながら、意外とすんなり設定。

ホームページは、vpsサーバ相乗りさせるのではなく、別にさくらレンタルサーバを借りました。apacheの設定方法等を習得する必要がありませんし、vpsリソースapacheと分け

合う必要が無くなるので。ホームページhtmlファイルcssファイル等も調べながら設定し、画像も準備しました。

あと、構想を思いついたとき妄想していたサービス名の.comドメインは、すでに他者に取得されていたのですが、どうも使っている風にも見えなかったので、whoisで出てきたメール

ドレスに連絡して交渉し、幾ばくか払って買い取りました。



ようやく完成

結局、足かけ18か月。ようやく完成。



楽天市場家具を、幅x奥行x高さ(家具サイズ)で検索できる、楽天市場家具カテゴリ専門の検索エンジン

カグサイズ検索

http://kagusize.com



この商品数規模(データ収録約30万アイテム)で、1センチ単位家具サイズ指定検索が可能な手段は、商用サービスも含めて、ほかには存在しないと思います

kanzen21と違って、エロじゃないから華はないけどね。。。




カグサイズ検索提供する価値について

ちなみに冒頭で少し書いたきっかけですが、就職して独り暮らしを開始したときに、新しい家にピッタリサイズ家具が欲しかったのですが、これが楽天で探すのは至難の技でして。

楽天家具を探してみようと思った人には判っていただけると思うのですが、楽天では、価格では範囲指定やソートができても、サイズでは検索出来ないんです。

これは、楽天では、商品のサイズ情報は商品の自由記述欄に記載することになっているためで、商品ごとにサイズの記載方法がバラバラのため、検索事実上、不能となっています

家電製品とかに関しては、種類が少ないこともあり、メーカーホームページとかでサイズを確認した上で、商品型番で検索すればいいので、それほど問題にはならないのですが、家具

って、種類が非常に多く、型番もあったり無かったりで、家電のようにサイズを調べることができません。

しかも、サイズが非常に重要な商品です。なんて不便な!


・・・ということで、カグサイズでは、楽天の商品ページにいろいろな書式で書かれているサイズ情報を拾って解析して正規化し、範囲指定やソートして検索ができるようにしています

また、単に寸法サイズを拾うだけでは、梱包サイズとか引き出し内寸とかも引っ掛かってしまうので、それらは出来るだけ排除して、商品の外寸が優先して引っ掛かるよう、アルゴリズ

ムを調整しています

単位センチミリ)に関しても、商品ごとにバラバラ(単に単位だけでなく、商品説明のどこに"センチ"とか"ミリ"と記載しているかについてもバラバラです。)なので、サイズ表記

前後の状況をみて、正しいと思われる単位で拾うようにしています




その他

あと、変わった使い方としては、欲しい家具価格比較みたいなこともできます

家具は、同じ商品でも、店ごとに型番が違ったりすることがよくあり、簡単には価格比較が行いづらいジャンルの商品です。

しかし、型番は違っても、同じ商品なら原則、サイズは同じですから、欲しい商品とまったく同じサイズ検索をかけると、同等商品があるのかどうか比較しやすい・・・といった使い

方もできます


おわりに

と、そんな感じで、しがない事務職リーマン作ってみたニッチな用途の検索webサービスを、サービスインさせて頂きました。

一般に公開されていて、誰でもアクセスできる情報でも、ニーズが有りそうな切り口の条件で検索性を高めれば、新しい価値創造できるんじゃないかという実験です。

もしよろしければ、ぜひ、使ってみてくださいー。それでは!

----------

カグサイズ検索

http://kagusize.com


追記

アップ直前の変更により、最大サイズの指定がうまく働かなくなっていたため、修正をしました。ご指摘有難うございました。

2012-01-06

制作者へのリンクをこっそり消す人

WordPressオリジナルテーマ 作り方の記事まとめ

ttp://ozpa-h4.com/2011/12/28/wordpress_how_to_make_original_theme_matome/


さて、自宅のMacWordPress環境を導入するなどしてWordPressテーマカスタマイズをしようしようと目論んでいるのですが、なかなかどうしてこれが進まない。

まぁなんていうか私にCSSHTMLの知識がないのと、いまだに「M」「W」の見分けがつかないのが主な原因なのですが、それでもコツコツと頑張ってはいるのです。

この記事を読んでいて、凄く驚いた。え、この人のデザインオリジナルじゃないの?と。




ソースを覗いてみたらファビコンの読み込みのところで、

shortcut icon" href="http://ozpa-h4.com/wp-content/themes/mystique/favicon.ico

ってある。つまりテンプレート名が「mystique」に相当する。




これ調べてみると、以下で提供されているテーマ

http://wordpress.org/extend/themes/mystique

サンプル見るか、自分ダウンロードしてみると分かるが、

フッターに制作者へのリンクが貼ってある。

Powered by WordPress and Mystique theme by digitalnature

そして、リンク先には以下が貼られている。

http://wordpress.org/extend/themes/mystique




でも、ttp://ozpa-h4.com/ のフッターにはそんな痕跡が見られない。

まり製作者へのリンクを消してある。




「間違って消しちゃいました」と言えば済むと思っているんだろうけれど、

この方、グラフィックデザイナーでしょう?

制作者および制作物に関して、少しはリスペクトの気持ちはないのだろうか、と

同じくグラフィックデザイン生業にする者として不思議に思う。

2012-01-02

自分感覚が一般からネットからかい離しているのではないか

最近の例で言うと、



サッカー日本代表の新ユニフォームがダサすぎると話題に

ttp://blog.livedoor.jp/dqnplus/archives/1686533.html

⇒「新しいユニフォームダサ過ぎ」という意見が大多数。普通にいいと思ったのだけど、むしろ1985年の真っ赤っかの方が・・・



【閲覧注意】女子高生を救えなかった話

ttp://itaishinja.com/archives/3224832.html

⇒「ひどい話だけど、田舎でよくある話なら仕方ないな」と思ったら、スレコメント欄ともに「胸糞悪い」「教師が悪い」という怒りのコメント多数。



他にもネットをしていて「えー、これが大多数の意見なの?」と思うこと多数。

一方で現実社会でも「えー、そんなことするの?意味無いじゃん」と思うこと多数。

自分感覚は一般社会からネット社会からも外れているのではないかと思う今日この頃

2012-01-01

鳥の詩歌詞について

ttp://www.geocities.jp/love12sister/kasi/kasi_1_air01.html

2011-12-29

はてダHTMLコメントスーパーpre記法の中に含まれていると出力される結果がおかしくなるバグ

発見した。

バグるテキストhttp://pastebin.com/1NkAdVVhに置いた。

これを詳細編集モードで貼り付けて更新すると見出しdddしか現れない。

誰か暇な人検証よろしく。

2011-12-26

pixiv女性向け同人サイトホスティングとして使う腐女子たち

最近は、女性向けの同人活動ということで、pixivをメインとした活動もされるようになった。pixivランキング女性向けのイラストが入っていたり、一部の方が大衆不快にしてしま行為をしてしまうけれど、女性向け同人として、pixiv同人活動においてなくてはならないものとなっている。pixivでの活動自体は、2年前ぐらいからはあったが、現在、さまざまなジャンルアンソロジーの企画ページを見ると、参加者の一覧での参加者ページのリンクpixivだけになっていることが多い。もう、同人活動のメインとして、pixivがメインなのだ

実際、pixivはあくまでもSNSサイトであって、ホスティングサービスでないのは事実Facebookを市のサイトとして全面移行しようとした佐賀県武雄市と同様に、腐女子pixivを作品を展示できるホスティングサービス勘違いしているのも事実

もし、pixivがなくなったらどうなるんだろうか。一からHTMLを学んで、レンタルサーバーを借りて、ホームページを作ったり、FC2ブログで似非サイトを作ったりするんだろうか。

私自身、pixivは、信用できない企業だと思っている。画像データIDCフロンティアデータセンターから配信されているのはいいのだけれども、メインシステムpixivオフィス、つまりデータセンター向けでない普通ビルにあるらしい。何かpixivオフィスであれば、サービス停止ということもあり得るし、セキュリティ的にもよろしくない。pixivブログサービスもそのうち停止してしまうらしいし、需要があるのかわからない「ショーケース機能」(有料で一定タグ宣伝できる)をリリースしたみたい。

これらからpixivWebサービス提供者として信用できない企業だと思う。ホスティングサービスとしてのpixivに期待する腐女子もあれだが。しかし、pixivには安定した運営と、利用者の声を反映した運営をお願いしたい。というか、現在pixiv運営だと、コラージュ騒動のときと同様に、何かあったときにうまく収めることができるのかわからない。

さっさと、ペパボとかに買収されてしまえばいいのに。あり得ないけど、Googleとかだったら最高。

http://anond.hatelabo.jp/20111226141921

全然関係ないんだがこれをみてへぇと思って検索していたら

EUC-JPで構築しているXOOPS場合テーマテンプレートHTMLのヘッダ域に

<!-- 龠 -->

と埋め込む。文字は"美乳" でも良いらしい。

あとはキャッシュを削除して再度アクセスすると、Google Chrome は正しく文字コードを識別し、EUC-JPで表示された。

という記述にわらった。

<!--美乳-->で正気を取り戻すChromeか…

2011-12-21

プログラマープログラム記述するのが仕事じゃないよ

http://anond.hatelabo.jp/20111218054639

それはプログラミング好きな人のすること。

プログラマーであれなんであれ、めんどくさいことはやらない。

いいじゃんよHTML直接書いちまえよ。

どうせコードの再利用なんてできやしないから。

2011-12-20

素朴な疑問

URLファイル名がindex.html場合、それを省略して

http://kyoko-np.net/index.html」→「http://kyoko-np.net/」みたいにできるけど、

これは定められた仕様約束事)なの? 単にソフトウェア仕様としての慣習なの?

2011-12-18

真のプログラマーHTMLの生成にExcelテキストエディタも使わない

http://webrocketsmagazine.com/entry/20111209/html-code-generation-using-excel.html

http://mattn.kaoriya.net/software/vim/20111215034338.htm

http://d.hatena.ne.jp/takuya_1st/20111217/1324105198

真のプログラマーなら単純なHTML生成するのにテキストエディタは使わないよ。単純なHTML生成が必要なプログラマーなら、プログラムでやるでしょ。いちいちプログラムを書くのがだるい?いやいや、単純なHTMLの生成が必要なプログラマーなら、リストやディクショナリといった汎用的なデータ構造CSVファイルといった汎用的な形式のファイルから自動的にHTMLを出力するライブラリぐらい書いてるでしょ。わざわざ同じ作業をやるなんてめんどくさい。それにそのプログラムは他でも使うことができるしね。しかPythonRubyならほぼシェル感覚で使える。わざわざテキストエディタを使って同じ作業をする必要性はないね。真のプログラマーなら単純なHTMLの生成はプログラムでやるでしょ。プログラマーなんだから

2011-12-17

Flash vs HTML5」関連話への反論は まだまだ技術者側の説明不足か

先日「Flashエンジニアが今後10年食べていくには?」というテーマを元に

Flash精通した Web 技術者達のディスカッションが行われる催し物があった。



 http://www.publickey1.jp/blog/11/flash10.html



この記事だけでは内容が省略しすぎているため

時間があれば是非録画の模様もみていただきたい。前半初頭は音量が小さいので注意。

こういった催し物は面白いなと、私はとても楽しく見させていただいた。



 http://www.ustream.tv/recorded/19073524

 http://www.ustream.tv/recorded/19074357



ディスカッションでは Flash だけではなく HTML5 についても触れている。

ディスカッション感想をディレクションや営業を行なっている知人に聞いたり、

ネット上の反応を見てみたところ以下のような意見がいくつかあった。



「『Flash好きな人』だけではなく HTML5 派の人との対談もあればよかった」

Flash 派の人の話だから HTML5 が使えないという話はいまいち参考にならない」



Flash 派』『HTML5 派』という くくりで考えてしまう人は

まだまだ多いと実感する。



パネリスト達は

過去から現在までに様々なプログラミング言語を利用し、あらゆる技術精通している。

Flash という表示媒体/環境開発がベター(時にはベスト)だと考え、

Flash をよく扱っている、という旨を話している。

Flash 以外にも色々やってます、と言っている。

最後の締めとして

Flash よりも優れたものが登場するのであればそちらに移行するでしょう、

とも言っている。



これだけの説明があったのに

ディスカッション内で触れた HTML5 に対する否定的な話は、

Flash 派』とやらのポジショントークだと目に写ってしまったのだ。



Java やら C やら objective-c やら perl やら php やら

サーバサイドからスマホネイティブ言語を用いてのアプリ制作まで

色んな事やってます、と言っても

技術者ではない人達には馴染みのない単語は耳には入らない。

技術的な事はよくわからない。



現在世の中には HTML5 を推し、合わせて Flash を否定する記事が結構出回っている。

技術者が話す専門的な用語の飛び交う話よりも

どこの誰が書いたかもわからない

HTML5 vs Flash 的な読みやすい記事に耳を傾けてしまう人はいる。

Apple 製品を好む人は「ジョブズがそう選択したのだから」と

なおさらこういった記事に目を向けてしまう。



Flash vs HTML5 の話にのせられてしまうのは、よくわかっていない人だ。」

そうあっさり切り捨ててしまうのもいいかもしれないが、

そうもいかない状況にもなってきてしまっているのが最近だ。



ディスカッション内では、

Flash大丈夫なのか?」という

ネット上の煽り記事を読み不安に思ったクライアントから連絡を受け

きちんと状況をゼロから説明するハメになってしまった、という内容があった。

似たような状況になっている人もいるのではないだろうか。



当方周辺では、

Flash は駄目だ」「Flash でなくても HTML5 ならできるはずだ」

HTML5Flash の代わりになるものだと言われている」と

クライアント、あるいは仕事先の関係会社から耳にする機会が増えてきた。



技術者の及ばないところで

ベターではない技術が選択、あるいは勧められてしまう やっかい性。

危惧した技術者達による反論記事は結構出始めているのだが

その記事は世間の目には届かない。

TV CMバンバン流れている iPhoneiPad では Flash を見ることができない

という状況に乗じた

いかげんな煽り記事の効果は絶大だ。



よくわからない人が圧倒的多数なのだ

勘違いを正すためには、今までよりもより一層

からない人達に わかるように説明、

あるいはメッセージを発信するよう心がけていかねばならないと感じる。



技術へ移行は容易い

パネリスト達のような

Flash を扱う事が可能な技術力を持ち合わせている人にとって

Flash が終わろうが、代わりの技術HTML5 やらその他何になろうが

大した影響はない。



「この文章書いている人間Flash 派なのでは?

 Flash 派の人間がそんな事言っても説得力ないな」という

ポジショントークと見られないための判断材料として、

プログラミング』についての話をしてみる事にする。



プログラミングに詳しいすべてのエンジニアはこういうだろう。



「世にあらゆるプログラミング言語があるが

 それらプログラミング言語の違いは記述の仕方が違うだけ」



「何か一つ言語を習得し

 その言語で自由に物を作れるだけのスキルを持ち合わせたならば

 別言語、別環境になろうとも移行は容易い」



Flash の事は全く知らないがプログラミングプロフェッショナルの人』

が近くにいるならば是非上記について伺ってみてほしい。

その通りだと答えてくれるはずだ。

Flash で用いられている言語は何も特別なものはない。

世にある あらゆるプログラミング言語のうちの一つである



プログラミング概念を理解している人ならば

Flash で作ったものを他の言語移植することも、

他の言語で作ったものFlashプログラミング言語移植することも容易いのだ。



ここで上記三行の「他の言語」を「JavaScript」に置き換えてみてほしい。

HTMLDOM 操作に必要な言語JavaScript である



言語は、Flash ならば ActionScriptHTML5 ならば JavaScript を用いる。

画面描画は

Flash ならばグラフィックスシンボル等を作成・配置、

あるいは用意されている描画用 APIActionScript で呼び出し、

HTML5 ならば CSS, HTMLタグ記述

あるいは用意されている描画用 APIJavaScript で呼び出す。



Flash と似たような技術として Java AppletShockwave があるが、

これらも一緒で

言語を変え、その技術に合わせた描画を行う処理を記述するだけだ。



Flash派」「HTML5派」といった具合に

Web 技術者が何かに属していて、何かには属していないかのような区別の仕方は

的がはずれている事を なんとなく感じていただけただろうか。



技術者にとっては要はなんだっていいのだ。

仕事に対し、あるいは表現したい事に対し、ベターな選択を行うだけの事なのである

PC向けゲームなら Flash

スマホ向けサイトなら HTML5

環境や表示内容に合わせ両方を採る選択もあるだろう。



パネリストの中に ActionScript好きだ、という人がいた。

これは別に

Flash が好き(製品のファン)だから ActionScript が好き、と言っているのではない。

現存するあらゆる技術比較した上で

ActionScript が優れたプログラミング言語だと判断しての発言なのだ



将来的に HTML5 が格段に進化する日がくるならば

HTML5 を選択するだけの事であり、

HTML5 が廃れて別の技術が登場するならば

その別の技術を選択し、

Flash より優れた技術が登場しなければ Flash を使い続ける、

ただそれだけの事なのである


対立どころか むしろ近い存在

もう少し突っ込んだ話をすると

Flashプログラミング言語である ActionScript(ActionScript 1.0)と

HTML 表示制御を行う言語 JavaScript は 実は同じ言語仕様である

ECMAScript』という単語で調べてみてほしい。



FlashHTML5 は対立するもの」と考えていた人、

あるいは ActionScriptJavaScript を触れたことがない人にとって

「え?そうなの?」と思う人もいる事だろう。



JavaScript は大規模開発に向いていない、という話は聞いたことがないだろうか。

同様の言語仕様である ActionScript 1.0 はこの問題を解決するため

ActionScript 2.0 から ActionScript 3.0 へと進化していった。



FlashHTML5 とで同等のもの制作する場合

Flash は開発がし易い、という話がよく挙げられるが

その理由の一つがこれである



現行の JavaScriptActionScript 1.0 は ECMAScript 3 準拠に対し、

ActionScript 3.0 は ECMAScript 4 準拠である

言語として進化しているものFlash採用しているので

開発は抜群にし易い。



ECMAScript 4 準拠の JavaScript も登場する日もあったかもしれなかったのだが、

Adobe はここで大失敗してしまった。

ECMAScript 4 標準化白紙

ECMAScript 4 は無かったことになってしまったのだ。

ActionScript 3.0 で作成したプログラム

そのまま HTML ブラウザで動作する事はなくなった。



技術者にとってコストを削減できるための手段の一つを

政治的な思惑によって潰されてしまった悲しい過去の話である



ちなみに JavaScript は大規模開発に向いていない、という事に対し、

最近では Google が新言語 Dart というものを開発している。

位置づけとしては ActionScript 2.0 に近いと比喩した人もいる。

ActionScript 2.0コンパイルActionScript 1.0 に変換されて出力される。

Dart も同じく JavaScript 変換機能を持つ。


今後

先の事は誰にもわからない。

HTML5 が成長するとは必ずしも言えない。

技術者は身を持って知っている。

ブラウザの足並みが揃ったことは過去一度たりともない。

表示と動作の差異、技術者はずっと苦しめられてきている。

めんどくさい。コストがかかる。

日本では IE6呪いはまだまだ続く事だろう。

現状の HTML がひどい状況なのだから

HTML5 も同じ道を辿るのでは、と言われてしまうのも仕方がない。

実際に HTML5 の各ブラウザの実装具合はバラバラである



Flash はといえば、

今でも 10年以上前スクリプト言語 (ActionScript 1.0 よりも前の言語)で

携帯向け Flash を作るはめになっている開発者が多い。

携帯向け Flash Player 開発中止、とある

Flash が動作するブラウザがいつまで携帯に搭載され続けるのか、

まだ誰にもわからない。

今後も当面携帯向け Flash を作り続ける事になるのかもしれない。

この古い言語での開発はとても苦痛であるが、

携帯向け Flash は一つの容量が小さいというのが救いである。



IE6 対応 HTML サイト制作にせよ、携帯向け Flash 制作にせよ

10年以上前ものが現役とは妙な話である

しか技術者対応するのだ。



状況に応じて何を選択するかを判断できるほどの技術力を身につける事

それが一番重要である

これから Web技術者を目指す、という人は

HTML5 なり Flash なり何を学んだっていい。



選択する技術に何ができて何ができないのか、

どの技術を組み合わせるとよいのか、

自ら判断できるようになった時、一人前の Web 技術者になったと言えるだろう。



一つ何かをモノにしてしまえば前述の通り移行は容易い。

今何かを勉強中の人は周りの声に流されず、

それを極めるくらいまでとことん勉強してほしい。

続けていくと見えてくるはずだ。自信という名の悟りの道が。


ディスカッション感想

気になった点をいくつか。



現状の HTML5 の実装具合のバラバラさに対し、

「(HTML5の)表示の差分を埋めてくれる何かが登場するかもしれない」

と言う発言があった。

言った当人も会場にいる人達も、きっとこう思っただろう。

「それってなんて Flash Player?」と。



HTML5Flash の真似事をしてますよね」

「あれはやめたほうがいい」という発言があった。

おそらく HTML5 canvas の事であろう。

この意見に対し「ムッ」と来てしまった人がいるかもしれない。



勝手に注釈するのであればこの発言は

Flash で作られた重たい WebHTML5 でまた再現するつもりなの?」

という皮肉であろう。

2011-12-06

高木さんが晒して改変が加えられる前のコネクトフリーが挿入するHTML

http://ideone.com/iQni5

2011-12-05

初心者がたった5ヶ月でウェブサービスを作る方法

完全な初心者の状態から勉強を始めてから大体5ヶ月でウェブサービスが完成したので何を用意したり何をどうやって勉強したらいいのか色々書いてみました。

アイデアはあるんだけど、プログラムとか難しそうで自分にはウェブサービスなんて作れないと思ってる人がいたらその敷居を少しでも低くできたらいいなあなんてと思ってます


ちなみにボクはぼんやり1年くらいはてなブックマークにのってる記事を見ていてプログラムとかできたらいいよなあなんて思っていてようやく重い腰をあげた人です

さらに自分文系数学英語もロクにできない人なので、基本的に誰でもサイトは作れると思います

そもそも中学生でもプログラミングができるんだから大人に出来ないわけないですよね。


これからウェブサービスを作りたいっていう方の参考になればと思います

自分初心者なのでまちがってることがあったら教えてください。



●何を用意すればいいのか

自分Windowsなので何個かWindows向けのソフトを紹介しています

Macの方は申し訳ないですが、Mac向けのソフトをご自分で探してください。



(1)メモ帳

基本的にウェブサービスの開発はメモ帳でできます

アドビdreamweaverっていう便利なソフトがあるらしいですお金もかかるし別に必要もないと思います

ただのメモ帳だと使いづらいのでボクは「TeraPad」っていうフリーソフトを使っています

例えばプログラム言語ごとに表示を切り替えると、関数とかコメント部分の色が変わって見やすくなって便利です

TeraPadhttp://www5f.biglobe.ne.jp/t-susumu/library/tpad.html



(2)PCブラウザ各種

サイトを作っても各ブラウザごとに見え方が違うのでそれぞれ確認するために何種類かブラウザインストールしましょう。

ボクはIEFireFoxChromeの3つをそれぞれ表示して確認していました。

OperaとかSafariも本当は確認しないといけないと思うんですがこの3つで十分だと思います



(3)XAMPP

ザンプって読みます。ざっくり言うとローカル環境(自分パソコン)でプログラムを動かす環境を作るソフトです

いちいちサーバーアップロードしなくても、プログラムが動くかを確認できるので便利です

またレンタルサーバープログラム暴走してしまうと迷惑がかかるらしいのであらかじめ自分パソコンで確認するのがいいようです

XAMPPhttp://www.apachefriends.org/jp/xampp-windows.html



(4)ドメイン

何とかドットコムっていうやつですネット上の住所的なやつですexample.comとかexample.netとか。

ボクはお名前.comでドメインとりました。ドメイン個人情報を隠せる?サービスがあるのが理由です

まあどこで取っても大して変わらないと思うので目についたところで取るといいと思います

「.com」だったら年間1000円くらいです。長すぎるドメインはとらない方がいいかです



(5)サーバー

ネット上にファイルアップロードするところですドメインが住所だとすると土地みたいなイメージです

ボクはさくらインターネットさんのレンタルサーバー(スタンダードプラン)を借りています

理由はグリー社長さんがほめてたから。お金も月額500円なので安いです

同じ500円だとニコニコ動画プレミアム会員になれますね。ちなみにボクは一般会員です



(6)FTPソフト

さっきファイルアップロードとかさりげなく書きましたが、そのファイルアップロードするソフトFTPソフトです

ボクはFFFTPを使っています最初使い方がわからなくて戸惑いましたが慣れれば簡単です

FFFTPhttp://www2.biglobe.ne.jp/~sota/



(7)FireMobileSimulator(FireFoxアドオン)

携帯電話サイトを確認するには基本的に実機で確認するのが一番ですが、個人で全部そろえるのは難しいです

そこでFireFoxアドオンのFireMobileSimulatorという拡張機能を使って簡易的に確認するのがおすすめです

XAMPPのようなローカルサーバでも確認することができます

・FireMobileSimulator : http://firemobilesimulator.org/



(8)スマホまたはスマホを持ってる友達

FireMobileSimulatorで確認できるといってもやはり見え方は違います。念のため実機で確認しましょう。

ボクはiphone使っていてそれの確認はしてるんですが、android友達がおらんのでまだ確認してなくて実はまだ不安だったりしてます



(9)3キャリアガラケーまたはガラケーを持ってる友達

上と同じようにやはり実機で確認した方がいいです特にガラケーは見え方もそうですが、プログラムがうまく動かなかったりします。

例えば、AUだけフォームに「enctype="multipart/form-data"」を入れてると文字化けするという謎の現象が起きたり。

他にも色々あって制作時間がかかったのは正直このガラケーのせいです。色々3キャリアで統一とかしてくれないんですかねえこれ。。。

友達のY君とMさんとNさん本当にありがとうございました匿名ブログだけど感謝してます




●何を勉強すればいいのか。


さて具体的に何を勉強すればいいのかわからない人がいると思いますが、以下を勉強すればウェブサービスが作れます

ということでひとつずつ説明。



(1) html/css

マークアップ言語っていうらしいですプログラムじゃなくてhtmlファイルを作る言語です

とりあえずhtmlサイトの文書の論理構造を書いて、cssサイトの見た目をキレイにするものだと思ってください。


適当検索すれば勉強できるサイトがたくさん出てくるのでそこで勉強してください。

本も売ってますけど基本的なところは難しくないので買う必要はないと思います

かいところはその都度検索すれば大丈夫です



調べると、html5とかxhtmlとかあって戸惑うかもしれませんが、とりあえずPCスマホなら何でもいいと思います

(ガラケーについては各キャリアごとに対応させる必要があります。書くとすごい長くなるのでガラケー用にサイトが作りたいなら調べてみてください。)

ただhtml5が一番新しいので今後勉強される人はそれの方がいいかもしれないです

ちなみにボクはたまたま見たサイトxhtmlの説明だったので今回はxhtml作りました



実際やってみるとわかりますが、思ってるよりずっと簡単です

まだボクは90年代初頭のホームページみたいなデザインしかできないので偉そうなことは言えないんですが(笑)



(2) PHP/MySQL

プログラミング言語データベースです

最初htmlだけでサイトが作れると思っていたんですが、はてなのような動的なサイトを作るときは何かしらプログラミングする必要があります

んで、いろいろ調べるとperlやらRubyやらJAVAやら色々でてきて一体どのプログラム言語がいいのか悩むと思いますウェブサービスが作りたいならPHPがいいと思います

理由はウェブに特化した言語っていうのと他に比べると簡単で勉強時間が少なくて済むらしいので。



PHPなんかで本なんか買う必要はないらしいんですが、ネットサイトだとよく理解ができなかったので本を買いました。

以下の書籍がとてもわかりやすくていいですおすすめです。やっぱり本は体系的にまとまってるので勉強がしやすいです

「よくわかるPHP教科書(たにぐちまこと)」

http://www.amazon.co.jp/%E3%82%88%E3%81%8F%E3%82%8F%E3%81%8B%E3%82%8BPHP%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8-%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1-%E3%81%BE%E3%81%93%E3%81%A8/dp/4839933146



この本の通りやっていけばとりあえずプログラムが動く感覚が得られます

あとすごい賢そうなことをやってる感覚になるので頭がよくなったような気がしますよ(笑)



MySQLもこの本で勉強ができますMySQLというのはデータベースで、そういうソフトです

他にもOracleとかPostgreSQLとかあるらしいですが、

とりあえずMySQLSQL文っていうのを勉強するとデータ検索だったり、データアップデートだったりが数行でできたりするのですごい楽になります



決して簡単ではないですけど、思ったより難しくはなかったっていう印象です

自分は大抵その時理解できなくてもだいたい一晩寝てから、もう一度頭からやり直すと理解できました。



(3)Apache

アパッチって読みますウェブサーバーです

ボクはさくらさんのレンタルサーバーを借りていて今回はあまりいじってないんですが例えば「.htaccess」という名前ファイルを作るとapacheの設定をいじることができます

例えばアクセスされたくないファイルがあったらそういう指定を「.htaccess」というファイルに書いておけばアクセスされないようになります



(4)スマートフォン向けサイトの作り方

基本的にパソコンと同じように作ればいいです。ボクは以下の本を見て勉強しました。

iPhone+Androidスマートフォンサイト制作入門(たにぐちまこと)」

http://www.amazon.co.jp/iPhone-Android-%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E3%82%B5%E3%82%A4%E3%83%88%E5%88%B6%E4%BD%9C%E5%85%A5%E9%96%80-WEB-PROFESSIONAL/dp/4048702181



正直ネット情報でも十分だと思いますが一度体系的に勉強するのもいいと思います



(5)ガラケー向けサイトの作り方

ガラケー向けのサイト制作は特殊で一度頭真っ白の状態で勉強した方がいいです。それだけPCスマホとは全然違います

ネットにも情報はたくさんありますが、断片的なものなので以下の書籍で体系的に勉強してから補助的にネットで調べた方がいいです

PHP×携帯 実践アプリケーション集(平島浩一郎他)」

http://www.amazon.co.jp/PHP%C3%97%E6%90%BA%E5%B8%AF%E3%82%B5%E3%82%A4%E3%83%88-%E5%AE%9F%E8%B7%B5%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E9%9B%86-%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE%E3%83%9E%E3%82%A4%E3%83%8D%E3%83%83%E3%83%88%E3%83%BB%E3%82%B8%E3%83%A3%E3%83%91%E3%83%B3/dp/4797354356



この本は実践アプリケーション集というだけあってそのまま使えるコードが収録されているのがとてもいいです

正直PHPプログラミング自体はそこまで難しいという印象はなかったんですが、この本に出会わなかったら多分ガラケー向けのサイトは作れなかったと思います

もしガラケー向けのサイトが作りたいならこの本を買うのが近道だと思いますよ。




自分はまだやってないけど勉強したほうがいいもの



(1)PHPフレームワーク

CakePHPとかSymfontとかいうのがあるらしいです

このフレームワークを使うとあらかじめある程度のところまでできてるんで、ボクみたいに全部TeraPadで手書きしなくてもいいみたいです。。。



(2)javascript

PHPサーバーで動作するプログラム言語ですjavascriptブラウザ上で動作するプログラム言語です

非同期通信なんていうよくわかんないけど何かすごいこともできたりするらしいですよ。



●もし調べまくってもわからなかったら


もし一日中検索してもよくわからなかったらそういう時はネットの頭のいい人たちに質問しましょう。

ボクは以下のサイトで質問していました。



(1)ヤフー知恵袋

巷ではヤフー知恵遅れなんて言われてますが、コンピュータ系の質問に関してはしっかり教えてくれる人がほとんどです

ポイントを100枚くらい使うとカテゴリマスターなんていう天才が回答してくれます



(2)2ちゃんねる

2ちゃんねるの該当する質問スレに書いてください。

どういうスレッドなのかよく読んで質問しないとボロクソに言われますが、2ちゃんねるなのに皆さんすごい優しく教えてくれます

たまにケンカしてたりすることもありますがそのときケンカが終わるまで待ちましょう。ケンカの流れで質問がスルーされたりします。



ヤフー知恵袋2ちゃんねるもそうですけど、質問するとき自分環境をしっかり書いて何がしたいのか、どんなエラーがでるのか明確に書きましょう。

回答する人もわからないですし、自分がほしい回答がまず来ないと思います

あと当たり前ですが回答してくれたらお礼をしっかりいいましょうね。



●こうして出来上がったウェブサービス


こうやって今回できあがったのが6人まで登録ができる招待制レンタル掲示板です

「ひそり-秘密共有ネットワーク」(http://hisori.com/)です



なんだ掲示板かよー!!とか言わないでください(笑)これでもけっこうがんばったんで。。。

そういえばサイトを作ろうと思った経緯を書いてなかったんでちょろっと書いておきます


ボクはミクシィツイッターをやってるんですが、一瞬その時だけ仲のよかった人の更新とか見たくなかったりするんですよね。

でもマイミクを外したりフォローを外したり小心者のボクにはできなかったりするわけです



そもそもあーいうソーシャルって自分キャラ一貫性をもたせないといけないから窮屈なんですよね。

例えば、会社の同僚には真面目を絵を書いたようなキャラだけど学生時代友達には下ネタ好きのどうしようもないキャラだったりすると

マイミクフォロワーにその会社の同僚がいたら、下ネタなんか書きたくても書けないという窮屈さがソーシャルにはあるわけです



だったらあらかじめ人数制限しておいて、例えば同じ学生時代の人しか見ることができないサイトがあれば

下ネタだって気にしないで何でも書けるよねっていう考えに至ったわけです



今回6人までという人数制限と招待制っていう形にしているのはそういう理由と本当に仲のいい何でも話せるグループに使ってもらいたかたかです

んで、ネットにそういうのがなさそうだったので勉強がてら自分で作っちゃえ!ってことで今回作りました



ちなみに何で秘密共有ネットワークなのかというと「招待制無料レンタル掲示板」だとどんなサイトイメージがつかないと思ったかです

じゃあ何て名前にしようかと考えた結果、秘密でも何を書いても大丈夫ですという意味を込めて「秘密共有ネットワーク」って名前しました。

(秘密って普通はどこに書いてもいけないものじゃないですか)



とまあ、そういうことで初心者でボクみたいな完全文系の人でもこれくらいのサイトなら作れるんで

もしプログラムとか難しそうとかそういう理由でウェブサービス制作を躊躇してる人はぜひチャレンジしてみてださい!!



※もしサイトが変な挙動がしてるとかあったら更新報告用にツイッターアカウントを作ったんでよかったら教えてください。

http://twitter.com/#!/hisori_com/


ではでは。。。

2011-11-30

http://anond.hatelabo.jp/20111111114948

業務系のuxデザインつくっていくのに、flex使おうか、html&css中心で行こうか悩んでんだ。

誰か何かアドバイスくれよ…

FlexMac OS X日本語入力ができたり出来なかったりするからHTML4を使うのがいいよ。

2011-11-27

http://anond.hatelabo.jp/20111127005328

HTMLは、"HTML is Text Markup Language"の略です

この文章がまず許せない

ガチ無知でもわかるHTMLCSS

ガチ無知というのは「HTMLとかの知識が全くない人」という意味です他意はありません。

先日「WEBサービスを作りたい!」と思い立ったガチ無知自分。まずHTMLから勉強した。そんな自分の理解を復習ついでにまとめてみる。

まあはてな界隈では少ないだろうけど、俺と同じガチ無知の人がいたら、HTML/CSSについてイメージが掴める、かも。間違ってたらごめんね。

HTMLとは

HTMLプログラミング言語みたいなもの?と思ってた人。(少なくとも俺はそうだった)  違います

じゃあHTMLとは何か。文章を飾り付ける魔法だ。飾り付け。それ以上でもそれ以下でもない。

世の中には数多のサイトがある。数多のデザインがある。アレ全部文章の飾り付け。画像Flash?飾り付けだ。

HTMLは、ずらっと文字だけが並んでるとページが見づらいからそれを見やすくする魔法。とりあえずそう認識しとこう。

HTMLの使い方。

HTMLは「文章を飾り付ける魔法」だ。じゃあ魔法を使うにはどうすればいい?

呪文を使うんだ。35まで純潔を貫き通す必要のないお手軽な魔法だ。

じゃあ呪文の使い方をば。

[   飾り付けたい文章]  ←これを

[飾り付けたい文章]     ←こう

そう、挟めばいい。HTMLは範囲指定魔法。だから効果範囲を呪文で挟む。以上。HTMLの使い方解説終了。

せっかくなので具体例

ガチ無知でもわかるように実際に呪文を使ってみよう。

↓これは、文章を強調する呪文。 

<strong></strong> 

で、↓この文章の一部に魔法をかけよう

HTMLは、"HTML is Text Markup Language"の略です

これを、

<strong>HTML</strong>は、"<strong>HTML</strong> is Text Markup Language"の略です

こうやって魔法をかけたい部分だけ呪文で挟む。

すると、

HTMLは、"HTML is Text Markup Language"の略です

こうなる、と。おしまい

CSSとは

ここまででわかるだろうけど、俺の解説はものごっつい大雑把だ。

引き続き、CSSを大雑把に定義する。

CSSは、HTMLという呪文を強化する魔導書だ。


呪文を強化する」  魔力を底上げするわけじゃない。魔導書は特定の呪文しか強化できない。

氷の魔導書を読むと、ヒャドは強化されるけど、メラは変化なし、みたいな話。


CSSの使い方。

CSSの使い方はHTMLより適当です。ごめん。

CSSと言う名の魔導書の書き方はこうだ。

強化する呪文名 { 強化内容 }

以上!

CSS使い方の具体例

じゃあさっきHTMLの紹介で使った<strong>呪文を強化する魔導書をつくる。

strong {color: red;}

これは、strongに{color: red;}の効果を追加する魔導書。読んで字のごとく。色を赤にする追加効果

このCSS適用すると、

さっきの飾り付けた文章が

HTMLは、"HTML is Text Markup Language"の略です

となる、と。呪文自体が強化されてるから両方赤になっている、と。

以上。終了。





さらっとメモ書きをするつもりが、すっげえ長々と書いてしまった。

まあインターネッツ大原則として、「間違ったことをドヤ顔で披露するとみんなに修正してもらえる」というのがあるので、このエントリもそういう役割果たしてくれるんじゃないかな、、、

あ、今回勉強したのはここです

HTML4.0を勉強したんだけど、HTML4→HTML5の違いというのは、魔法を使う杖がランクアップしたようなもの、という認識でいいのかな?

2011-11-25

[] 自分ネットでは団塊世代であるという自覚をもって生きよう

ラノベ批評家マニアによりジャンルマニアック化して荒廃する!!」

SF「その道は10年前に俺達が通った道だ!!」

ミステリ「その道は50年前に俺達が(以下略)」

純文学「その道は100年前に(以下略)」

古典「その道は1000年前に(以下略)」

神話「その道は5000年前に(以下略)」

絵画「その道は12000年前に(以下略)」

祗園精舎の鐘の声、諸行無常の響きあり

あー書こうと思ってたことを先越された。

http://d.hatena.ne.jp/si-no/20111124/1322144982

ゲームセンターでは、上級者が初心者を駆逐するような空気を作ったせいで、格闘ゲームというジャンルそのものが縮小した」と聞きましたが、今のインターネットも上級者しかいないゲームセンターみたいな窮屈さを感じるんだ。

まぁそういうことです



真性さんに端を欲する「俺達のインターネットの終末と最後希望」だけれど、もうこの手の話は食傷気味だ。

(真性さんのエントリだけ例外。あれはいものだ)

だって、もう全く同じような話を延々と続けてきたのだから

みんな、インターネットにかんする窮屈さや空気の停滞は感じてた。

でも、今まではこの話しを直接するのを避けて、

「俺たちの」ゲームセンターやら「俺たちの」アニメの衰退という少し狭い範囲で代理戦争をやってた。

でも、内容は上で言われている「俺たちのインターネット論」は所詮ゲームセンターについて語るのとほとんど同じなんだ。

それが、ついに真性さんというカリスマの記事によって、インターネット全体の話として持ち上がった。そーいうことだ。



はいえ、結局は「俺たちの遊び場」の興隆と衰退の話をしているに過ぎない。

同じような問題は、違った場所で、すでに何度も繰り返されている。

ただそれぞれの当事者が、別々のものだと考えて、別々に騒いでいるいるに過ぎない。

ただそれぞれの当事者にとって切実な問題であるにすぎない。

何度もくりされる、避けようのない道なのに。




今のインターネット自分にとって最適ではなくなった。ただそれだけだ。

それに対して、自分たちで自分たちの望む場を作ったり、場を再び盛り上げようという程の気概はない。

所詮そういう奴らは内田樹のいうところの「下流志向」、つまり、「消費者意識から抜け出せないのだ。

ただ要求するだけなのに建設的な意見を言ったつもりになって満足し、

結局それを作り、与えてくれるものがなければ自分たちには何も出来ない。今度は批判して憂さを晴らすだけだ。

やってることは自分たちにとって最適であった過去を嘆くばかりである

新しい動きをただ自分にとって最適でないという理由だけでこき下ろし、批判する。若くして老害の出来上がりだ。

老害とは過去にしがみつく亡霊のことであるが、なぜそれが生まれるかというと、

消費者意識から一歩も脱却せず、自分の狭い目線から一歩も離れず、過去を望みつつも過去から何も学ばぼうとしないからだ。




「俺たちが○○を作った」「俺たちが○○だった」

勘違いしてはいけない。自分たちは、たまたま興隆期、全盛期に運良く立ち会っただけに過ぎない。運が良かっただけだ。

自分たちはただのネット団塊世代にすぎないのだ。最初から無茶が聞いただけだ。それが許されただけだ。

そんなものインターネットの本来の姿でも何でもない。インターネットでできることはそれだけではない。

嫌ならさっさと逃げ出せばいい。別の対象を見つければ良い。

とにかく、自分が望んでいるものだけは既に無い。自分を肯定してくれる「俺達のインターネット」はない。それだけだ。




っていうかさ。ネット団塊世代として、十分すぎるくらい貯蓄貰ったべ。財産築いただろ?まずその棚卸しようぜ。

もう社会やら世の中が自分を肯定してくれなくたって、十分老後を自活していけるだけの蓄えはあるだろ?

ネットで作った友達とか、そこで得たやり取りが経験になってんだろ? 

その財産を元でに、自分たちの遊び場くらい作れるだろ? 自分で何とかしろよ。

なってなかったらそりゃお前のせいだ。 インターネット生活保護はない。神様もいない。

幸運ネット団塊世代に生まれていながら、何一つ築いて来なかったなら、それはただの怠慢だろ?

サボってた奴が、偉そうになにかい資格までは「俺たちのインターネット」でさえ許してないと思うぜ。





自分たちより若い世代は、ネット興隆期も全盛期もしらない。そういう幸運環境を与えられなかった。

その中で、必死自分たちの生きる道を探そうとしてんだ。俺らよりずっと立派にやってるよ。

下流市民たちだってけなげなもんだ。

ソーシャルゲームやらニコニコなんぞというもので満足しようと自己暗示かけてんだ。

自分たちの欲求を極限まで制限したり変形させたりしてなんとか適応しようとやってんだ。


蓄えがないところから自分たちの生きる場所をつくろうとやってる連中に対して、邪魔はすんな。

それなりに理解しようと努力するか、それができないならクチをつぐんでただ見てろ。

そいつらのやってることがダメだとか間違いだとか言うなら、自分たちが示してやれよ。

過去の回想とかいう非現実的で、企画力ゼロ妄想垂れ流すんじゃなくてよ。

別にからでも自分たちに最適な潮流を生み出しても構わないんだぜ?

ただそれは、今までみたいにクレクレ君としてじゃなく、自分らで作り出すべきだろ。




もう俺たちは、社会インターネットに何かを期待してるだけの幼年期を卒業させられてんだよ。

とっとと与える側、期待させる側、なにか作る側にとりかかれ。いつまでブヒブヒやってんだ。





追記。私もこれについて全く理解できてない。この部分理解してもう一回「俺たちのインターネットの終わり」について考えてみたい。

私も「どうせ終わりなんだから深く考えるな」「全体が終わっても俺は生き残れるからどうでもいい」って乱暴に考えてた。

でもこの衰退はどういう形だったのかってのはもうちょっとまじめに考えたほうがいいのかもしれない。

ttp://dain.cocolog-nifty.com/myblog/2011/11/post-474d.html

わたしは「危機」について分かっていない。本書では、「危機(crisis)」「暴落(slump)」「バブル崩壊(collapse)」が同じ意味で使われている(ように読めた)。景気循環の下降局面なら「危機」、資本限界効率が急落し、みんなが現金を欲しがっている状態を「暴落」、さらに過剰投資(=バブル?)が行過ぎて、期待収益ゼロ以下になることを「バブル崩壊」と呼んでるみたい。いわゆる「バブル崩壊」は、そんな景気循環から外れた、日本だけの極端な現象だと思っていたが、ケインズも指摘しているくらい「予見されたこと」なのだろうか

2011-11-24

ズブの素人WEBサービスを作るまでにやったこと

というタイトルの記事をいつか書けるようになりたいなっ

はいごめんなさいタイトル釣りでしたー

ああっ、ちょっと待って。できるだけ多くの人の目に入ってくれたらと思ってやった出来心なんだよ。許して。

よろしければスルーすんのやめてちょっと話聞いてください。


■自分でWEBサービスを作りたいと思っている人へ

いまさらだけどこの人に憧れて勉強を始めたいと思ったんです

でもさ、HTML?ああ、ホームページビルダーで見たことあるレベル人間なんだよ。

からこの記事読んでも何を勉強すればいいのか皆目見当がつかない。HTMLやればいいのは間違いなさそうだけど。

でも俺は「完全に一致」みたいな検索システムが作りたいわけじゃない。

利用者が自分でページを作って、そこに人が集まってみたいなページがつくりたいんだ。ごめんよくわかんないよね。

Facebookの中のFacebookページの仕組みの部分だけをつくりたい、というのが一番近いかも。

ねえ、何を勉強すればいいと思う?こういうのはてなーの人なら詳しいと思って。

あ、待った!そうだよね、自分で何も調べずに教えてとか礼儀に欠けるよね。ちょっとタンマ

==============================================================================================

よし、調べてきた。Ruby on RailsっていうのがWEBサービスを簡単に(?)作れるらしいですね。

でも、それが自分の作りたいものに適しているのかが分かりません。

どんなものにも向き不向きはありますよね。

少なくとも「完全に一致」の人はRoR(こう略すので正しいんだよね?)使ってないし。

から自分がこれからRoR勉強するのが適策なのか、そうじゃないのかだけでも教えていただければ幸いです




いや、ごめん、ホントはそんなことが聞きたかったんじゃないんだ。

それなら人力検索ですむ話だし。

本当は上記エントリでやる気になったけど、一人でスタートするのが寂しいから、誰かに「頑張れ」って言って欲しかっただけなんだよ。

かまってちゃんで申し訳ない。

じゃあ、とりあえずHTML勉強します。読んでくれた人がいるなら、本当にありがとう

2011-11-20

3年以上前に書いたこれ ttp://anond.blog35.fc2.com/blog-entry-894.html  と

今回久しぶりに書いたこれ  ttp://anond.hatelabo.jp/20111119203554 比べてみて、

はてなの人は、本当にダメ人間には優しいな、と思う。 冗談だけど。





こっからは真面目な話だけど、増田というシステムはてなの人には感謝してる。

あの記事書いてみんなにフルボッコにされた後、思うところあって、ひきこもりやめて就職したし(これは当時増田で報告書いたね。ブコメで励ましてくれた人ありがとう

そのあと金貯めて、親戚にも金援助してもらって、大学も行かせてもらえることになった。

じつは今私は大学生!多分途中で辞めることにはなると思うけれど、それでも自分大学にいける日がくるとは思ってなかったよ。

気分を害したひとも多いと思うけれど、あの記事がきっかけだと思ってる。申し訳ない&ありがとう





一応大学生って身分もついて、変に人間を怖がったり、無理やり嫌いになる必要もなくなった。

ちなみにいま29歳。 29歳の大学生なんぞ日本ではどうあがいても落ちこぼれなので、あせらずやってる。

あせってもどうにかなるもんでもないし、周りも私に対して期待とかしてないので、プレッシャーもなく楽にすごしてます

正直、友達と言えるような人は未だにいないけれど、まぁゼミとかなんだとかで、人と会話くらいはできる。

バイト先の人は自分より若いけど良い人だし。まぁ学校みたいな腐った場所じゃなければ、そうそいじめってないよね。学校はほんま潰れればいいのに。

そうやって、ともだち面でも勉強面でも、すごい後ろのほうから眺めてるから、すごいみんな大変だな、とか思ってる。

学校では欲しくもないともだち作りを強制されて、それに失敗した罰みたいなカタチで散々いじめられてたのは何だったんだろう。




そういう過程で、自己嫌悪とか自己憎悪はだいぶ癒されたと思う。少なくともいまはあんまり人を殺したいとか逆に自殺したいとかは思わなくなった。

3年前の記事を書いてた自分がどういうことを思ってたか、今の自分からはよくわからんくなってる。自分のことだけど。

でもやっぱり今でもともだち大好きとか、他にも色々キレイゴトいう人は嫌いだ。もうそういう言葉に対してアレルギーみたいなのができてきて、生理的に受け付けない。

まぁ幸い、私にはそういうことをいう人がほとんどいない。ある程度以上落ちぶれると、別枠扱いしてくれる。

今の私にそういうことをいう人は、世間的にも嫌なやつということになっていて、周りが勝手かばってくれる。




私は意図的ではなく、しかも下方向にあぶれたカタチなんだけれど、私の能力的に考ると、まぁこういうふうに生きるしかなかったと思う。

勉強はそこそこ、ともだちはいない。あえていえばそこそこ真面目。 努力しても、大したことはできない。こういう人間は、下手に普通の人と対等であろうとしないほうがいい。

「みんな平等」とか「みんなこのくらいできなきゃだめだ」ってのにこだわりさえしなければ、誰かの競争相手とか敵にさえならなければ、みんな優しい。

見下しの視線は、敵扱い、害虫扱いよりはずっとマシだ。 変なプライドさえ持たなければ死にたいとか思わなくていい。

自分自分らしく、人より後ろのラインからゆっくりと生きていきたいと思います。 

私みたいな人間ばっかりだと社会は困るだろうけれど、そうそはいないと思うので、まぁ格下の相手に対して余裕を見せるつもりでほうっておいてください、という感じ。

別に私は過剰に何かを要求しようとは思ってないっす。期待もしてないし。 ただまぁアットホームな教室とかみんな仲良しな職場みたいなのは勘弁して下さい、ということで。





今回の記事は、なんとなく久しぶりにともだち大好きな人を見かけて、なんだかなーと思ったので書いてみた。

普段からちゃごちゃ考えてるわけではなくて、まぁ勉強友達作りもほどほどにスレばいいじゃないかなってことがいいたかった。そんだけです

- 転職ならen
- 派遣ならen
61ページ中1ページ目を表示(合計:1525件)