技術をかじる猫

適当に気になった技術や言語を流すブログ。

勉強

Play2.4 の DI を弄ってみる

まず適当に Singleton アノテーションをくっつけて使用する。 package utils.modules import javax.inject._ /** * アクセスカウンター */ @Singleton class AccessCounter { @volatile private var price = 0 def add(p: Int) = price += p def get = price…

Playframework 2.4.x でセキュリティヘッダの設定など

まず前提として、Playframework にはフィルタという機能がある。 Playframework 2.3.x 以下の場合は、Global オブジェクトにミックスインする形式をとっていた。 ScalaHttpFilters だが、Playframework 2.4.x 以降は、DI も含めて形式が変更となり、root パ…

Polymer1.0 の入門を始める

Polymer ってなんぞ? What is Polymer? - Polymer Custom elements extend the web 一言でビルトイン以外のカスタムタグを追加すると。 カスタムなイベントや、デフォルトのスタイルも含めてコンポーネントとして定義できるらしい。 面白いのは「フレームワ…

PlayFramework 2.4 でサブプロジェクトで一部URLを切り出してみる

教科書は下記 SBTSubProjects で、まずはプロジェクト root ディレクトリに下記を一気に作成 modules /rest_apis /controllers /conf そして、 modules/rest_apis/build.sbt を作成する。 ここに実は二つ罠があった。 公式では下記(20015/7/8 時点)が書か…

セキュアプログラミング開発セミナーみてみた

内容的にはコレ。 http://secure-app-group.connpass.com/event/14083/ はじめに SQL Injection で個人情報が漏れた。WebShop がベンダーを提訴、2200万の損害賠償を支払うことに…。 しかも判例が公開されている。 XSS 問題とか、パスワードが admin/passwor…

全文検索エンジンを作ろうと思って、まずはクローラーを作ってみた

何を使ったのかと言うと、crawler4j を使って、対象のサイトをかたっぱしから動き回る実装をしてみた。 yasserg/crawler4jgithub.com ただし、ディレイとか入れなくて DOS 攻撃になるんじゃねーかとか不安もあるので、応用するときは自己責任で。 ※ スレッド…

要素追加をCSSアニメーションで実装したい

何がしたいって、スライドインアウトしたい。 原理的にはスライドインさえできれば、スライドアウトは似たようなものだろう。 まずはアニメーションできるようにしようか。とりあえずはマウスを上に置いたらアニメーションで色を変える。 .block { display: …

ReactJS の tutorial から学んでみる。

と言っても昨日 18時から20時までチュートリアルコードを読んで試しただけだが。 まず ReactJS ってなんぞやって話だと、下記を参照。 A JavaScript library for building user interfaces | Reactfacebook.github.io BUILDING USER INTERFACES と銘打っては…

play framework で react.js やろうとしてみたメモ

Playframework に ReactJS 突っ込もうかと思ったのだが、そもそもが JSX ベースの開発だ。 Playframework のデフォは Coffee しか対応していない。 他の人はどうしてるのかなぁと思って調べてみたが ssorallen/react-playgithub.com なんてのがあった。 中で…

HTML5+JS でメニューをそこそこカッコよく出してみる

前回の続き。 画面にブラーをかけてみる - 謎言語使いの徒然white-azalea.hatenablog.jp マウスを左に持って行ったらメニューを表示する仕様で実装してみた。 タグ構成は下記 <nav role="popup-nav" class="popup-nav" blar-target="all_contemts"> <div class="popup-icon"> <div class="glyphicon glyphicon-menu-hamburger">CONTENTS</div> </div> <div class="content"> </div></nav>

画面にブラーをかけてみる

何を使うのかというと、下記。 Filter Effects Module Level 1 で、これで画面左にメニューを置こうと考えたわけだ。 作りかけだが、やり方を思いついたのでメモする。 まず、タグ構成を下記のようにする。 <nav id="floating_nav" class="popup-nav"> <div class="content"> <ul class="nav nav-pills nav-stacked"> <li> <h4>Contents</h4> </li> <li><a href="#wizard">Wizard</a></li> </ul> </div> </nav>

Scala 勉強会 in 本郷

Scala Meetup 145th in HONGO - Scala Meetup Group in Tokyo | Doorkeeper ここに出てみた。 中身は座談会みたいなもので、「話したい人が話せ、質問でもok、後は勝手に解決なりなんなりする」というノリ。 面白いのは、それで会話が止まらないところだ。 …

OSC2015行った記録

2セッションだけ聞いて、後は anguler のハンズオンしてたから書くのは二つだけ。 やはり場所が場所のせいか、どのセッションも定員いかないね。 そのせいか、ブースの中にも露骨にやる気のない人や企業さんも散見。 OSC の未来は暗い。 エンタープライズWe…

SequenceMap を作ってみた

前回作った Wizard のページングデザインが気に入らなかったので作ってみた。 Hello AZ UI Liblary

UIの勉強がてら作ったものの置き場所を用意してみる

サーバの設定やら何やらしながら配置してみる。 Hello AZ UI Liblary コンポーネントは勉強しながら増やす予定。 とりあえず、Bootstrap · The world's most popular mobile-first and responsive front-end framework. の Components ページ右にあるナビゲ…

縦方向に中央配置

左右方向の揃えは、text-align で普通にできるが、縦方向の中央揃えは思いつかなかった… なるほど table-cell 属性持たせるのか…。 勉強になったのでメモ CSSで要素内のテキストを上下左右の中央揃えにしたい html - CSSで要素内のテキストを上下左右の中央…

サイトのナビゲーションについて勉強してみる

標識 signspot 現在サイトマップ上のどのページにいて、ページ周辺に何があるのかを把握する。 ローカルナビゲーションリンク、シーケンス表示、パンくず、注釈付きスクロールバーなどが該当。 経路探索 wayfinding 利用者が目的のページに向かうための経路…

サイトデザインの勉強

feature/search/browse TOP ページに製品・商品(feature)、検索ボックス(search)、項目やカテゴリを俯瞰して見る(browse)を先頭に表示する。 利用者を引き込むための材料。 allabout, amazon などで採用されている。 newsstream 最新情報を概要だけ一気に出…

HTML5 の基本を学び直す(3)

使ったことなさげなタグを列挙(2) 前回 HTML5 の基本を学び直す(2) - 謎言語使いの徒然 HTML5 の基本を学び直す(2) - 謎言語使いの徒然 mark : 注目させたい箇所をハイライト表示。特別な意味論は持ってない。 <p>人を始末しようって事は、<mark>逆に始末されるか</mark></p>…

HTML5 の基本を学び直す(2)

セクション section タグで基本はセクションを指定できいるが、h1-h6 のタグを使うと、暗黙的にセクションが切られる。 セクションのルート要素になっている物を セクショニングルート といい、親のアウトラインから独立して階層構造を持てる。 セクショニン…

HTML5 の基本を学び直す(1)

コンテンツ・モデル どこのコンテンツに何が配置できるかの仕様を言うらしい。 今日まで真面目にやったこと無かったからなぁ…。 要素はいくつかカテゴリがあるらしく。 フローコンテンツ インタラクティブコンテンツ フレージングコンテンツ エンベデットコ…

HTML5 の基本を学び直す

HTML5 では DOCTYPE 宣言は html としか書かない。 HTML5 からは DTD を指定するという意味合いから、単に「レンダリングモードがHTMLですよ」というだけの意味に変わった。 省略可能なタグ html/head/body/tbody/colgroup はタグ自体を省略可能 tbody : テ…

Playframework2.3、RequireJS と AngularJS を同時に運用してみる

それぞれがなんなのかは下記参照 AngularJS の入門をしてみる - 謎言語使いの徒然 Playframework2.3 で RequireJS 弄ってみる - 謎言語使いの徒然 で、特に難しい話とかはなくて。 build.sbt で Angular 読んで libraryDependencies ++= Seq( jdbc, anorm, c…

AngularJS の入門をしてみる

まずは WebJars の使い方おさらい Playframework2.3 では WebJars にデフォルト対応しているという事で、まず単純に Bootstrap を読んでみる。 libraryDependencies ++= Seq( jdbc, anorm, cache, ws, "org.webjars" % "bootstrap" % "3.0.2", "org.webjars"…

わんくま同盟東京勉強会(91)行って来たメモ

公式:http://www.wankuma.com/seminar/20140726tokyo91/ きっと楽しいトポロジー IIJIMAS さん Windows8開発ポケットリファレンス、C#ポケットリファレンス書いてる トポロジー 連続的な変わらない性質の図形や性質を研究する幾何学 本質的な性質を追求す…

K-平均法

データを分類する為のアルゴリズム。 データの分類にはデンドログラムというアルゴリズムが有名。 デンドログラムとは 何らかの評価関数で、全ての要素間の類似度を計算する。 最も類似していると判定される二つをまとめて、平均値を持った1要素とする 「全…

ランダムフォレストを実装する

ランダムフォレスト? 実装してみた感じ、教師ありデータから分類・学習し、その後に与えられた未知のデータに対して、識別・分類を行うアルゴリズム。 正答率は 7-8 割位が目安。余り複雑な学習はできない。他のアルゴリズムと組み合わせて使うといい感じに…

第三回機械学習アルゴリズム実装会行って来た

正確には行って来たのは昨日なんですけどね。 ランダムフォレストという学習アルゴリズムの実装会でした。 内容はこれ。 http://www.slideshare.net/teppeibaba5/ss-37143977 次のエントリで実装したものを書く。

Tanimoto関数でを勉強してみる

で、Tanimoto 関数は何かというと、T=Nc/(Na + Nb - Nc) で、ブックマークの情報で例にすると、A さんのお気に入りブックマーク数を Na、B さんのお気に入りブックマーク数を Nb、二人が共通してお気に入りに入れているブックマークを Nc としていると。 つ…

Swift 言語のホワイトペーパー眺めてみた

言語仕様が scala じみてると言われるが、個人的にシンタックスは CoffeeScript に近い気がする。 let とか var の書き方は F# に近い印象? if, for が statement (句)って言ってるのが残念。function で居て欲しかった。 型宣言は Scala か、デフォルトで …