はるいろママの知育日記 2010年早生まれ息子の知育ブログです。家庭保育園、七田を経て、ピグマリオン、公文、モンテッソーリなど。毎日ちょっとずつ楽しくをモットーに。

2才の頃、はるきは、なかなかひらがなへの興味を示し ませんでした。 絵本は大好きですが、読み聞かせてもらうのが好きで、 自分から読もうとはしなかったです。 ですが、早く自分で絵本を読んでくれるようになって 欲しかったので、ひらがなへの興味を持ってもらうため、 こんなものを作りました。 七田教室へ通っている方はわかると思います。 そう、「にこにこ助数詞」でパタパタするやつです。 フラッシュカードが嫌いなはるきでも、このパタパタ カードは好きだったので、ひらがなバージョンを 作りました。 ひらがなソング「動物あいうえお」を歌いながら、 左手の割り箸を開いていくんです。 あひるが～ガァガァ、（パタ）あ、（パタ）い、（パタ）う、（パタ）え、（パタ）お～♪ 全部開いていくと持ちきれなくなるので、適宜 右手の割り箸を回して閉じていきます。 で、効果はというと・・・ 「自分にもやらせて！」とすぐ奪い合い

jQuery使って$(document).width()でページ全体の幅が取得できるのは知ってたのだけど、 表示されてる幅の表示方法がわからなくて試行錯誤してた。 仕方ないからその部分だけ自分でクロスブラウザ用のコード書いてたり。 で、もう一回ググってみたらあった。 jQuery のお勉強 (practice input output) ｊQueryでユーザーのブラウザ表示幅を取得するには、width() $(window).width()を使う。 例） var width = $(window).width(); alert(width); でブラウザ表示幅を取得する $(document).width()でドキュメントの幅 $("p").width(); 特定のエレメントの幅を取得することができる。 これで表示部分の右端に表示とかできそうだ。 良かった。 追記 表示幅ではなかったのね。

jQuery では、$(window).width(); でウィンドウ幅、$(window).height();でウィンドウ高さが値として取得できますが、一部のブラウザで値が正確に取れないことがあるようです。 何とかなったので、解決方法をφ(..) jQueryで、ウィンドウ幅と高さを取得するには、 var w = $(window).width(); var h = $(window).height(); こんなかんじですが、一部のブラウザではスクロールバーの有り無しを間違えて、その分を加味した結果を返してくるようです。もしかしたら、もっととんでもないロジックなのかもしれませんが… そこで、元々のjavascriptが持っているコマンド、innerWidthとinnerHeightを使って値を取得することにすします。 var w = window.innerWidth ? window.

OpenStackは、オープンソースで開発されているクラウド環境構築用のソフトウェア群です。クラウドの分類のうち、いわゆるIaaSと呼ばれる仮想マシンとストレージ、ネットワークといった、一番低いレイヤーのリソースを提供するクラウド環境が構築できます。もともとAWS（Amazon Web Services）を参考に開発が始まったこともあり、AWSのようなものを自分自身の環境でプライベートに構築できると考えるとよいでしょう。 OpenStackの国内導入事例 OpenStackはIaaS環境を構築するソフトウェア群ですが、国内での導入事例を見るとIaaSクラウドサービスを提供するために使っている例と、Webサービスを提供するインフラに採用しているパターンが多いようです。いくつかの事例を挙げてみます。 GMOインターネットのVPSサービス「ConoHa」 VPS（Virtual Private

サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは本日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

2015/04/20 追記 https://github.com/mishoo/UglifyJS 2012/02/11 追記 なんか変なまとめの影響でブクマが増えとる。。これ、2008年の記事だぞ。。 YUI Compresserも良いツールだけど最近だったらこの辺の方がいいよ。 http://dean.edwards.name/packer/ http://code.google.com/intl/ja/closure/compiler/ なぜコードの圧縮が有効か？ Webサイトの高速化 フロントエンドのパフォーマンスの重要性 (Yahoo! developer netoworkより翻訳) || パフォーマンス・チューニングBlog: インターオフィス 要するに、Webサイトをより速くするための鍵は、フロントエンドのパフォーマンスを改善することにあるということです。 まず最初にやるべきな

