ChromeのデベロッパーツールでJSをデバッグする方法(2022年版) - ICS MEDIA
JavaScriptのデバッグは、ウェブ開発の必須スキルのひとつです。プログラムの実行をデバッグすることで、現在の変数の値や、処理がどのように進んでいるのかを確認できます。デバッグによってプログラムが意図した動作になっているかの分析に役立てられます。 本記事ではGoogle Chromeブラウザーの「Chrome Developer Tools」（以下「デベロッパーツール」、「DevToolsデブ・ツールズ」という略称もあります）を使用してJavaScriptをデバッグする際の基本的な使い方を解説します。「今までデベロッパーツールを使ったことのない」という方でもこの記事を読めば理解できるよう、チュートリアル形式になっています。20分ほどで理解できるようまとめているので、順番に試しながら読み進めてください。 この記事で学べること デベロッパーツールの使い方 JavaScriptのブレークポイ
AutoML Visionをためしてみた - Qiita
やってみた系の日本語の記事が少なかった(まだベータ版だから?)のと、Qiitaにもあまりなかったので、記事にまとめておきます。 AutoML Visionの開始から学習、予測を行うまでの内容になります。実際にpythonからAPIを叩く編はまた次の記事で書きます。 最初の準備 適当なプロジェクト作成 AutoML側からプロジェクトにアクセスできるように権限周りを設定 Quick Startによると次のロールが必要 Cloud ML Engine 管理者(roles/ml.admin) ストレージ管理者(roles/storage.admin) Cloud Platform → 人工知能 → Vison を選択 プロジェクトを選択 詳しくは、公式のQuick Start DataSetsの作成 DataSetsの作成方法は以下の2つがあります。 ローカルから画像、zipを直接アップロード g
英語が本気で出来ない人がアメリカで過ごした2年間の記録｜灰色ハイジ
📢 デザイナーの英語帳という本が出版されました。この記事の内容も書き直してコラムとして掲載し、ここでは書けなかったアメリカでの就職活動の様子も書いています。もしご興味あればこちらもぜひよろしくお願いします。 灰色ハイジ 2020/05/22 ----- 結婚してアメリカと日本を行ったり来たりする生活を2年弱過ごし（この間で合計半年くらいの滞在期間になるだろうか）、サンフランシスコへと移住をしたのが2017年の後半。全部で合計すると2年ほどアメリカに住んでいることになる。 本気でHelloくらいしか言えなかった私が、今アメリカで働いているのが不思議に思うことが多々ある。時間が経ったら当初の気持ちを忘れてしまうかもしれないと思ったので、この2年どのように過ごしてきたのかまとめることにした。 尚、1年前に1年間の記録と題して書いて下書きに放置したままもう1年経ってしまったので多く加筆修正してこ
NTTCom社員は本当にラグビー部員におしかけられているのか？ - show log @yuyarin
TL;DR そんな事実は無いし、技術職も希望をちゃんと伝えればちゃんと配属されると思うので内定者・就活中の学生の皆様は安心してね。 この記事は何？ style.nikkei.com b.hatena.ne.jp この記事がはてなブックマークやTwitterのエンジニア界隈で大変な話題になっているけど、事実と違うことが書かれて炎上しているのが中のエンジニアとして大変悲しいですし、内定者や就活中の学生のみなさんが不安になってしまうと思ったので、ちゃんと解説するいわゆる火消し記事です。 この記事は勤務時間中に上司の許可や広報の許可を得ずに書いていますので、普通の会社なら怒られるかもしれませんが、うちの会社は多分大丈夫だと思います。 あくまで一社員とその周囲からの観測範囲をベースにして書いているので、見え方が違うこともあるかもしれませんが、そこはBGPの経路情報と同じでご容赦を。 炎上しているポイ
アラートループ家宅捜索（いわゆる「兵庫県警ブラクラ摘発」）事件に関する寄付の呼びかけ - 一般社団法人日本ハッカー協会
～IT技術の開発者と利用者の権利を守るために～ 下記発起人による寄稿 本件不起訴処分となりました アラートループ事件２件は2019年5月22日に兵庫地検により不起訴となりましたことをご報告いたします。不起訴理由は起訴猶予であり、検察は不正指令電磁的記録の容疑はあるとされたため、完全な勝利とは言えませんでしたが、支援をした2名が、これ以上不安な日々をおくらなくてよくなったことは喜ばしくあります。不起訴となりましたのは、支援していただいた方々、弁護士らの力によるところが大きく、支援した2名に代わり感謝を申し上げます。 詳細に関しては、今回担当した弁護士らの「起訴猶予処分を受けての声明」をご覧ください。 募集の終了 2019/3/26 12:15 現在までに553名の方々から合計6,934,471円（仮想通貨を含む）寄付を頂きました。本件では十分な金額となりましたので、開始から24時間を一区切り
「きちんと管理すれば企業は成長する」の迷信が企業を衰退させる〜ToMo指数の研究〜｜Yasuhiro Yoshizawa
事業が軌道に乗り、ここ２１ヶ月連続で、毎月売上記録を更新してきたベンチャーA社は、ついに念願の上場を迎えた。 ところがその直後、毎月の売上が急激に鈍化。役員たちは、上場初年度の売上予測の下方修正といった事態をなんとしても避けたいため、事業を担うマーケティング部長、営業部長たちに、こう檄を飛ばす。 「もっとしっかりと分析を行って、何を改善すべきかレポートにまとめてくれ。そして、速やかに改善計画を立て、実行してほしい」 今振り返れば、このときまでが、A社の繁栄のピーク。 この号令を境に、事業を担うメンバーたちは、「今月は、お客さんへのリーチを２０％回復させるためになんとかしなければ」「来訪したユーザが、うちのサイトで購入してくれる率を５％改善しよう」など、計画に基づいて打ち手を探るが、なぜか以前のようなインスピレーションも沸かなければ、ありきたりなアイデアばかりの繰り返しとなる。 一向に成長の
なぜコインハイブ「だけ」が標的に 警察の強引な捜査、受験前に検挙された少年が語る法の未整備への不満
サイト訪問者のPCを使ってWebブラウザ上で仮想通貨をマイニング（採掘）させる「Coinhive（コインハイブ）」を設置したことを巡り、複数の検挙者が出ている問題（通称：Coinhive事件）について、検挙当時未成年だった少年がねとらぼ編集部の取材に応じ、当時の状況や「Coinhive事件」の問題点について語りました。 コインハイブ事件の年表（coinhiveuser.github.ioより引用） 「Coinhive」とは Coinhiveとは、Web運営者がCoinhiveのコードをサイトに埋め込むことにより、アクセスした閲覧者に「Monero」という仮想通貨をマイニング（採掘）させて、報酬を受け取るサービス。運営者は採掘で得た利益の7割を受け取ることができるとあり、2017年10月ごろから日本でも話題を呼びました。 Coinhive側は、これまで多くのサイトが広告収入に頼ってサイト運営
英語ほぼ喋れないけど、1ヶ月で英文書くの上達したメモ - デザイナー脂肪
※英文の書き方だけです ※いまだに英会話はだめです 1年ぐらい日本の仕事しつつニートしようと思ってたのに、なぜか英語で海外の仕事を受注しています。 はたから見ると、かっこいい！……と思えるかもしれないけど、英語が全然できない自分に毎日泣いてる。本当に英語ができない。自分の気持ちをまったく伝えられないし、向こうが何伝えたいのか読めない。もういっそ彼氏作って英語覚えたいレベル。既婚子持ち…… わたし英語に力入れてた私立中学高校に通っていたはずなのに、このざまはなんだ？？６年間インターネットに夢中だったから授業何も覚えてな〜〜い！ 唯一覚えてるのはハキハキした英語教師が「出産はね、スッポーンて生まれたら超気持ちいいのよ！デトックスよ！」っていう雑談をしていたことぐらい。出産がデトックスっていうのは、まあわからなくはない。 だけど実際やってみると少しずつうまくなってきて、１ヶ月で成長したなー！と思
落合陽一が文學界の「落合古市対談」で伝えたかったこと｜落合陽一
【落合陽一は何をしたいか】まず僕は現状の日本の社会課題を憂い危機感を持って行動し，自分の持てる能力（例えばコンピュータを使った人の能力の技術的サポート）を使って社会に貢献しようと思っている研究者であり，起業家であります．そういった社会課題を議論する場を作ったり，工学的に貢献したり，メディアで発信することで多様な人にとって暮らしやすい社会を実現したいと考えています． 例えば下記のプロジェクトでは現状の問題について活発な議論を行ったりしておりました．その様子自体も書籍にまとめるなどして，なるべく日本の現状の課題について耳を傾け，理解し，テクノロジーを使ってその課題が少しでも解決するように行動することを目指しています． またそういった課題に対する具体的な実装として，今は介護用の車椅子のプロジェクトや耳の不自由に対する方々のプロジェクトなど様々なプロジェクトを行ってきました．人の能力を拡張する実装
底辺IT企業は『書けない』プログラマとどう向き合ってきたか - megamouthの葬列
新年から夢のない話で申し訳ないのだが、表題のとおりのテーマである。 note.mu という記事があって、むやみに長いので飛ばし飛ばし読んだ。 大意としては、世の中には「書けない」プログラマというのがいて（元エントリでは学生さんのようである。さもありなん）そういう人はどうやったって書けるようにならないんだから、諦めろ、という話のようである。 で、じっと手を見て、下請け底辺のIT企業にいる私たちは、このような人々をどうしてきたろうか、と考えると、「放ったらかし」にしたなあ、と思うのである。 最初のほうは優しく教えていたと思う。話したりハンズオンしている時に、あっこの子、変数のことわかってないな、と感じたら、ホワイトボードを持ち出してきて、例の"x"と書いた箱の絵に矢印を引いて、値が入っている図を書いて、「わかった？」「あ、はい」みたいなやり取りをして終わり、という程度の「教育」である。 だが、
勝たない自分たちに、価値はないのか | 東京大学
勝たない自分たちに、価値はないのか カーリング女子・吉田 知那美 選手 × 宇宙飛行士・野口 聡一 氏 © 2018 RCAST, UTokyo 勝たない自分たちに、価値はないのか 『アスリートと宇宙飛行士の当事者研究』 特別編 カーリング女子・吉田 知那美 選手 × 宇宙飛行士・野口 聡一 氏 「夢の舞台・オリンピックで手にした銅メダル。なのに、あまりそばに置いておきたくなかった」 平昌オリンピックカーリング女子銅メダリスト・吉田知那美選手は、そう話した。 「そだねー」が流行語になり、多くのメディアで笑顔を見せていたその時、彼女の心に何が起こっていたのか。 東京大学先端科学技術研究センター（先端研）・熊谷研究室では、アスリートが目指す“より速く、より高く、より強く”というパフォーマンスの向上と矛盾しない形で、そこに縛られて傷を負うのではない全人的なサポートを、当事者研究の視点から発信しよ
FREENANCE（フリーナンス） | フリーランスを、もっと自由に。
3つのプランからお選びいただけます フリーナンスでは会費無料の『フリー』に加え、レギュラー・プレミアムプランも用意しています。 3つの中から、あなたのニーズに適したプランをお選びください。 レギュラー・プレミアムプランはフリーナンスあんしん補償の適用範囲が広がるだけでなく、 「フリーナンス 決済リンク」利用時の手数料が低くなります。 また、プレミアムプランには、月額770円相当のバーチャルオフィス（ライトプラン）が付いてきます。
モバイルウェブのスピードアップに不可欠なのは 画像・JS・フォント の最適化 #ChromeDevSummit
[レベル: 中級] 昨日とおとといに続いて、今日も Chrome Dev Summit 2018 のセッションレポートをお届けします。 セッションのタイトルは “Speed Essentials: Key Techniques for Fast Websites” です。 昨日レポートしたセッションと同じようにモバイルウェブの高速化がテーマです。 しかし、こちらはより実践的な内容になっています。 パフォーマンス改善に非常に役立つテクニックが満載です。 パフォーマンス改善の優先対象は画像とJS、フォントの3つ モバイルウェブで 1 ページあたりデータ量が多いリソースは次の順番（HTTP Archive 調べ） 画像 (約 500 KB) JavaScript (約 380 KB) フォント (約 80 KB) この 3 つは Performance Budget（パフォーマンス バジェット）
NTTの株価総額が世界一だった時に、Microsoftに転職した理由
「6年勤めたNTTを退職しました」という記事が、注目を浴びているようですが、この筆者が NTT を辞めた理由が、私が３２年前（１９８６年）に NTT を辞めた理由とあまり変わらないのに、少々驚きました。 私が NTT を辞めた件に関しては、これまで色々なところで話しては来たのですが、まとまって文章にしたことがなかったので、これを機会に書くことにしました。普段ならメルマガ（週刊 Life is beautiful）の読者限定で書くところですが、今回だけは、出来るだけ多くの人に読んで欲しいので、ブログ記事として公開します。 当時、NTTは電電公社から民営化したばかりで、１９８５年に入社した私は、NTTとしては第１期生でした。大学は、早稲田の理工学部電子通信学科で、修士課程まで行きました（当時は、情報学科はまだ独立しておらず、電子通信学科がソフトウェアとハードウェアの両方をカバーしていました）。
光を超えるためのフロントエンドアーキテクチャ - Speaker Deck
HTML5 Conference 11/25
重要ではない CSS を link タグだけで非同期で読み込む方法 - FirstLayout
何もせずにスタイルシートを <link> で読み込む場合は、レンダリングをブロックしてしまいます。 また、rel="preload" を使えばレンダリングブロックは防げますが、他のリソースの読み込みからブラウザのリソースを奪うという代償が伴います。 そのため、可能な限り CSS のサイズを小さくし、<style> を使いインラインで CSS を読み込むのが一般的です。 ただ、どうしても CSS のサイズが大きくなる場合は、重要ではない CSS を非同期で読み込むといいかもしれません。<link> に 2 つの属性を付けるだけでスタイルシートを非同期で読み込めます。 <link rel="stylesheet" href="スタイルシートのパス" media="print" onload="this.media='all'" /> <link> に media="print" と onloa
CloudFrontで「Forward Cookies」を「All」にしている時に注意すべき点 | DevelopersIO
菅野です。 先日、CloudFront経由でウェブページにアクセスした時に常に「X-Cache: Miss from cloudfront」となるので調査したところ、CloudFrontの「Behavior」の「Forward Cookies」が「All」になっている事が原因でした。 今回はなぜ「All」だとキャッシュが使われなかったのか、CloudFrontにおけるcookieの注意点について書こうと思います。 webページを準備 EC2インスタンスを立ち上げ、apacheとphpをインストールします。 /var/www/html/index.phpを作成し、内容は以下にします。 GoogleAnalyticsもcookieを使うので検証の為に埋めました。 <?php setcookie( "cookie01", "value01" ); // setcookie( "cookie02"
AWS CloudFrontを導入してサイトの表示速度を上げるまで
前回、テスト環境下(check.vottechno.com)でのCDN導入は成功したものの、本サイト（voltechno.com）がルートドメインのためCNAMEレコードが使えない（CDNサーバーを経由させることが出来ない）という問題が発覚しました。 今回、AWSのRoute53を使うことで本サイトの環境下でもCloudFrontを導入できたので、その方法についてまとめました。 AWS Route53を使えばネイキッドドメインでもCloudFrontを使える 前回、本サイトがルートドメインであるためCNAMEレコードを使えずCloudfrontの導入を中止しました。 それでもなんとかページの表示速度を高速化したかったので、CloudFrontでネイキッドドメインを使用する方法がないか調べていたところ、Route53を使うことで解決できることが分かりました。 Route53とはAmazon
colorboxをスワイプ対応にする - 新しい日記
lightbox系プラグインで有名なcolorboxですが、スワイプなどのタッチ操作に対応してない。 colorboxはインライン要素などを表示できたりと機能豊富なのがいいんですが、他によさげなプラグインがなかったので、タッチ操作に対応させる手段として、jQuery.event.swipeを使うことにしました。 colorbox Colorbox - a jQuery lightbox jQuery.event.swipe jQuery.event.swipe HTML <a class="thumb" href="#inline-contents"><img src="img/xxx.jpg" alt=""></a><!-- サムネリンク --> <div class="contents" id="inline_contents"> <h1>inline contens</h1> <p>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
みらい翻訳｜AI自動翻訳サービス・機械翻訳
