謎言語使いの徒然

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

勉強

要素追加を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 か、デフォルトで …

Tomcatコードリーディングを今さらやってみる

つーかセッション制御どうなってんの的な疑問があったので。 その前にメモ。 http://www.gslab.com/blogs/item/76-session-fixation で、しょっぱなは core パッケージかなと。 org.apache.catalina.core.ApplicationContext こいつがユーザアクセスのエント…

Scala 2.10 で新札された Future 今回は進んで使ってみよう

まず Java の Future(1.6だっけか?)からの変換しようがあるのかと思ったら scala.concurrent.Future wrapper for java.util.concurrent.Future - Stack Overflow JFuture (get()取得)をブロッキングなしで SFuture (onComplete()取得)にラップはできないよ…

sbt で github 上のリポジトリを直参照依存できるのか、、、

scala_curl のライブラリをホスティングしようと思ったらどうしようかなーと思ったら、凄まじいのがいたのでメモ。 sbt で github にあるライブラリを直接使う方法 - YoshioriのBlog 余り知られてないらしい、、、というか知らなかった(;゚Д゚)

Scala_curl で HTTP クライアントを作ってみる

このエントリは Scala Advent Calendar の 22 日目になります。 事の始まりは Playframework の WS を使いにくいと感じたこと。 multipart/form-data in WS POST そもそも、WS で multipart を想定していないとのことでした。 そして、その下で動いてる Asyn…

Scala っぽいHTTPクライアント作ってみた

https://github.com/m3dev/curly これの作りがすごいなーと思ったけど、 微妙に対応しきれてない類のものがあったの 自分で作ろうか パケットを自力で書くとか正気の沙汰じゃない!? Java 対応捨てて Scala で ApacheCommons 使って書くか で作ったのがこれ…

Playframework2.2 でファイルアップロードとか

結構みんな探しそう、、、というかきっとアクセス増えそうというあざとい意図で書いてみる。 で、HTTPからファイルを送信するパターンは二つ。 純粋に HTTP Request body にバイナリ突っ込む方法これは単純ですよね。 // routes に追加 // POST /simple cont…