良いものを書きたいので指摘などは大歓迎です。 その際はコメントや編集リクエストをいただければ修正します。 大きな変更が加わるときは通知すると思います。 はじめに これまでのフロントエンドの開発には多くの問題や面倒ごとを抱えています。 その解決手段としてよくビルドツールやaltJSといったワードを目にしますが，これらがどういった目的で利用されているのかについて触れながら進めていきます。 主にパッケージ管理やビルドツールを初めて見る人向けになっているので全編通すとそれなりに長いです。 動かすまでが長めになっていますが理解してしまえば本当に必要な手順はさほど多くありません。 実際に開発を始めるために必要な準備はせいぜい1~2つのファイルを記述してコマンドを数回叩く程度なので，過度な抵抗感を持たずに読んでいただけたらなと思います。 登場するツールや技術は多くの問題を解決してくれますが，これらは飽く

JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～JavaScriptjQuery ※2017/4/21にオンロード時のデバッグ方法8を追記しました！ こんにちは！エイチーム引越し侍の加藤です！ みなさんJavaScript書いてますか？ console.logめっちゃ使うよねーって人は目からうろこのデバッグ方法を、 ケース毎に紹介していこうと思います。(僕はconsole.log使いません) サーバーにデバッグ用のコードをアップロードすること無いので、 消さずに意図に反してリリースしてしまう危険性がないのもお勧めです。 前提知識 F12で出てくるデベロッパーツール(Elements, Console, Source, Network)の知識 Ctrl+Shift+Fで外部ソース(js,css)に対して一括検索が

さて・・・TVの人気番組から匿名での出演依頼が来ました。 私自身も大好きな番組だったので、 こんな「クソ豚野郎」に声をかけて頂けて 本当に光栄に思っています。 ブヒブヒ・・・・ あはっ・・・・あはは・・・・ ・・・・ただ、まだ決定（私の意思も含めて）ではなく、 「企画が無くなる可能性」もあるし 出演してもらうにとしても「何ヶ月も後」になるんだそうです。 全然どうなるか、 どうするか、 わかんないんですけど、 とにかく（色んな人にブログ見てもらえてるんだなぁ・・・） と嬉しく思っています。 ・・・・これはまた話が固まってから 改めてお話します。（たぶん） エヘ。 ここからは私のタダの愚痴です。 いや・・・もうほんとになんでもない ただの愚痴なんですが・・・・。 えーこのブログを書き始めてから、 早いもので４ヶ月になります。 色んな方がツイッターなどで 「このブログおもしろいぜ！」 って言って

安倍総理大臣の夫人の昭恵氏は、２２日の国会での証人喚問を受けて、フェイスブックにコメントし、寄付金を渡したなどとする籠池理事長の証言を否定しました。 また、昭恵氏は、籠池氏が、昭恵氏と２人きりになった際に１００万円の寄付金を受け取ったと証言したことについて「籠池さんは、平成２７年９月５日に塚本幼稚園を訪問した際、私が、秘書に『席を外すように言った』とおっしゃいました。しかしながら、私は、講演などの際に、秘書に席を外してほしいというようなことは言いませんし、そのようなことは行いません。この日も、そのようなことを行っていない旨、秘書２名にも確認しました。 さらに、『講演の控室として利用していた園長室』とのお話がありましたが、その控室は『玉座の間』であったと思います。内装がとても特徴的でしたので、控室としてこの部屋を利用させていただいたことは、秘書も記憶しており、事実と異なります」と述べています

安全保障関連法の国会審議で防衛省作成とされる資料が取り上げられたことを巡り、秘密を漏らしたとして自衛隊法違反の疑いで捜査を受けるなどし、精神的苦痛を受けたとして、防衛省情報本部の大貫修平３等陸佐（４２）が１７日、国を相手取り慰謝料５００万円の支払いを求める訴えをさいたま地裁に起こした。 訴状などによると、２０１４年１２月に訪米して米軍幹部と会談した自衛隊トップが、安保法制の整備を「来年夏までには終了する」と明言したとの資料が、１５年９月の国…

森友学園の籠池理事長が、東京都内の我が家を突如訪れたのは、3月15日。 当日私は大阪で、塚本幼稚園を自主的あるいは強制的に退園した保護者たちが行う、大阪府への申入れと記者会見を取材していた。 外国特派員協会での記者会見がキャンセルになったことを前日夜に知った瞬間、「じゃあ、空いた時間、僕にください」と打診したところ、籠池氏はすぐに「じゃ、自宅で」と応諾してくれた。 しかしこの「自宅」の認識が違っていた。私は「大阪府豊中市の籠池氏の自宅でのインタビュー」と認識していたが、籠池氏は「東京の菅野の自宅でインタビュー」と認識していたのだ。 「なんや、菅野さん、大阪におるんか」との電話を受けたのが、11時過ぎ。仕方ない、大阪での取材を切り上げて東京に戻るしかない。 急遽羽田に戻って、タクシーで自宅まで飛ぶようにして帰って驚いた。メディアが殺到しており私自身が自分のマンションには入れない。これは異常だ