一定期間更新がないため広告を表示しています

HTTPガイドHTTP の概要典型的な HTTP セッションHTTP メッセージMIME タイプ（IANA メディア種別）HTTP の圧縮HTTP キャッシュHTTP 認証HTTP Cookie の使用HTTP のリダイレクトHTTP 条件付きリクエストHTTP 範囲リクエストコンテンツネゴシエーションHTTP/1.x のコネクション管理HTTP の進化プロトコルのアップグレードの仕組みプロキシサーバーとトンネリングHTTP クライアントヒントHTTP セキュリティサイトの安全化HTTP ObservatoryPermissions Policy Experimental コンテンツセキュリティポリシー (CSP)オリジン間リソース共有 (CORS)Cross-Origin Resource Policy (CORP)ヘッダーリファレンスHTTP ヘッダーAcceptAccept-CHAc

Getting Started Introduction A simple tutorial Language Reference Basic syntax Types Variables Constants Expressions Operators Control Structures Functions Classes and Objects Namespaces Enumerations Errors Exceptions Fibers Generators Attributes References Explained Predefined Variables Predefined Exceptions Predefined Interfaces and Classes Predefined Attributes Context options and parameters Su

[JB]NCRainRadar7 − Yahoo! JAPANの雨雲ズームレーダーをiPhoneの通知センターに表示する 現在地周辺の雨雲の様子を素早く確認したくなった 最近サイクリングで出かける機会が多くなりました。 サイクリングの大敵は雨！　週末の天気予報のチェックは元より、サイクリング中に現在位置周辺の雨雲の様子を素早く確認したいと思うことが多くなりました。 サイクリング中にアプリを切り替えるのは非常に面倒。普段は自転車NAVITIME等のナビゲーションアプリを使っているので、ずっと雨雲の様子を監視しているわけにもいきません。 自転車NAVITIME カテゴリ: Navigation 販売元: NAVITIME JAPAN CO.,LTD.（サイズ: 7.7 MB） 全てのバージョンの評価: （327 件の評価） そこで、雨雲の様子が素早く確認できるよう、iOS 7用（iOS 7.1

これまでiPhoneでは、住所などを入力する際、都道府県からひとつずつ入力する必要があったが、新OS「iOS 8」では標準のキーボードでも、住所などがより簡単に入力できるようになっている。本稿では、「iOS 8」で新たな入力方法が追加された“住所”や“日付け･時間”について紹介する。 なお、以下ではiPhone 5sを使用している。 住所を素早く入力する方法 iOS 8では、郵便番号を数字で入力すると、素早く簡単に住所を入力できるようになっている。その際に、QWERTY方式のキーボードではなく、数字版のテンキーキーボードを使って入力する。 日本語のテンキーから、「ABC」をタップ。その後「☆123」をタップすると、数字版のテンキーキーボードで入力できる。なお、数字版のテンキーの場合、連続した数字(000、111など)を入力する際、連続でタップしてしまうと、記号などに変換されてしまうので少し

先日リリースされたiOS 8から、通知センターウィジェットという機能が追加された。iPhoneでは画面の上から下へ向かってスワイプすると通知センターを呼び出せるが、この欄がサードパーティ製のアプリにも開放されたのだ。すでに多数のアプリが対応しており、今後はさらに増えていくものと思われる。 そんなサードパーティ製のウィジェット、いったいどのような形で通知が表示されるのか。現在対応しているアプリの中から主要なものをピックアップして紹介しよう。 ニュース系アプリ SmartNews 3つのニュース記事が写真つきで通知される。表示される情報は、サムネイル画像、記事タイトル、ニュース媒体名。サムネイルをタップするか、「もっと読む...」をタップすることでアプリを起動することができる。 カメリオ 3つのニュース記事が写真つきで通知される。表示される情報は、サムネイル画像、テーマ名、記事タイトル。サムネ

