技術をかじる猫

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

勉強

Scala 関数型デザイン&プログラミング:Exercize2.1

真面目にやろうかと思った。 書籍はこれ Scala関数型デザイン&プログラミング―Scalazコントリビューターによる関数型徹底ガイド作者: Paul Chiusano,Rúnar Bjarnason,株式会社クイープ出版社/メーカー: インプレス発売日: 2015/04/30メディア: Kindle版この…

JavaScript(CoffeeScript) で似非 Ctrl + F 作ってみた。

まじかと思ったんだけど、マジだったので驚いてる。 shertan.me ちょっと待て基本だろ常考。 こんなもん、Windows XP 初期の時代からデフォルトだぜ? Keyboard Shortcuts for Internet Explorer 6 記憶が確かなら、Windows 98 時代からあった気もする。 ま…

Play2.4 でネストしたJsonをバインドする

何で今更かというと、これつかえねーかなと思ったから。 最初は、Forms でのバインドをしようとしたのだけど、早速フォーラムが見つかりました。 キーワードは Play recursive form https://groups.google.com/forum/#!topic/play-framework/Ya1hPmR2QtY こ…

フォームヘルパーをタグ調整する(Play 2.4.x) with マルチセレクトチェックボックス

Playframework 2.4 において、フィールドコンストラクタの仕様も変わったので、対応したチェックボックスを作ってみる。 Custom Field Constructors これがなんなのかというと、input とかの helpers の外枠の事。 いつぞや Bootstrap 対応した フォームヘル…

LL Ring 行ったメモ

LLRing memo 第一試合 Ruby vs Perl vs PHP vs JS Python はイベント衝突で不参加 Javascript ECHMA Script 2015 が発表、ECHMA 6 が名称変更で、正式公開。 言語仕様の追加が行われてる。 JavaScript の仕様が変わるとみんな地獄をみる。しかし、ALT JS な…

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#ポケットリファレンス書いてる トポロジー 連続的な変わらない性質の図形や性質を研究する幾何学 本質的な性質を追求す…