南スーダンで大規模な武力衝突が起きた際のＰＫＯ部隊の「日報」について、防衛省は、陸上自衛隊が破棄し、その後、別の部署で見つかったと説明していますが、実際には陸上自衛隊が日報のデータを一貫して保管していたことが複数の防衛省幹部への取材でわかりました。さらに、これまでの説明と矛盾するとして一切公表されなかったうえ、先月になってデータを消去するよう、指示が出されたと幹部は証言しています。 その後、再調査が行われ、防衛省は、陸海空の各自衛隊でつくる統合幕僚監部に保管されていたことがわかったと先月７日に発表しましたが、その一方で、陸上自衛隊には存在しないと説明しています。 ところが、実際には、陸上自衛隊が日報の電子データを一貫して保管していたことが複数の防衛省幹部への取材でわかりました。それによりますと、陸上自衛隊に電子データがあることがわかったのはことし１月中旬で、部隊を指揮する司令部の複数のコン

籠池の代わりに菅野完が会見、マスコミが中継を打ち切った爆弾発言の中身！ 財務省の工作、稲田の父親、在特会… またも森友学園に関して、爆弾発言が飛び出した。本日、日本外国特派員協会による記者会見をキャンセルした籠池泰典理事長だったが、著述家である菅野完氏に会うために上京。自宅の前に詰めかけた報道陣に対し、本日14時半すぎ、菅野氏が理事長に代わって会見のキャンセル理由などを語ったが、そのなかには疑惑の鍵を握る重大な内容が含まれていた。 まず、菅野氏は「理事長は僕にだけ話したいと言っている」とし、籠池理事長の記者会見キャンセルの理由を「僕の口からは言えないが、いろんな事情がある。ご想像の事情もある」「会見は延期ではなく中止というふうに考えたほうがいい」と発言、籠池理事長の会見出席に何らかの圧力がかかっていることを示唆した。 さらに、菅野氏は「（籠池理事長から記者の質問に答えるための）交換条件をい

最高16.7メートルの津波が銀座の真ん中に来ていたら、ちょうどこの高さ――ヤフー・ジャパンが、銀座ソニービルの壁面に掲出した広告がネット上で注目を集めています。 2011年3月11日に発生した東日本大震災では、最大16.7メートルの津波が東北地方の太平洋沿岸を襲い、甚大な被害をもたらしました。この広告が掲出されている銀座ソニービルの高さは地上31メートルなので、津波はそのちょうど真ん中あたりまで届くことになります。数字ではイメージが難しいものの、ビルを利用し津波の高さを分かりやすく示すことで3.11の津波の様子を伝えています。 すさまじい高さの津波だったことが分かります ヤフー・ジャパンのサービス内容には全く触れておらず、「災害はいつかまた、たぶん、いや確実に起きてしまうだろう」「この高さを知っているだけで、とれる行動は変わる」「あの日を忘れない。それが、一番の防災」と、あくまでも防災意識

2017/02/03 JaSST’17 Tokyo

人間の目は焦点を合わせる部分がはっきり見え、周辺部分はぼやけて見えるように作られていますが、同じシステムを3Dプリンターで出力した極小レンズを組み合わせて作ることに、ドイツの研究者が成功しています。 3D-printed eagle eye: Compound microlens system for foveated imaging | Science Advances http://advances.sciencemag.org/content/3/2/e1602655 シュツットガルト大学のSimon Thiele氏らの研究チームが開発した、3Dプリンターで作った極小のレンズを組み合せて人間のような画像処理をするシステム「Compound microlens system」の仕組みは、以下のムービーを見ればよくわかります。 Eagle-eyed lenses - YouTube これ

ここから、DevとOpsが協力すればより効率的になる＝DevOps、という言葉が生まれました。 当時は大企業においてはDevとOpsが分かれていることが当たり前だったのです。そして、大企業における当たり前が、当たり前ではないことに気付き始め、DevOpsを実現するためのツールができ始めたころでもあります。 ではなぜ、大企業ではDevとOpsが分かれているのが当たり前だったのでしょうか？ ハードウェアの時代その昔、産業の主役はハードウェアでした。 そのため、多くの企業はハードウェアを作ることに対して最適化が行われました。 ハードウェアには研究開発、製造、運用サポートといった大きな区分けが存在します。そして、それぞれの仕事において要求する人材レベルは異なります。 加えて、大量生産された製品の運用サポート（設置作業員、サポートセンタ）には、大量の人員が必要になってきます。 したがって、組織を研究