とってもいまさらだが、8ビットを超える範囲の終了ステータスは使えない。 符号なしの8ビット範囲 (0-255) に限られる。 8ビットを超える範囲を返しても9ビット目以降は無視される。 符号なし表現なので -1 = 255 になる。 検証 環境 Oracle Enterprise Linux 6.2 (Santiago) 準備 /tmp/return.sh #!/bin/bash exit $1 実行結果 # /tmp/return.sh 0; echo $? 0 # /tmp/return.sh 1; echo $? 1 # /tmp/return.sh 254; echo $? 254 # /tmp/return.sh 255; echo $? 255 # /tmp/return.sh 256; echo $? 0 # /tmp/return.sh 257; echo $? 1 # /

御嶽山の噴火で、国内に110の活火山がある「火山大国」日本の危険性が改めて浮き彫りになった。防災体制の見直しが急務だが、就職先の少なさなどから火山研究を志す学生は減少し、今や研究者は40人程度しかおらず「火山防災体制の危機」と懸念されている。国は近く専門家会議を立ち上げ、若手の人材育成を急ぐ方針だ。「40人学級」。火山研究者不足の現状について、大学関係者の間では自嘲気味にこういわれている。内閣

反省のたびにやめたくなるなら、その仕事は向いてないこれも所さんの言葉とほぼ同義。 「反省の際に辛いな、自分は苦労してるなという実感があったら、その仕事は向いていていない」ということなんです。 ＞【遊びながら1ヶ月で45万円稼げた】少額OKのTポイント投資とは？ 苦労している感覚がない分野で力を発揮しよう僕もこれと同じ意見を持っています。 自分が取り組んでいる事に対して「苦労してる俺（ドヤっ）」みたいな感覚があったら、 そこには嫌々やっているという感覚が混じっているんです。 ＞＞月600万円稼ぐプロブロガーの無料メルマガを読む 18のタイプから自分の性格を診断してもらえます。 僕は、「独創性」「決断力」「挑戦心」「自己信頼」「親密性」の5つでした。 これ、かなり当たってましたw 仕事での強みと適職がわかる「グッドポイント診断」がかなり参考になった https://t.co/1WrpPOGko

“AV出演”を報道された日経記者は話題の書『「AV女優」の社会学』著者だった 「文春」に“AV女優歴”を暴かれた元日経記者・鈴木涼美が緊急寄稿！ 「日経新聞記者はAV女優だった！　70本以上出演で父は有名哲学者」 「週刊文春」（文藝春秋）10月9日号にこんな記事が掲載された。だが、これは日経記者が過去にこっそりAVに出演していたというだけの話ではなかった。 実はこの記者は、「鈴木涼美」の名で昨年6月に『「AV女優」の社会学』（青土社）という本を上梓している社会学者でもある。同書は、彼女が東大大学院時代に実施したAV業界周辺へのフィールドワークを元とする修士論文に加筆・修正したもので、小熊英二や北田暁大からも激賞された。 現在は日経を退社しているが、その理由はAV出演をすっぱ抜かれたためではない。「文筆業との両立に時間的／立場的にやや無理が生じたため」と彼女は語る。 今回の「文春」にかぎらず

深津貴之氏は、iPhoneアプリ「ToyCamera」をヒットさせて以来、スマートフォンアプリの第一人者として活動を続けている。1年経てばルールが変わる激動のスマートフォンアプリの世界で、深津氏はいかにして変化に対応してきたか。「ルールが変わってリセットがかかることは、むしろ歓迎」と話す深津氏の思考法を聞いた。 プロダクトデザインの役割は「製品に何を入れないか」を決めること 今回は、深津氏の出発点にさかのぼって話を聞くことにした。深津氏は、武蔵工業大学（現在の東京都市大学）環境情報学部 都市情報研究室を卒業後、ロンドン芸術大学内のカレッジの一つ、Central Saint Martins College of Art and Designに入学し、プロダクトデザインを専攻する。 このプロダクトデザイン科のオリエンテーションで聞いた内容を、深津氏はよく覚えているという。「『流線型のかっこいい

アダルト検索エンジン「Boodigo」が公開 元Google社員ら立ち上げ 元Google社員がアダルトコンテンツの検索に特化した検索エンジン　Boodigo を立ち上げた。アダルト関連検索だからこそ求められる配慮・機能を備える。アダルトエンターテイメントのポータルサイトと、Google で「困っている人たち」の受け皿を目指す。 公開日時：2014年10月06日 12:30 Boodigo, LLC は2014年9月15日、アダルト専門の検索エンジン「Boodigo」を一般公開した。Colin Rowntree氏と Wasteland.com、そしてテクノロジー企業の 0x7a69 が開発に協力した。 Boodigo はアダルトコンテンツの検索に特化した専用の検索エンジン。Google や Bing はアダルト関連コンテンツを検索結果から排除するように試みているが※、Boodigo はアダ

