KanColle Sniffer v1.0.4

<https://bitbucket.org/fiahfy/kancolle-sniffer> * 入渠、建造の情報表示と通知 * 艦娘をドック単位で表示していたのを一覧に * 通常は見えないデータ（経験値、強化数）等の表示 以上、機能の追加 ###TODO * 一覧をもっと詳細にするか、アイテム一覧も作った方がよいのか * ソートが若干いけてないのを直したい * 任務の経過数表示をしようとしたら、APIでは回数までは返していないので無理っぽい？ * UI&コードがごちゃごちゃしてきた * 高速建造材、バケツ等の所持数の表示(99超えると確認が面倒なので

KanColle Sniffer v1.0.2

艦これ用の専用ブラウザがいろいろありますが、 Macで使えないのでchrome拡張で作成(主に自分用 <https://bitbucket.org/fiahfy/kancolle-sniffer> APIの通信を覗いて情報を表示 拡張内でAPIコールをしてないのでサーバにはやさしいはず ディベロッパツールを表示しないといけないのが微妙 (通信監視がNaClや他のAPIでできるのかいなか・・・ 後、もうちょい機能を足したい * 入渠、建造ドック情報&通知 * 経験値表示、改造MAXかどうか * 艦娘、アイテム数表示 * 任務の経過状況 とか

Native Client Tutorial 3

[前回の続き](http://fiahfy.blogspot.jp/2013/10/native-client-hello-tutorial.html) * ログ用関数追加 ``` #include <cstdio> #include <string> #include "ppapi/cpp/instance.h" #include "ppapi/cpp/module.h" #include "ppapi/cpp/var.h" // 追加 #include <stdio.h> void logmsg(const char* pMsg){ fprintf(stdout,"logmsg: %s\n",pMsg); } void errormsg(const char* pMsg){ fprintf(stderr,"logerr: %s\n",pMsg); } ``` ``` virtual void HandleMessage(const pp::Var& var_message) { // 追加(試しにここでログを取ってみる) logmsg("hoge"); if (!var_message.is_string()) return; std::string message = var_message.AsString(); pp::Var var_reply; if (message == kHelloString) { var_reply = pp::Var(kReplyString); PostMessage(var_reply); }``` * ログファイルを指定 ``` $ export NACL_EXE_STDOUT=/Users/[username]/nacl.log $ export NACL_EXE_STDERR=/Users/[username]/nacl.log ``` * chromeをsandboxモードで再起動 ``` $ open "/Applications/Google Chrome.app/" --args --no-sandbox ``` * <http://localhost:5103/hello_tutorial/hello_tutorial.html>を表示すると `/Users/[username]/nacl.log` にログが出力される ``` $ tail /Users/[username]/nacl.log logmsg: hoge ``` * web側に投げる場合 ``` $export NACL_EXE_STDOUT=DEBUG_ONLY:dev://postmessage $export NACL_EXE_STDERR=DEBUG_ONLY:dev://postmessage ``` * chromeをsandboxモードで再起動 * <http://localhost:5103/hello_tutorial/hello_tutorial.html>を表示すると alertでログが表示される ``` DEBUG_POSTMESSAGE:logmsg: hoge ```

Native Client Tutorial 2

[前回の続き](http://fiahfy.blogspot.jp/2013/10/native-client-tutorial-example.html) [Step 4: Create a set of stub files for your application.](https://developers.google.com/native-client/devguide/tutorial#templates) * [hello_tutorial.zip](https://developers.google.com/native-client/devguide/hello_tutorial.zip) をDLして解凍 * hello_tutorial をexampleの中へ ```bash $ mv hello_tutorial nacl_sdk/pepper_30/examples/ ``` * make ```bash $ cd nacl_sdk/pepper_30/examples/hello_tutorial $ make ``` * <http://localhost:5103/hello_tutorial/hello_tutorial.html>を表示 LOADING.. -> SUCCESSが表示されればおk (nacl_sdk/pepper_30/tools/httpd.py は起動しておく) * hello_tutorial.html に以下を追加 ```javascript // Indicate load success. function moduleDidLoad() { HelloTutorialModule = document.getElementById('hello_tutorial'); updateStatus('SUCCESS'); // 追加 HelloTutorialModule.postMessage('hello'); } ``` * hello_tutorial.cc に以下追加 ```cs #include <cstdio> #include <string> #include "ppapi/cpp/instance.h" #include "ppapi/cpp/module.h" #include "ppapi/cpp/var.h" // 追加 namespace { const char* const kHelloString = "hello"; const char* const kReplyString = "hello from NaCl"; } // namespace ``` ```cs virtual void HandleMessage(const pp::Var& var_message) { // 追加 if (!var_message.is_string()) return; std::string message = var_message.AsString(); pp::Var var_reply; if (message == kHelloString) { var_reply = pp::Var(kReplyString); PostMessage(var_reply); } } ``` * make ```bash $ make ``` * <http://localhost:5103/hello_tutorial/hello_tutorial.html>を表示 alertで `hello from NaCl` と表示される 表示されない場合は httpd.py, chrome を再起動とかしてみる

Native Client Tutorial 1

##Download SDK [Download the Native Client SDK](https://developers.google.com/native-client/sdk/download) <http://storage.googleapis.com/nativeclient-mirror/nacl/nacl_sdk/nacl_sdk.zip> からDLして解凍 ##install pepper ```bash $ cd naclsdk $ ./naclsdk list Bundles: I: installed *: update available I sdk_tools (stable) vs_addin (dev) pepper_26 (post_stable) pepper_27 (post_stable) pepper_28 (post_stable) pepper_29 (post_stable) pepper_30 (stable) pepper_31 (beta) pepper_canary (canary) All installed bundles are up-to-date. $ ./naclsdk update pepper_30 ``` ##Tutorial [C++ Tutorial: Getting Started](https://developers.google.com/native-client/devguide/tutorial) * Local Server 起動 ```bash $ cd pepper_30/examples $ python ../tools/httpd.py ``` * chrome のネイティブ クライアントを有効にする `chrome://flags/` の ネイティブ クライアント Mac, Windows, Linux, Chrome OS * <http://localhost:5103/> を表示するとexampleが見れる ##参考 * <http://d.hatena.ne.jp/hecomi/20130128/1359372772>

deprecated sizeWithFont

sizeWithFontがdeprecatedなので置き換え ```objectivec //[label.text sizeWithFont:label.font constrainedToSize:container lineBreakMode:label.lineBreakMode]; [label.text boundingRectWithSize:container options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName:label.font} context:nil]; //[label.text sizeWithFont:label.font]; [label.text sizeWithAttributes:@{NSFontAttributeName:label.font}]; ```

presentVC iOS7対応

```objectivec // show //[self.navigationController presentModalViewController:controller animated:YES]; [self.navigationController presentViewController:controller animated:YES completion:nil]; // dismiss //[self dismissModalViewControllerAnimated:YES]; [self dismissViewControllerAnimated:YES completion:nil]; ```

UITextView iOS7対応

###最終行がキーボードに隠れてしまう UITextView内で改行をしていくと、最終行にスクロールせずにキーボードに隠れてしまう スクロール時にキーボードのサイズが正しく判定されてないせい？ よくわからないが、下記を追加して無理矢理スクロールさせる ``` - (void)textViewDidChange:(UITextView*)textView { NSRange selection = textView.selectedRange; if (selection.location + selection.length == textView.text.length && [textView.text characterAtIndex:textView.text.length - 1] == '\n') { [textView layoutSubviews]; [textView scrollRectToVisible:CGRectMake(0, textView.contentSize.height - 1, 1, 1) animated:YES]; } else { [textView scrollRangeToVisible:textView.selectedRange]; } } ``` ###フォーカス時に最終行にスクロールされない 仕方ないので、NotificationのkeyboardDidShowに下記を追加する (- (void)textViewDidBeginEditing:(UITextView*)textView ではダメらしい) ```objectivec [textView scrollRangeToVisible:textView.selectedRange]; ``` ###参考 * <https://devforums.apple.com/thread/196090?start=25&tstart=0>

BloggerでMarkdown 2

[前回の記事](http://fiahfy.blogspot.jp/2013/10/bloggermarkdown.html)でMarkdown用の設定を行ったが、 どうも[SyntaxHighlighter](http://fiahfy.blogspot.jp/2013/01/syntaxhighlighter.html)と相性が良くないみたいなので別の方法にしてみる Markdown変換用のJSは[marked](https://github.com/chjj/marked) syntax highlighterは[highlighter.js](http://softwaremaniacs.org/soft/highlight/en/)を使用する 以下設定 ###CSS追加 テンプレート→カスタマイズ Bloggerテンプレートデザイナー→上級者向け→CSSを追加 で以下のCSSを追加 .markdown { width:100%; display:none; } ###marked, highlighter.jsをDLしてどこかに置く * [marked](https://github.com/chjj/marked) lib/marked.js を使う * [highlighter.js](http://softwaremaniacs.org/soft/highlight/en/) DOWNLOADから適当にカスタマイズしてDL highlighter.pack.js と任意のcss(例としてgithub.css) を使う marked.js, highlighter.pack.js, github.css 上記ファイルをどこかに置く(やっぱりGoogle Sitesに置いた) ###JS追加 テンプレート→HTMLの編集 * `</head>`の直前に以下を挿入 ```html <!-- Highlight.js --> <link href='[github.cssのURL]' rel='stylesheet'/> <script src='[highlighter.pack.jsのURL]'/> <script language='javascript' type='text/javascript'> hljs.initHighlightingOnLoad(); </script> <!-- Highlight.js --> ``` * `</body>`の直前に以下を挿入(markedの設定とかは適当) ```html <!-- Markdown --> <script src='[marked.jsのURL]'/> <script src='https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js'/> <script language='javascript' type='text/javascript'> $(function(){ marked.setOptions({ gfm: true, tables: true, breaks: false, pedantic: false, sanitize: true, smartLists: true, smartypants: false, langPrefix: '', highlight: function(code, lang) { return code; } }); $('.markdown').replaceWith(function(){ return $('<div/>').html(marked(this.value)); }).show(); }); </script> <!-- Markdown --> ``` ###記事を書いてテスト ``` <textarea class="markdown" disabled="disabled"> ###見出し * リスト1 * リスト2 * リスト3 [リンク](http://) </textarea> ``` ###参考 * <http://yslibr4ry.blogspot.jp/2013/02/markdown.html> * <http://kannokanno.hatenablog.com/entry/2013/06/19/132042>

BloggerでMarkdown

BloggerでMarkdownを使用したいので以下の設定をした ###CSS追加 テンプレート→カスタマイズ Bloggerテンプレートデザイナー→上級者向け→CSSを追加 で以下のCSSを追加

.markdown  { width:100%; height:320px; overflow:scroll; display:none;  }
.showdown { }

###showdown.jsをDL [https://github.com/coreyti/showdown](https://github.com/coreyti/showdown) からshowdown.jsをDLしてどこかに置く(ちょうどいい場所が無かったのでGoogle Sitesに置いた) ###JS追加 テンプレート→HTMLの編集 </body> の直前に以下を挿入

<script src='[showdown.jsのURL]'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js'/>
<script>
 $(function(){
     var sd = new Showdown.converter()
     $('.markdown').replaceWith(function(){
         return $('<div/>').html(sd.makeHtml(this.value)).addClass('showdown')
     }).show();
 });
</script>

###記事を書いてテスト

    <textarea class="markdown" disabled="disabled">
    ###見出し
    
    - リスト1
    - リスト2
    - リスト3
    
    [link](http://dummy/)
    </textarea>

###参考 - [http://yslibr4ry.blogspot.jp/2013/01/bloggermarkdowno.html](http://yslibr4ry.blogspot.jp/2013/01/bloggermarkdowno.html) - [http://blog.ccm-lulu.com/2013/01/blogger-markdown.html](http://blog.ccm-lulu.com/2013/01/blogger-markdown.html)