Posted Category プログラミング

どうも。ごみばこです。
探しものは見つけにくいものです。まだまだ探します。
夢の中へ行っている場合じゃないです。


それはそうと、トップページを少しいじろうかと、やってみます。
なんにも進んでないですがちょっと紹介。

サーバ側で計算してどうこうとかなんとかかんとか。

そのうちできます多分。

Posted Category イベントとか

どうも、ごみばこです。
いろいろあって更新してなかったり、いろんなダメージを追ったりしていますが
わたしはげんきです\('ω')/


というわけで久々のCTFでした。
今回はぼっちーむではなく********で参加です。

2000点で10位だそうです。
http://score.quals.seccon.jp/ranking/

おうち参加ではなくSFCまで行ってエナドリ飲みながらやってました。
複数人でわいわいやると楽しい!サイコー!

ぼっちのときと異なり、よくわからんところは任せよー、人数で押せるなーいいやーとなってしまい、あまり成果でなかったなーと思いました。ひとりのほうが、バイナリもやろうかな、とか、フォレンジックやるか、と、あれこれしようと思えるので、鍛えるならそっちのほうがいいかもしれないですねーって。

writeupはとくにないのでかかないです。
Web300は頑張った(意味深)ので、取れましたけど、周りの人をみるとスッキリ解いてるので、クソ。
http://nash.hatenablog.com/entry/2014/07/19/213114

他はさっぱりでした。
発想力が完全にどこかへ飛び立っていました。

次回もがんばりましょう。

Posted Category 未分類

seccon記事以来となりますね。

トップページをスマホ対応しようしよう思ってトントンと流れていたのですが、
もくもく会に参加した際に、この前見つけた物理エンジンを使ってみようと
切り替えたらスマホ対応いけちゃった感です。

ぷあさんとぐらぷすの愉快なもくもく会
http://www.zusaar.com/event/10387003

Read more »

Posted Category プログラミング

わけあってリッチエディタについてちょろっと調べてみたら、なんと簡単にできるじゃないですか。
キーワードは「document.designMode = "On";」

★ここで必要なもの

  • Webブラウザ
    最近のブラウザであればだいたい大丈夫です。
    スマホは未確認です。
  • JSをさっくりと読める程度の力
  • HTMLをさっくりと読める程度の力

★おおまかな手順

  1. HTMLを書きます

    
    <html><body>
        <button onclick="editor.execCommand('undo')">元に戻す</button>
        <button onclick="editor.execCommand('bold')">太字</button>
        <button onclick="editor.execCommand('italic')">斜体</button>
        <iframe></iframe>
        <script>
            editor = document.getElementsByTagName("iframe")[0].contentDocument;
            editor.designMode = "On";
        </script>
    </body></html>
            
  2. Enjoy!

★なるほどわからん

  • <html>
    buttonとiframeがあるだけのHTMLを用意します。
    button:ボタンを表示する
    iframe:フレームを用意して、別のページを表示する。

  • <button>
    1. <button onclick="editor.execCommand('XXXXX')">
      onclickは、クリックされた時の処理を書きます

    2. editor.execCommand
      editor変数に対して、execCommandという関数を呼びます。
      execCommandはdesignMode="On"(あとで説明)のドキュメントに対して使用できます。
      これをつかうと様々な"リッチな機能"を使えます。

  • <script>
    1. document.getElementsByTagName
      現在のドキュメント内に該当するタグを検索する。戻り値は配列

    2. document.getElementsByTagName("iframe")[0]
      iframe要素の0番目、ひとつしか無いからそれを持ってくるはず

    3. document.getElementsByTagName("iframe")[0].contentDocument
      iframe要素の0番目の中身のドキュメントを参照する
      iframe内は、別のWebページみたいな扱いなのでそういうことですね。

    4. editor変数にiframe内のドキュメントを投入しておく
      onclickイベントで簡単に書きたいのでこうします。

    5. editor.designMode = "On";
      documentオブジェクトに対して、designModeプロパティを"On"に設定することで、
      リッチなエディタができちゃいます。

限られた空間だけエディタ化したかったので、iframeを使いました。

★おわりに
ボタンを増やして、
execCommandを増やして、
CSSとか書くとよいと思います。

★参考
Mozilla におけるリッチテキスト編集 | MDN

Posted Category 未分類

トップページに[Shake]ボタンを設置しました。

ごみオブジェクトを今の向きへ加速するやつです。

疲れた時にでも押してリフレッシュしましょう。

シェイクかどうか微妙ですが、いい命名が思いつかなかったのでいったんシェイクです。

今後もあれこれ機能増やして行きたいですね。

ピタゴラスイッチみたいのつくってみたいなーと思いつつ
スマホ対応もしたいなーと思いつつ
ぜんぜん手つかずですがそのうち実装します。

Posted Category プログラミング

【前提】
・Windows7 Professional x64 (サービスパックなし)
・VisualStudio 2012 Professional

【問題となったもの】
・TypeScript 0.9.1.1
http://www.microsoft.com/en-us/download/details.aspx?id=34790

System Requirementsを読むと、win7とvs2012組み合わせでもいけそうなことが書いてある。
が、なぜかインストール出来ない。

ググってみると、WebEssentialを入れろとか、ログを見せてあー再起動ねとか、
あれこれあったような気がしますがどれもダメ。

【解決】
ダメ元でWindowsUpdateして、SP1を入れたところ、インストールできた。

System Requirementsに書いておいてくれ頼む...

Posted Category プログラミング

A. 公式ドキュメント読め
http://api.jquery.com/jQuery.ajax/

いちおう、めっちゃ要約を。


dataTypeを指定しないとMIMEにもとづいて勝手に解釈するでw
scriptが指定されたときは、取得した内容を実行して、その内容をコールバックに渡してやりま


うーん、時間のあるときに実装もみてみるかーーー

あと、deffered、jqXHRオブジェクトとかいまいちちゃんと分かってないので、そのうちちゃんとやりたいですね。

Posted Category イベントとか

Mini #seccamp in Yokohama

○前置き

「セキュリティ・キャンプについて」
http://www.security-camp.org/outline/#index07

日曜日・月曜日と行われたセキュリティミニキャンプへと参加してきました。
今年の夏にキャンプに参加してたので、参加者側ではなくチュータとして参加しました。

本来チュータ枠はありませんでしたが、川合先生が円滑に進めたいとのことで、
コミュニティで募集をしてました。

内容は公式のpdfを見てもらえればわかると思いますが、
実習がOSとか組み込みな、低いレイヤなので、
普段はWebに住んでるぼくからすると、世界が違うのでちゃんとチュータできるかどうか...

という点も含めて、アセンブラもちらほらやってみたかったのでチュータに名乗りあげました。
Read more »