kansiho's memo

ruby, python, javascript. Rails, wordpress, OpenCV, heroku...

go言語の静的サイトジェネレータhugoの備忘録

ディレクトリ構成 サイトフォルダ │ config.toml <- 設定ファイル。テーマとか。 │ ├─archetypes ├─content ├─data ├─layouts <- テンプレートファイルの置き場。 ├─static <- css などの置き場。 └─themes <- githubでダウンロードしてこのディレクトリに入…

モバイルUIスクリーンショット集(2) ナイキラン

モバイルUIスクリーンショット集(1)片手操作に特化したブラウザSmooz

Rails5でheroku上でactive jobsによる非同期処理を行う

導入 # gemfile gem 'delayed_job_active_record' # terminal $bundle exec rails generate delayed_job:active_record # terminal $ rake db:migrate # Procfile worker: rake jobs:work Procfileは <process type>: <command>の形式で使えます。 自分は プロセス release にbudnle</command></process>…

Djangoでユーザーモデルに対してOneToOneで関連したProfileモデルに向けてフォームを作る

最近RailsプロジェクトをDjangoに書き換えました。 理由は、 Ruby熟練者のコードが読みにくいことがある Djangoの方が詰まった時、フレームワーク自体の元コードの確認がしやすく感じた Railsよりもファイル構成がわかりやすく感じた(各モデルごとに、DB構…

[つくれぽ]使用しているパーシャルテンプレートをビューに表示してくれるgemをつくりました

初めてgemを作りました。 公開1日で300人のダウンロードがあり、なかなか達成感がありました。 とても簡単なので、是非是非railsユーザでgemを作ったことのない方は試して見てください。 作ったgemは、current_template という、現在表示しているテンプレー…

【Rails5】Doorkeeper gemでOAuth2.0のためのAPIを作って、rubyクライアントで呼び出す

DooerkeeperはOAuth 2のプロバイダ(認証する側のサーバー)を簡単に実装できるgemです。 意外とハマったので書いておきます! Doorkeeper gemをインストール github.com #Gemfile gem 'doorkeeper' gem 'doorkeeper-i18n' # default localeを en 以外で使う…

cookieとsessionとセッションハイジャック

前提 cookieとは何か セッションとは何か セッションハイジャック セッションIDの推測 セッションIDの盗難 セッションID固定化攻撃 じぶんのcookieを確認する 前提 HTTPはステートレス(=ステートがない)プロトコル. 一気に与えられた情報に対して返却する…

D3.jsによるデータビジュアライゼーション-樹形図(d3-hierarchy・Treeview)まとめ

インストール d3.tree() tree(root) tree.size( [width, height] ) tree.nodeSize( [width, height] ) サンプルコード データ可視化ライブラリD3jsの中でも, 階層的なデータの表現を扱う, d3-hierarchyモジュールの中の樹形図を表現するTreeAPIについてまと…

Rails5でメールを送る前にlocalhost:3000でプレビューする方法

すっかり, txt形式ではなくhtml形式の綺麗なメールマガジンが主流になりましたね. html形式だと受け取り側の開封確認も受信側からできますから便利なんでしょう. というわけで私もメールテンプレートを購入し, 作って見たのですが, あれ, どうやってこれ確認…

Dribbbleとかpinterestを1日3hダラダラ見る私の思う最近のウェブデザインのトレンド

トレンドだなあと思うこと: でかいタイポグラフィー 写真のクオリティが高い ミニマル・cleanなデザインで, 面積あたりの情報がすくない 文字を減らしアイコンに. アプリっぽい操作感 拡散型シャドウによる奥行き感 強めのコントラスト Apple 風のグラデー…

LocalStorageがcookieより便利な件

LocalStorageは javascriptを用いてクライアント側にデータをKey-Value型で保存する仕組みです. cookieの弱いところを克服して使いやすくもなった, 技術的後継という位置づけらしいです(*1). cookie のようにすべてのリクエストに対してデータを自動で送信し…