こんにちは、ユーザファースト推進部デザイングループの長野です。 今回は、クックパッドで定期的に行っているユーザ調査について、下記の流れでご紹介してみたいと思います。 なぜ調査するのか どのような調査をしているか 調査結果の記録と共有の方法 実際のサービスに活かされた事例 1. なぜ調査するのか クックパッドでのものづくりはすべて、「誰のどんな課題を解決するのか」を明確に定義することから始まります。そのためには、対象となる「人」への理解が不可欠であり、ユーザ調査はその手段です。 現在クックパッドでは、レシピ検索だけでなく生活全般へと事業領域が広がってきており、提供するサービスが対象とする「人」の生活や利用シーンの幅も、ますます多様化しています。それにともなって、様々なタイプの人の生活を理解することが必要とされてきており、ユーザ調査を活用する意味も、より強まってきていると感じています。 2.

なぜ「ニセ医学」に騙されてしまうのか？ 『「ニセ医学」に騙されないために』著者・NATROM氏インタビュー 情報 #ホメオパシー#新刊インタビュー#なぜ「ニセ医学」に騙されてしまうのか？ 医学の形態をとりながら、実は医学ではない「ニセ医学」というものがある。テレビや雑誌、書籍でもたびたび見かける、標準医療を否定する人びとやなんだか怪しい健康法。なかには、高額なお金を要求するものや、患者が命の危険に晒されると、病院に丸投げするようなものまである。『「ニセ医学」に騙されないために』（メタモル出版）には、そうした「ニセ医学」の中でも特に酷い事例が羅列されており、「ニセ医学」の基本的な手口を知るのにうってつけの一冊だ。著者・NATROM氏に、人びとが「ニセ医学」に騙されてしまう背景についてお話を伺った。（聞き手・構成／金子昂） ―― 数多くの「ニセ医学」事例を取りあげられている本書ですが、まずは「

僕は本当にAngularが嫌いで、もはや許せないレベルに達していて、今ではもう本当に使いたくない。 イカ理由。 APIがほんっっっっっとうに糞 趣味の問題といえばそうでもあるが僕は糞だと思う 実装が黒魔術 良識あるJSエンジニアなら Function.prototype.toString() しない 実際に一部のクロージャが破壊されてて挙動が直感に反する DirtyCheckの実装、表面的にもDirtyな挙動として現れるのでデータバインドとして何も嬉しくない Googleだから許される、みたいなコミュニティの驕りが本当に嫌 Angularの都合だけでChromeでObject.observeを前倒しするのやめろ Angularの内部モジュール同士が密結合 DI, module, factory, それぞれ大きなテーマなのに密結合 使いはじめるとAngularをやめることが困難 パフォーマン

MEANとは、LAMP(Linux, Apache, MySQL, PHP)に変わる技術としてじわじわと注目されはじめているアーキテクチャです。このアーキテクチャMEAN(MongoDB, Express, AngularJS, Node.js)は、シンプルでかつ強力なアーキテクチャで、現在のJavaを利用したアプリケーション開発とは一線を画すところです。HTML5開発にとってJavaの役割が殆どなくなるというのも注目すべき点だと考えます。MEANで一般的に言われる注目すべき事項は次のところです： JavaScriptフルスタックである データモデルとしてクライアントからデータベースに至までJSON そして、この記事を書こうと思ったきっかけですが、2014/10/5(日) Mozilla Open Web Day in Tokyo | Mozilla Japan でのMEAN解説展示で、様

My iPhone 11 is perfectly fine, but the new buttons on the iPhone 16 are compelling

