席を引っ越ししたらエアコン真下で冷風直撃になったので、
寒さに堪え兼ねて前々から目をつけていたIKEAのベッドキャノピー LÖVA(通称:IKEAの葉っぱ)を設置したんだ。
Windowsでnpm installできるようにしたメモ
やったこと。 Microsoft .NET Framework 4.6以下を全てアンインストール Microsoft SQL Sever 2014以前のバージョンを全てアンインストール Microsoft System … 続きを読む
気ままに綴る独学メモ帳
覚え書き
やったこと。 Microsoft .NET Framework 4.6以下を全てアンインストール Microsoft SQL Sever 2014以前のバージョンを全てアンインストール Microsoft System … 続きを読む
上がMac、下がWin※コマンド実行前にターミナルでディレクトリ移動しておく ファイル名部分削除 ディレクトリ内にある全ての hoge_foo.png を hoge.png に置換する for Windows ファイル名 … 続きを読む
表題の通り簡単なアプリ作ったのでメモっておく。
https://github.com/Tenderfeel/MobMap
Q: なぜ今頃BackboneにjQueryMobileなのか?ナウいのはReactだべ?
A:
1. 異動したプロジェクトがBackboneベースだったので復習する必要があった。
2. UIとか自前で用意するのが面倒だった。(特にアニメーション)
【Frontendアドベントカレンダー19日目】
Xboxに釣られて転職してから2年半…あっという間だった…。
関与したもの:
今は新規ゲームでコーディングの人としてjoinしてます。
GoogleReaderが2013/7/1で廃止するとアナウンスされました。
理由は利用者の減少らしいですが、愛用していたユーザーが難民化して右往左往しているようで、私もその一人です。
この衝撃はdeliciousショックを思い出すけれども、使用頻度がdeliciousの非じゃないからとても困ってます。
さっそくGoogleReaderからの乗り換え先を探し始めたので、
ここにそのレポートを乗せておくことにします。
※難民のアクセス殺到でか落ちてるor不安定になっているサービスが多いです
3年ぶりぐらいに(商用の)PCサイトをコーディングしたんです。
そこでフェースブックのいいね!ボタンを設置したのはいいが、
押した時に投稿されるサムネイルはなぜかロゴ画像ではなくナビゲーションで使われている画像が使用されてしまった…。
これはあかんと思ってあれこれ模索したときのメモ。
* *
あけ * おめ +
こと n ∧_∧ n よろ
+ (ヨ(* ´∀`)E)
Y Y *
External ToolsはEclipse,Aptana,PhpStorm,WebStromなどのIDEにある機能です。
わかりづらい所にひっそりとあるけど地味に便利なやつ。
コマンドのショートカットとして登録するときの設定についてざっとまとめた。
githubで晒してあるソースを見たりするときに気になっていたことがあったんで
話の流れに身を任せつつ後ろの席のハイパーエンジニアに聞いてみた。
画像のdataURL化と50%縮小するbackground-sizeの書き出しを同時に行うmixin @mixin data-background($image){ background-image:inline-ima … 続きを読む
Googleスプレッドシートのセルに一意なIDを自動で付けたかった。
上から下へ順にカウントアップするものを。
Google Spreadsheetを愛用していて、ゲームの攻略データなんかを纏めていると「この中身をそのままサイトにできないものか…」と思ってたんだけど、
普通のエクスポートでCSV形式だとドメインの呪縛を受けてしまってJSだけでは難しい。
そこで適当に検索してたら結構前からあるらしいGoogle Visualization APIが使えると知って飛びついてみたら、
なかなか便利な感じだったので簡単なサンプルを書いてみた。
悪魔図鑑 (Google Visualization API + backbone.js test) – jsdo.it – share JavaScript, HTML5 and CSS
CompassのCSS3モジュールでは
transitionsのmixinがあるのにanimationsはないので
-mozとかのプレフィックスが欲しい時にはexperimentalを使うしか無い感じ。
@include experimental(animation-name, sample); //アニメーション名
@include experimental(animation-duration, 1s); //実行時間
@include experimental(animation-iteration-count, 1); //実行回数(number | infinite)
@include experimental(animation-direction, normal); //反復の有無(normal | alternate)
@include experimental(animation-delay, 0s); //実行までの待ち時間
@include experimental(animation-fill-mode, both);//実行前や実行後のスタイル指定(none | forwards | backwards | both)
@include experimental(animation-timing-function, linear);//タイミング(ease | liner | ease-in | ease-out | ease-in-out | cubic-bezier)
@include experimental(animation-play-state, running); //実行状態(running | paused) *削除検討中のプロパティ
transformを参考にまとめたmixin
//再生時間
$default-animation-duration : 0.5s !default;
//実行までの待ち時間
$default-animation-delay : 0 !default;
//実行回数(number | infinite)
$default-animation-iteration-count: 1 !default;
//タイミング(ease | liner | ease-in | ease-out | ease-in-out | cubic-bezier)
$default-animation-timing-function: ease !default;
//反復の有無(normal | alternate)
$default-animation-direction: normal !default;
//実行前や実行後のスタイル指定(none | forwards | backwards | both)
$default-animation-fill-mode: both !default;
@mixin animation (
$name :false,
$duration :$default-animation-duration,
$delay :$default-animation-delay,
$count :$default-animation-count,
$function :$default-animation-timing-function,
$direction:$default-animation-direction,
$fillMode :$default-animation-fill-mode
){
@if $name {
@include experimental(animation-name, $name);
}
@include experimental(animation-duration, $duration);
@include experimental(animation-delay, $delay);
@include experimental(animation-iteration-count, $count); //実行回数(number | infinite)
@include experimental(animation-timing-function, $function);
@include experimental(animation-direction, $direction); //反復の有無(normal | alternate)
@include experimental(animation-fill-mode, $fillMode);//実行前や実行後のスタイル指定(none | forwards | backwards | both)
}
Web Creatros Contest “Q” っていうのがjsdo.itでやってます。
商品がApple製品だったのでまた釣られてしましました(ノω^)
お題を呼んでわが身をふりかえってみると……
仕事のToDoは会社が用意してくれるポストイットに書き、
プログラムに係わることは//TODO で書いている。
プライベートでは使う事がないから……
ほとんどToDoアプリをつかったことがなかった!
……ならToDo管理以外にも使えるものだったら
私みたいな「ToDoアプリ?なにそれおいしい?」ユーザーも振り向いてくれるかもしれない。
などと考えていたら神様がそっと囁いた。
ノノノノノ
( ○○) < 身近にイイ人材がおるじゃないか…ほれ、脳内に
(||||)
なるほど!脳内にいる住人とかタルパとか妄想とか俺の嫁とかに覚えてもらえばいいのか!
具現化するに合う素材を探してみたら素敵な立ち絵素材と巡り会えたので
ニュートリノの速さでレジ直行した勢いのまま作ったのがこれです。
プロジェクト名 はtoDoll
販売中の素材集が男女よりどりみどりだったので
あとでバージョン増やせるようにカスタムできる構造にしました。
昨日LABI渋谷のスマホ売り場見てたら
Galaxy Nexusに続きAQUOS Phone 104SHもAndroid4.0だったので、
触りついでにHTML5 Testしてみたんです。
結果の256という点数はHTML5 Testにもう載ってるんですが、
その詳細は見た事なかったので晒しておきます。
Goボタンを押した時のイベントは submit もしくは event.keyCodeのcode=13 で取れますが、 テキストフィールドやテキストエリアに入力後、スマホのキーボードでGoボタンを押した時、onsubmit … 続きを読む
Androidを爆発し隊・投げ捨て隊に所属するみなさん、
ますますスマホ戦線が活発化する中いかがお過ごしでしょうか。
スマホといえばiPhoneがその美しいデザインでこれぞスマホ!という概念を決定的に印象づけた
3〜4インチ前後のタッチパネルのものが主流ですが、
テンキーとか十字キーとかがついている狂った機種をお忘れじゃありませんか?
狂気の007SH
ぱっと見ガラケーなのに中身はAndroid。
画面はタッチパネル対応だから触ればタッチイベントが発生する。
007SHはソフトバンクから出てるものですが、シャープはauやdocomoにもテンキー付きAQUOS PHONEを出してます。なんてことしやがる。
私はこのデバイスに触れて初めてスマホをへし折りたいと思いました。
幸い今の会社はテスト端末が豊富なのでスマケー()も実機で見る事が出来たんですが、
手元に無ければこんな機種絶対頭から抜け落ちるだろうと思うので
この機種に関する注意事項をちょっと書いておこうと思います。