Karma + Jasmineによるユニットテスト – rilakkuma3xjapan's blog
自作しているWeb Audio APIのライブラリ XSound.jsでKarma + Jasmineによるユニットテストを始めたので, その備忘録として記載しておきます. Karma + Jasmineによるユニットテストの環境構築は前日の記事を参考にしてください. 1. Karma設定ファイルの生成 まず. テスト対象となるディレクトリで以下のコマンドを実行します. $ karma init コマンドを実行すると, 初期化ウィザードが出力されるので, 順に入力していきます. 1 – 1. テスティングフレームワークの選択 Which testing framework do you want to use ? Press tab to list possible options. Enter to move to the next question. > jasmine 1 – 2.
@pha 「自分が必要な分だけ働けばいい」その最低限の生活費を稼ぐために、一生懸命働いてやっと生活できるんじゃないか。働いた給料は光熱費家賃その他で貯金にすら回せない。 鼻くそほじりながら片手間で稼げる人といっしょにするなよヽ(`Д´)ノ
How to Make Rilakkuma Omurice (Bento Idea Recipe) | OCHIKERON | Create Eat Happy :)
This recipe is very easy. I used just a few simple ingredients available around you. But the only thing you need is patience! hehe Rilakkuma (which means relaxing bear in Japanese) is a very popular character in Japan. Omurice is omelette made with fried rice (ketchup flavored chicken rice) and usually topped with ketchup. I know you all like Kyaraben (character bento) but I decided to make it
Web Push 通知を実装してみた – rilakkuma3xjapan's blog
tag は画面上に表示されるものではないので, 使い方がわかりにくいかもしれませんが, これは主に, すでに表示されている通知を置き換えるために使います. 通常, 1件以上の通知が表示されている状態でさらに通知を生成すると, 既存の通知とは別に新たな通知が表示されます. しかし, tag の値が既知の通知と一致する場合は, 新しい通知が別に表示されるのではなく, 当該通知の中身が新しいもので置き換えられます. tag オプションをうまく活用することで, 通知まみれになるのを防止することができます. ユーザーがデスクトップ通知をクリックしたときに何らかの処理を実行するには, Notification インスタンスに対して, イベントリスナーを設定します. notification.addEventListener('click', (event) => { console.dir(event
「リラックマ」と「JINS PC」がコラボレーションしたPC用メガネ「Rilakkuma×JINS PC」が、2014年9月3日より発売開始となります。各キャラクターのカラーや性格をイメージしたフレームデザインとなっいるそうです。 発売されるのは4モデルです。 リラックマモデル（ブラウン） リラックマモデル（ブルー） コリラックマモデル キイロイトリモデル 各色、度なしタイプで4,900円です。度付きJINS PCレンズへの交換は+6,000円となっています。 購入者には、オリジナルケースがプレゼントされます。リラックマファンにはたまらない逸品ですね。 JINS PCなら「どれでも一緒だろう」なんて思ったのですが「キイロイトリモデル」ちょっと欲しいです。 こんな動画もありました。 そうか、寝る前にスマートフォンを見ていると、それでもブルーライトを浴びていることになるのですね。ブルーライトは
Thanks to you, Rilakkuma Touch! has surpassed 1,500,000 downloads! You can now buy Rilakkuma Touch! + (Plus) through In-App Purchase within Rilakkuma Touch! (Free). As before, you can pat Rilakkuma on the head, tickle his feet, and interact with him, while enjoying his adorable expressions and behavior in Rilakkuma Touch! (Free). Many snacks and items are available in the paid version Rilakkuma To
「万能は無能」に対する考察と生存戦略 – rilakkuma3xjapan's blog
この記事は, 個人の経験にもどづく考えが非常に多いです. すべてのケースにあてはまるわけではないことに考慮していただければと思います. 万能は無能とは ? ひとことで言えば, なんでもできるということはなんにもできないことと同じということです. ある種の逆説を含んでいるように思われます (なんでもできるのだからなんにもできないことはないのでは ?) … すでに万能であると思われる人は問題ありません. 問題は, これから万能を目指そうとする人です. なぜなら, 誰しも, 1 日は 24 時間しかないという不変の事実を考えるとその逆説も納得していただけるかと思います. 万能を目指してしまう理由 かなり個人的な見解ではありますが, 万能を目指してしまう人は以下のいずれかにあてはまることが多いように思います (わたし自身がそうだったのですが …) 完璧主義である 好奇心が強すぎる 独力でなんとかし
富良野スキー場にリラックマくんたちがいるよ☆ @rilakkuma_kun
Rilakkuma Font | dafont.com
Uploading this font to any other site is forbidden, only redirecting links to this page are allowed.
※イベントは予告なく変更・中止となる場合がございます。お出かけの際は、イベント会場や開催元の最新情報をご確認ください。 高品質の手織りウール生地として世界中で愛される英国の伝統生地 Harris Tweed (ハリスツイード)とリラックマがコラボレーション。 リラ耳の可愛さ、ハリスツイードのタグから覗くリラックママスコットがチャーミング。 ブリティッシュな上質ツイードが、秋冬のコーディネートを素敵に演出。 ※画像をクリックすると拡大できます。 ユニセックス生地とスタンダードな形なので性別年齢問わずに、長く愛用できる逸品です。 【Harris Tweed（ハリスツイード）とは】 ハリスツイードは1840年代に英国のスコットランド北西に位置するアウターへブリデイーズ諸島で生まれ、ブラックフェイスとよばれる羊の羊毛が原料となり、天然染料のみで染色され手織りで織られた最高級のツイード素材のことです
AngularJS チェックボックス主体のフォームを作成する – rilakkuma3xjapan's blog
AngularJSを利用して, チェックボックス主体のフォームを作成する場合にいろいろはまったので備忘録的にまとめておきます. ただし, チェックボックスをトグルボタン的に利用する(つまり, チェックされているかどうかが重要)ケースではなく, 例えば, 該当する項目をチェックしてサーバーに送信するといったフォームの場合(つまり, チェックされている値が重要) です. 1 . まとめてチェックの実装 チェックボックスが多い場合, この機能を実装することが多いですが, AngularJSであれば, モデルのバインドだけで実装可能なので, コントローラーが不要です. <dl> <dt><input type="checkbox" ng-model="checkAll" /> Check All </dt> <dd> <input type="checkbox" ng-checked="check
サンエックス株式会社の運営するリラックマofficialTwitterです。 © 2013 SAN-X CO .,LTD.ALL RIGHTS RESERVED.
暮らし Twitter / rilakkuma: @pha 「自分が必要な分だけ働けばいい」その最低限 ...
San-Xネット Rilakkuma×Hankyu
この春、リラックマと阪急電車がコラボします。 阪急電車のイメージカラー「マルーンカラー」を取り入れ、ちょっとクラッシックな大人かわいいデザインができました。 コラボグッズの発売だけではなく、オリジナルノベルティの配布や駅長リラックマとの撮影会イベントなども開催予定。 楽しい企画が盛りだくさん。 4月9日の発売に先駆けて、4月2日からは阪急梅田駅2階中央改札内に 「リラックマストア阪急梅田期間限定SHOP」がオープンします。 ※発売は関西圏限定となるため、 リラックマストアは大阪梅田店、神戸店のみの取扱となります。 阪急電車 大阪梅田と神戸・宝塚・京都を結ぶ日本有数の大手私鉄。 マルーン色(えんじ) の車体が特徴的で、レトロなデザインがとても人気があります。 リラックマストア大阪梅田店・神戸店・阪急梅田期間限定ＳＨＯＰでは ※ぬいぐるみ/ぶらさげぬいぐるみ→お一人様一会計１点 ※その他アイテ
Rilakkuma × TOWER RECORDS CAFE ＆ Rilakkuma × TOWER RECORDS コラボ展 TOWER RECORDS CAFEでは、大人テイストな「リラックマファクトリー」とのコラボカフェをオープン！(開催期間:2014年7月10日(木)～8月17日(日)) リラックマのごろ寝姿がかわいいリラックマカレーやスイーツ、ドリンクなどをご提供いたします。 そして、TOWER RECORDS CAFE限定のコラボグッズも発売! 皆さまのご来店を心よりお待ち申し上げます。 ※8月4日(月)は、渋谷店は店舗メンテナンスのため1Fのみの営業となります。TOWER RECORDS CAFEは休業となりますのでご注意ください。 ▼Rilakkuma × TOWER RECORDS CAFE 【カフェメニュー紹介】 ★リラックマアイリッシュミルク プリンのカラ
リラックマの非公式BOT(fake)です。サンエックスさま、主婦と生活さまとは関係ありません。本の内容をランダムに呟きます。作者は@sai521です
大手民鉄初！阪急電車とリラックマがコラボレーション！ Rilakkuma × Hankyu 4月2日から「リラックマ×阪急電車」グッズを販売します
阪急電鉄(株)では、大手民鉄で初めて、オリジナルキャラクターの開発などを行う、サンエックス(株)との共同企画により、同社の人気キャラクターである「リラックマ」とのコラボグッズを製作します。 リリースはこちら→ http://www.hankyu-hanshin.co.jp/news_release/pdf/20150306_2978.pdf 阪急電車をイメージしたマルーンカラーの制服を着たぬいぐるみ「駅長リラックマ」や、リラックマの仲間である「コリラックマ」、「キイロイトリ」が電車に乗ったデザインのキーホルダーやステーショナリーなど、計14アイテムのコラボグッズをラインナップ。これらのコラボグッズは阪急梅田駅構内にオープンする期間限定店舗「リラックマストア阪急梅田期間限定SHOP」で4月2日（木）から先行販売するほか、9日（木）から沿線のショップおよびリラックマストア大阪梅田店、神戸店など
Canvas rotateメソッドの回転の中心位置を指定する – rilakkuma3xjapan's blog
Canvasのrotateメソッドは斜めに矩形を描画するときなどに役に立ちますが, デフォルトの状態では回転の中心はCanvasの左上, つまり, (0, 0) が中心となるので意図した回転にならないことが多いです. そこで, translateメソッドを利用します. translateメソッドを利用することで, そのメソッドを呼び出し以降描画の位置を, 指定したぶんだけ移動させることが可能になりますが, それがrotateメソッドの回転の中心にも影響させることが可能です. こんな感じ. var canvas = document.querySelector('canvas'); var context = canvas.getContext('2d'); var width = canvas.width; var height = canvas.height; //回転の中心を中央に移動
npmでNode.jsをアップデート – rilakkuma3xjapan's blog
Node.jsでメール送信するためのモジュールであるnodemailerをインストールする必要がありますが, インストールするためにはNode.jsのバージョンが 0.10 以上でないといけなかったので, npmを利用してNode.jsをアップデートしました. そのコマンドを備忘録として残しておきます. $ sudo npm cache clean (-f) //Macのローカルだと -fは不必要っぽかったです. $ sudo npm install -g n $ sudo n --latest //最新版のバージョンを表示 $ sudo n --stable //安定板のバージョンを表示 $ sudo n latest //最新版の場合. 安定板であればstable $ node -v 0.11.13 //現時点での最新版のバージョンっぽいです. ちなみに, node-ninjaでは同
サイバーエージェントを退職します – rilakkuma3xjapan's blog
2 日間持病の薬を飲み忘れてかなり気分悪いなか書いてます … はじめに 明日, 2019 / 03 / 19 (Tue) を最終出社日として, 2 年と約 4.5 ヶ月修行させていただいたサイバーエージェントを退職します … 入社までの経緯や業務内容 FRESH を卒業しました を見ていただけるとほぼすべてです. サイバーエージェントで得たこと 前職では, 社内ニートだったのでサイバーエージェントで得たこと = 社会人エンジニアとして得たことです いまどきのフロントエンドエンジニアとして最低限のスキル ES2015 ~, TypeScript BEM, styled-components などの CSS 設計 React Flux フレームワーク (主に Redux) Redux 周辺ライブラリ (主に redux-saga) Service Worker パフォーマンス・アクセシビリティ
「リラックマ×ドクターイエロー」 商品を１点お買い上げのお客様に先着で オリジナルショッパーをプレゼント。
JavaScript 選択範囲を復元する – rilakkuma3xjapan's blog
頻繁に使うことはないですが, WYSIWYGエディタの実装などでは使うこともあるかと思います. まず, テキストを選択している状態で以下のスクリプトを実行して, 選択範囲を保持します. var selection = window.getSelection(); var range = null; if (selection.rangeCount > 0) { range = selection.getRangeAt(0); } 次に, テキストの選択を解除している状態で以下のスクリプトを実行して, 選択範囲を復元します. selection.removeAllRanges(); selection.addRange(range.cloneRange()); ポイントは, 選択範囲を復元するときに, いったんすべての選択範囲を解除する (selection.removeAllRanges(
Firebase Cloud Messaging (FCM) で Web Push 通知を実装してみた – rilakkuma3xjapan's blog
Overview 「Web Push 通知を実装してみた」で Web Push 通知の概要と, web-push モジュールを利用した Web Push 通知の実装を記載しました. しかしながら, web-push モジュールを利用した Web Push 通知は鍵のやりとりが少々煩雑で実装も複雑になってしまいます. Firebase Cloud Messaging (FCM) を利用すると, 鍵のやりとりの代わりにトークンを利用することで Web Push 通知を簡単に実装することができます. What is Firebase Cloud Messaging ? クロスプラットフォームのプッシュ通知のためのソリューションです. 詳細は, こちらのドキュメントを参考にしてください. How to use Firebase Cloud Messaging ? Firebase console
contentEditable領域でキャレットを移動する – rilakkuma3xjapan's blog
contentEditable領域でキャレットを移動するには, SelectionオブジェクトとRangeオブジェクトを利用する. ただし, IE10以下はまったく異なるIE独自のインターフェースを理由するので, IE10以下では動作しません (IE以外のメジャーなブラウザ, IE11では動作します). 例えば, キャレットをcontentEditable領域の先頭に移動させたい場合. document.querySelector('[contentEditable]').addEventListener('click', function(event) { var selection = window.getSelection(); //Selectionインスタンスの取得 var range = document.createRange(); //選択範囲をもたないRangeインスタン
webpack 3 から webpack 4 へアップデートする際にハマりそうなこと – rilakkuma3xjapan's blog
1. Overview なにかと破壊的な変更が多い webpack ですが, v3 から v4 にアップデートする際にも破壊的な変更があるので, 自分の備忘録として残しておきます. 2. webpack-cli webpack 4 からは, コマンドライン機能が webpack-cli に分離されました. したがって, npm install する際に以下のようにする必要があります. $ npm install --save-dev webpack webpack-cli この対応は, あっという間に完了するかと思います. 3. mini-css-extract-plugin 以下の, webpack.config.js は v3 であれば正常に動作するものです. const webpack = require('webpack'); const ExtracktTextPlugin =
Web フォントの表示の最適化 〜 Font Loading API 〜 – rilakkuma3xjapan's blog
1. Overview Web フォントはその性質上, ブラウザがテキストの表示に必要なフォントを知ることができるのは他のリソースと比較するとずっと後になります. @font-face が含まれた CSS をロード スタイルとドキュメントを結合した視覚部分を表現するツリーの構築 テキストとフォントの関係が示された時に, 必要なフォントを確定する といった, フローとなっているからです. これが引き起こす問題として, FOUT (Flash of Unstyled Text) / FOIT (Flash of Invisible Text) があります. FOUT リクエストしたフォントがロードされるまでの間, いくつかのブラウザではタイムアウトするまでの時間が設定されています. タイムアウトまでの間にロードが完了しなかった場合は, 代替フォントが表示され, 代替フォントから指定フォントへの
Ｒｉｌａｋｋｕｍａ Ｌｉｖｅ ｓｔａｇｅぬいぐるみ タワーレコードとリラックマストアでは プリントネームデザインが違います♥
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Twitter / rilakkuma: @pha 「自分が必要な分だけ働けばいい」その最低限 ...
「Rilakkuma×JINS PC」リラックマとJINS PCがコラボしたPC用メガネ - ネタフル
Rilakkuma Touch! on the App Store
富良野スキー場にリラックマくんたちがいるよ☆ @rilakkuma_kun
【リラックマストア取り扱い商品】Rilakkuma×Harris Tweed コラボショルダーバッグ - サンエックス
Rilakkuma リラックマ (@Rilakkuma_tweet) | Twitter
『Twitter / rilakkuma: @pha 「自分が必要な分だけ働けばいい」その最低限 ...』へのコメント
Rilakkuma × TOWER RECORDS CAFE ＆ Rilakkuma × TOWER RECORDS コラボ展 - TOWER RECORDS ONLINE
リラックマbot (@rilakkuma_bot) | Twitter
[PDF]阪急電車とリラックマのコラボレーション企画、第３弾！ Rilakkuma×Hankyu / 2016年2月24日 阪急電鉄株式会社 サンエックス株式会社
San-Xネット rilakkuma meets dr.yellow
San-Xネット TOWER RECORDS RILAKKUMA コラボ企画第6弾がはじまります！