クリエイター･エージェンシー事業を行うクリーク･アンド･リバー社<4763>は、デザイナー向けサービスとして「デザイン塾」の第1弾を9月14日（日）に開講した。 当日は、バンダイナムコゲームスの関連会社であり、人気コンテンツの企画・制作を多数行うバンダイナムコスタジオの協力を受け、大人気ゲーム『アイドルマスター ミリオンライブ！』のデザインチームとコラボレーションして「デザイン塾」を開催。 本稿では、コンテンツの仕掛け人である制作者たちが登壇した、2Dデザイナーに向けた最新の市場概況、制作ノウハウを提供する講座の模様をレポートしよう。 ■アイドルの“新たな一面”を見せる 今回の講演に登壇したのは、バンダイナムコスタジオの運営A氏とC氏。おふたりとも『アイドルマスター ミリオンライブ！』に登場するカードイラストの制作者として活躍している。はじめにカードイラストの原案を考えるA氏より、同作のイ

Amazon EC2は9月末、その内部で使用しているXenハイパーバイザのセキュリティリスクに対処するため、全インスタンスの約10％にあたるインスタンスに対して段階的にリブートを行うメンテナンスを実行していました。 リブートをユーザーが回避する手段はなく、AWSから事前に通知を受けたユーザーはリブートによってデータを失ったりシステムがダウンしたりしないように、何らかの処置をする必要がありました。 AWS上で大規模なシステムを運用しつつもこのメンテナンスリブートを難なく乗り切ったのが、米国で動画配信サービスなどを運用するNetflixです。その理由は同社が開発したChaos Monkeyというツールにありました。 同社のブログにポストされた記事「A State of Xen - Chaos Monkey & Cassandra」で、その顛末が紹介されています。 Chaos Monkeyによっ

こんにちは。技術部の松尾(@Kazu_cocoa)です。 主にモバイルアプリ開発において、数ヶ月前よりGitHubのWebhooksを使ったとある取り組みを始めました。HipChatやSlackなどをはじめとした様々なサービスとの連携サービスを提供しているGitHubですが、Webhooksの機能を使うことで、より自分たちの開発を支援する未来を創造できればと思います。以降では、実際の使用例、その実装よりな話しへと話しをすすめます。 クックパッドにおけるWebhooksの使用例 チェックリストによるセルフチェックをPR時に実施する モバイルアプリ開発はWebアプリ開発と異なる点が多々あります。例えば、開発対象の面では端末の多様性、端末システム側設定・通信状態の多様さなど、リリースの面ではデプロイに対する制限や更新がユーザ依存であることなど、です。そのため、当たり前品質の底上げのために不具合の

大阪・ミナミの道頓堀川開削４００周年にあたる平成２７年６月の開業を目指していた「道頓堀プール」（全長８００メートル）が、全面開業を断念したことが７日、関係者への取材で分かった。地元商店主らが出資した準備会社が発足していたが、運営会社への移行が難航。来年８月の１カ月間、当初の１０分の１規模の約８０メートルで開業する。 橋下市長の“知恵袋”イチ押し、３０億円…１０分の１ミニサイズでも実現は困難？ プールは大阪府市特別顧問で内閣官房参与の堺屋太一氏が発案。道頓堀周辺にある商店主らが資本金１４００万円を出資し、昨年４月に「道頓堀プールサイドアベニュー設立準備株式会社」を設立していた。 建設費には約３０億円を見込み、費用が集まった段階で運営会社への移行を目指したが、運営を担う企業が見つからず、準備会社を中心に規模縮小して開業することを決めた。 （動画は SankeiNews＜トム・クルーズさん道頓堀

後編を公開しました（2014/10/8） これは、テスト駆動開発（TDD）とTDDがソフトウェア設計に与える影響についてKent Beck、David Heinemeier Hansson、および著者の3人で行った一連のディスカッションの議事録です。 ディスカッションに至った経緯 あるセンセーショナルな発言とブログ記事が発端となり、お互いの見解と経験について理解を深める目的で、話し合いが持たれました。 この会話のきっかけとなったのは、 DavidがRailsConfで行った基調演説です。 彼はRailsコミュニティでTDDおよびユニットテストへの不満を表明しました。 程なくして、彼はいくつかのブログ記事を公開しましたが、そのうちの最初の記事で “TDDは終わった” と宣言したのです。 それから2～3日後、Davidのその後の記事について私がタイプミスの修正を送ったところ、 Davidは彼の