東京電力は２日、メルトダウン（炉心溶融）した福島第一原発２号機の原子炉格納容器内の放射線量が、推定で最大毎時５３０シーベルトに達すると明らかにした。運転中の圧力容器内部に匹敵する線量で、人が近くにとどまれば１分足らずで死に至る。また、圧力容器直下の作業用の足場には１メートル四方の穴が開いていることも判明した。溶けた核燃料（デブリ）が落下し、足場を溶かした可能性もあるという。 東電は１月下旬から、圧力容器の直下を遠隔カメラで調査している。放射線による画像の乱れから線量を評価したところ、格納容器内の一部で最大で毎時５３０シーベルトに達すると推定された。東電は「線量を直接計測したわけではなく誤差もある」としながらも、溶け落ちた核燃料が飛び散り、格納容器内で強い放射線を出している可能性があるとみている。 東電は今月にも調査ロボット「サソリ」を投入し、格納容器内の各部の線量を測って核燃料の広がりなど

楽器教室からの著作権料を徴収する方針を示した日本音楽著作権協会（JASRAC）。SNSでは多数の反発意見が挙がる中（関連記事）、とあるウワサが広がりをみせています。それは“「4分33秒沈黙すると」著作権料が発生する”というもの。 度々話題になる名曲（迷曲？） このウワサは、ジョン・ケージという前衛音楽家が作曲した「4分33秒」という楽曲に由来するもの。「4分33秒」は“演奏者が一切演奏せず4分33秒を無音のまま終わらせる”というあまりにも前衛的な楽曲で、これまでにもこの楽曲を演奏するアプリが登場したり（関連記事）、なぜかデスメタルカバーされたり（関連記事）と、ネット上でも度々ネタにされている楽曲です。もちろんJASRACのデータベース「J-WID」にも掲載中。 「J-WID」にも掲載 これまでも散々ネタにされてきた「4分33秒」ですが、今回の騒動を背景にネット上では「4分33秒黙るとジャス

今回はその続きとして、「実際に保育士という職業はどのような職業なんだろう？」「仕事内容に比べて、社会的地位が低いとされているのはなぜなんだろう？」と感じたため、許可をいただき、保育士を体験させてもらうことになりました。 というのも、世間では、待機児童問題の1つの原因として、保育士が足りない足りないと言われています。 その理由はお給料の低さ（全産業平均年収約489万円に対して保育士は約323万円*1）であったり、また職場の人間関係で悩む先生が多かったりして、長く続けにくい職業であると言われています。 実際に、潜在保育士という、保育士資格を持っていても保育園などで働いていない人の数は、厚生労働省によると2015年10月時点で約76万人と言われています*2。 そこで私は思いました。 「本当に保育士という仕事はそんなに大変なのか？」 「ぶっちゃけ仕事に見合う適正な給料はどれくらいと考えられそうか？

【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・

Angular、Reactと並んで海外で人気が高まっている「Vue.js」。ReactとAngularの開発経験がある著者がVue.jsをチュートリアルを通じて特徴をまとめました。2017年、新しく学び始めるきっかけにどうぞ。 2016年9月、人気のJavaScriptフレームワークVue.jsがv2をリリースしました。それ以来ぜひ使ってみたい、どのようなものか知りたいと思っていました。AngularとReactを使い慣れた者の1人としては、Vueが似ているところや違うところも知りたかったのです。 Vue.js 2.0はすばらしいパフォーマンスを誇ります。データサイズが比較的小さく（バンドルされるVueのランタイム版は一度最小化してgzip圧縮したら16KBしかありません）、Vueのvuexや、vue-routerのような付属の状態管理ライブラリーもアップデートされました。1つの記事ではと

営業やマネージャーにとって、現場にいるプログラマというのは扱いづらい存在である。 飲み会などで、普段の彼らを観察してみると。同じエンジニア同士で固まってボソボソとよくわからない話をして、控えめな声で笑っており、総じて温厚で、扱いやすそうな人々に見える。 ところが、仕事になると、彼らはなんやかんのと理由をつけて、スケジュールに文句を言い、プロジェクト途中のリクエストには素直に答えてくれず、あげくには遠回しな嫌味を言ってきたり、極端な場合には、その温厚な仮面を投げ捨てて、攻撃的な暴言さえ吐く事がある。 どうも彼らは我々の事が嫌いらしい、と感じている営業・マネジメント職の人もいるのではないだろうか？ 彼らの人格や価値観に問題がある可能性も否定しないが、このような感情的な齟齬は、多くの場合、あなた自身が彼らの「自尊心」を傷つけていることに気づいていないことが多い。 プログラマの自尊心 プログラミン

入力前に下記の「個人情報の取り扱いに関して」をお読みいただき、記載されている内容に関して同意していただく必要があります。同意していただけない場合には、弊社が提供するサービスをご利用いただけない場合があります。（同意していただけない場合には、当フォームへの入力ができません。） 「個人情報の取り扱いに関して」をよくお読みいただき、同意していただける場合は下の［同意する］を チェックして、入力フォームの画面へ進んでください。 「個人情報の保護に関する法律」、およびJISQ15001（個人情報保護マネジメントシステム要求事項）に基づき、以下の事項を公表いたします。 なお、特段の説明がない限り、本記述における個人情報には「行政手続きにおける特定の個人を識別するための番号の利用等に関する法律」が定める個人番号及び特定個人情報を含みます。