メモ用サブブログ

子曰わく學びて時にこれを習う。

コメント返信用

2015年のWebサイトの作り方 メモ

ngrok cordova PERIODIC TABLE OF WEB DESIGN PROCESS Parse (facebook) divshot harp (node) Craft (PHP) カスタムフィールド Webhook (node) カスタムフィールド AI WEBSITE [67WS] 2015年のWebサイトの作り方 - YouTube 上の動画で気になったワードをとり…

【Mac】Pythonで作成日が同時刻のファイルのタイムスタンプをインクリメントして一括変更するスクリプトを書いた

経緯と用途 自分は画像や動画等メディア系ファイルを保存した時に、名前のフォーマットがバラバラだと見た目が大変鬱陶しいので150124222459.jpgのようにファイル作成日の日付で揃えるようにしている。 リネームには「Name Mangler」というソフトを用いてい…

JavaScript callメソッド

Elastic SVG Elements | コリスというライブラリ(?なのか?これは)のソースを見ていたら次のようなコードを見つけた。 [].slice.call( document.querySelectorAll( 'button.button--effect-2' ) ).forEach( function( el ) { new SVGButton( el, { speed …

IEでクリッカブルマップ(イメージマップ)が効かない 意外な落とし穴

間違った例(動かない) <img src="img.png" alt="aaa" usemap="foo"> <map name="foo"> <area shape="rect" coords="73,68,117,85" href="hoge"> <area shape="rect" coords="123,69,165,84" href="piyo"> </map> 正しい例(動く) <img src="img.png" alt="aaa" usemap="#foo"> <map name="foo"> </map>

jekyll カテゴリをURLは英語のままに日本語化する方法

jekyllのカテゴリは不便なことにカテゴリ名がそのままURLになってしまう。 WordPressのようにURLとしてのカテゴリ名と表示名としてのカテゴリ名を分けることができない。 故に日本語でカテゴリを名づけたい時に困ったことになる。 Capistranoでデプロイを自…

Ruby mapメソッドと省略表記

これらの条件から、フォローされているユーザーに対応するidの配列が必要であることがわかってきました。これを行う方法の1つは、Rubyのmapメソッドを使用することです。このメソッドはすべての "列挙可能 (enumerable)" オブジェクト (配列やハッシュなど、…

Rails 複合インデックスの使用で組み合わせの重複防止

リスト11.1 db/migrate/[timestamp]_create_relationships.rb class CreateRelationships < ActiveRecord::Migration def change create_table :relationships do |t| t.integer :follower_id t.integer :followed_id t.timestamps end add_index :relations…

Twitter useridからユーザーを取得する方法

Twitter devでアプリケーションを作ってそこからAPIを叩くなどの方法もありますが、一番簡単なのは以下の方法です。 https://twitter.com/intent/user?user_id=xxxxxxxxx このURLのxxxの部分に知りたいuseridを入れてアクセスすると合致したユーザーのページ…

ハイパーリマインダー ver1.1.0 公開されました。

英語版にした時に不具合があるようです。 差し戻されたので公開までもう少し時間がかかりそうです。 4/23追記:1.1.0公開されました。アップデートお願いします。

Ruby 一見代入に見えるただのメソッド

module SessionsHelper def sign_in(user) . . . end def current_user=(user) @current_user = user end end 上のコードで使用されている特殊な文法は混乱しやすいのでご注意ください。普通のプログラミング言語では、定義するメソッドの名前に等号を使用す…

SEO noindex などメタタグ意味

SEO

<meta name="robots" content="noindex"> <meta name="robots" content="nofollow"> <meta name="robots" content="noarchive"> <meta name="robots" content="noindex, nofollow, noarchive"> 参考:できるPRO Apache Webサーバー 改訂版 Version 2.…</meta></meta></meta></meta>

Chrome 拡張。設定のGUIやアイコンクリック時のポップアップのビューの作り方

{ "background": { "page": "background.html", "persistent": false }, "browser_action": { "default_icon": "icon64.png", "default_popup": "popup.html", "default_title": "Create Link" }, "content_scripts": [ { "all_frames": true, "css": [ ], "…

Hyper Reminder / ハイパーリマインダー ver1.1.0へ更新

ハイパーリマインダーがより実用的になり、利便性が増してパワーアップしました。 PSMには提出したので、問題なければ時期に配信されます。

PSM タップイベントとフリックイベントが同時に発生してしまう場合の対処

PSM SDKのSce.PlayStation.HighLevel.UIのFlickGestureDetectorおよびTapGestureDetectorのイベントを同じコンポーネントに設定していた場合、ただのタップのつもりがフリックイベントまで発動してしまうことがある。 フリックイベントのハンドラではイベン…

ニコニ広告備忘録

広告主名、広告メッセージの編輯を忘れない。 広告の背景も青から変更できる。 広告メッセージを設定し忘れて大失敗。 後から編輯できないのが痛い。 サービス改善要請へのご協力 同じような思いをした方がいる場合はサービス改善の要請へご協力ください。 …

【PSM】 Hyper Reminder / ハイパーリマインダー

今後の更新予定 メモ欄に60文字程以上入力した場合それ以降のメモはリスト画面からは省略表記になってしまい、入力画面だと横ラインで読みづらいため、メモの全容表示機能を搭載する。 1.1.0にて対応しました! リストの所属カテゴリの変更機能 既存カテゴリ…

【PSM】マルチカウンター / MultiCounter

CSS 背景を複数指定した時はsizeもカンマで複数指定できる

CSS

#content { background: url(/css/theme/patchwork/images/border@2x.png) repeat-x top, /* イ */ url(/css/theme/patchwork/images/border@2x.png) repeat-x bottom, /* イ */ url(/css/theme/patchwork/images/content@2x.png); /* ロ */ background-size…

Python2.7.x AsciiとUnicodeの組み合わせの挙動

>>> "test"+"a" 'testa' >>> "test"+u"2" u'test2' >>> "test"+u"あ" u'test\u3042' >>> "test{}".format(u"あ") Traceback (most recent call last): File "<stdin>", line 1, in <module> UnicodeEncodeError: 'ascii' codec can't encode character u'\u3042' in positio</module></stdin>…

ページの内容が短くてもウィンドウ下部にフッターを固定する方法

CSS

ページの内容が短い時に、フッターまで上のほうにあがってしまってみっともないことがある。それの回避方法。 html { position: relative; min-height: 100%; } #footer { position: absolute; bottom: 0; width: 100%; /* Set the fixed height of the foot…

CSS attr(hoge)

CSS

CSSってattr()なんていう関数なんてあったんだ… これ知ってればCSSだけでかなり表現の幅が広がりそう これはcontentの時以外でも使えるんだろうか HTML <a href="#"><span data-title="Text Link">Text Link</span></a> CSS a span:after { content: attr(data-title); } ネタ元 コピペでできる!CSS3の素敵効果で…

JavaScript 引数を設定してない関数でもargumentsという変数で引数が取れる

> test = function(){ ... console.log("0:%s, 1:%s, 2:%s", arguments[0], arguments[1], arguments[2]); ... } [Function] > test() 0:undefined, 1:undefined, 2:undefined > test(1,2,3) 0:1, 1:2, 2:3 > test("wan","nyaa","wahaa") 0:wan, 1:nyaa, 2:w…

JavaScript Math.floorを使わずにビット演算で小数点を切り捨て

> Math.random()*16777216 1032588.9140625 > Math.random()*16777216<<0 15867770 Math.floorより高速ということかな? ネタ元:https://github.com/patrickkunka/easydropdown/blob/master/src/jquery.easydropdown.js 開眼! JavaScript ―言語仕様から学ぶ…

Dynatable.js のCustom Queryで文字列を検索する

Dynatable.js - jQuery plugin for HTML5+JSON interactive tables and more というとても高機能で便利なテーブル関連のjQueryプラグインがあるのだが、その中のとても目ぼしい機能であるCustom Query。 サンプルを見ていただければわかるが inputs: { queri…

Javascript 小数点足し算

> 1+2 === 3 true > 0.3 === 0.3 true > 01+0.2 === 0.3 false > 0.1+0.2 0.30000000000000004 Why does this happen? 0.1 +0.2 is equal to 0.30000000000000004. What you need to know is that all JavaScript numbers are floating points represented i…

JavaScript 配列内の最大、最小の値を抽出

var numbers = [5, 458 , 120 , -215 , 228 , 400 , 122205, -85411]; var maxInNumbers = Math.max.apply(Math, numbers); var minInNumbers = Math.min.apply(Math, numbers); 45 Useful JavaScript Tips, Tricks and Best Practices | Flippin' Awesome F…

JavaScript ランダムな英数字を生成ワンライナー

> Math.random().toString(36) '0.fyhg9kuze4su4n29' 全文 function generateRandomAlphaNum(len) { var rdmString = ""; for( ; rdmString.length < len; rdmString += Math.random().toString(36).substr(2)); return rdmString.substr(0, len); } 45 Usef…