JavaScriptのイベントの仕組みが一発で理解できるウェブアプリ「Explore DOM Events」レビュー
JavaScriptには、特定の動作が発生した際にそれに応じてコードを実行する「イベント」という仕組みが存在しています。そのイベントがDOM内でどのように伝わるのかについて、「Explore DOM Events」というウェブアプリがイベントのオプションに応じて視覚的に表示してくれるとのことなので、実際に使って分かりやすさを確かめてみました。 Explore DOM Events https://domevents.dev/ ページにアクセスすると、「親(PARENT)」「子(CHILD)」「孫(GRANDCHILD)」というDOMの親子関係が表示されており、そのうち1つめの孫(オレンジ)がイベントのターゲットに設定されていることが分かります。このまま「Dispatch」をクリックしてみると…… イベントが伝わっていく様子がアニメーションで表示されました。まだ何もイベントリスナーを追加して
コマンド一発でウェブサイトのアクセスログをターミナルやウェブブラウザで可視化できる「GoAccess」レビュー
ウェブサイトのアクセス数や訪問者の属性を分析するために「Google Analytics」を使っている人は多いはず。無料のオープンソースソフトウェア「GoAccess」を使うと、トラッキングコードをウェブサイトに埋め込むことなく、リアルタイムにアクセス状況をターミナルやブラウザ上で可視化することができます。 GoAccess - Visual Web Log Analyzer https://goaccess.io/ 今回はUbuntu 18.04上にGoAccessをインストールしてみます。最新版をインストールするには下記コマンドを実行すればOK。 echo "deb http://deb.goaccess.io/ $(lsb_release -cs) main" | sudo tee -a /etc/apt/sources.list.d/goaccess.list wget -O -
めちゃくちゃ精度が高いと話題の機械翻訳「DeepL翻訳」に日本語の翻訳機能が登場したので実際に使ってみた
近年ではオンラインの翻訳サービスに機械学習が用いられるようになり、以前よりも格段に翻訳の精度が向上しています。2017年8月にサービスが開始された機械学習を用いたオンライン翻訳サービスの「DeepL翻訳」が、日本語と中国語の翻訳に新しく対応したとのことで、実際に日本語での翻訳機能を試してみました。 DeepL翻訳 https://www.deepl.com/translator DeepL翻訳が日本語と中国語を習得 https://www.deepl.com/blog/20200319.html DeepL Translator gets support for Japanese and Chinese languages - gHacks Tech News https://www.ghacks.net/2020/03/19/deepl-translator-gets-support-f
ブラウザ上の英文からサクサク英単語の意味をチェックできる「Mouse Dictionary」を使ってみた
フリーゲームの開発などを行うソフトウェア開発者のTetsu(@wtetsu)さんが、ブラウザ上の英単語にマウスカーソルを合わせるだけで英単語の意味を参照することができる「Mouse Dictionary」というChrome拡張機能を公開しました。ブラウザ上でよく英文を読む人にオススメの拡張機能になっているとのことで、早速使ってみました。 Chrome拡張の高速な英語辞書ツールをつくりました https://qiita.com/wtetsu/items/c43232c6c44918e977c9 Chrome拡張として、便利すぎる高速な英語辞書を作ったのでよかったら使ってね。https://t.co/fjtzmoOY4r pic.twitter.com/96Tee1sPZm— Tetsu (@wtetsu) 2018年9月4日 「Mouse Dictionary」をインストールするためには、C
iPhoneのBluetoothをオンにしているだけで付近の人に電話番号が漏れてしまうことが判明
by 贝莉儿 NG セキュリティサービス会社であるHexwayに所属するDmitry Chastuhin氏は自社ブログへの投稿で、「iPhoneでBluetoothをオンにしていると電話番号が付近の人に漏れてしまう」という不具合が見つかったと発表しました。 GitHub - hexway/apple_bleee: Apple BLE research https://github.com/hexway/apple_bleee Apple bleee. Everyone knows What Happens on Your iPhone – hexway https://hexway.io/blog/apple-bleee/ iPhone Bluetooth traffic leaks phone numbers -- in certain scenarios | ZDNet https:/
匿名でブラウジングできる「Tor Browser」のAndroid版を使ってみた
匿名のネットワーク技術「Tor」を使用したAndroid向けブラウザがリリースされました。暗号化され、ログを残さないリレーサーバーをいくつも経由して通信を行う「Tor Browser」を使用すれば、スマートフォンでも匿名で安全性の高いブラウジングが可能です。 New Release: Tor Browser 8.5 | Tor Blog https://blog.torproject.org/new-release-tor-browser-85 Tor Browser - Google Play のアプリ https://play.google.com/store/apps/details?id=org.torproject.torbrowser ◆インストール 上記URLにアクセスして「インストール」をタップします。端末は「Pixel 3a XL」を使用しました。 インストールが完了した
並行開発に襲われたサブバー村をGitで救うRPG「ギットクエスト」をプレイ
Linuxのソースコードを管理するために開発された分散型バージョン管理システムの1つである「Git」を取り入れたブラウザ向けRPG「ギットクエスト」が登場しました。Git×RPGというぶっ飛んだコラボレーションがどのようなゲーム内容になっているのか気になったので、実際にプレイしてみました。 ギットクエスト http://unit8.net/gq/ 上記URLを開いたら「ニューゲーム」をクリック、もしくはカーソルを合わせてEnterキーを押します。 「サブバー村は、並行開発によって壊滅寸前であった…」 主人公は赤枠で囲われている男性キャラクターです。 右クリックするとメニューが展開されました。主人公はプログラマのわかもの。 「Gitコマンド」を技として使うようですが、レベルが1しかないためか、まだコマンドを習得していません。 わかものは「リーヌスの剣」「ヘネペタの盾」「リファクタリングの帽子
バージョン管理システム「Git」の使い方はどのように教えるのが良いのか？
GitはLinuxの生みの親であるリーナス・トーバルズによって開発されたバージョン管理のツールで、数々のバージョン管理システムのなかで最も有名なものとなっています。しかし、Gitの考え方の中には初めて利用するという人にとっては分かりにくいものも存在します。エンジニアのレイチェル・M・カルメナさんが、Gitの基本的な概念について図を用いてまとめています。 How to teach Git | Rachel M. Carmena https://rachelcarmena.github.io/2018/12/12/how-to-teach-git.html カルメナさんが解説を書こうと思ったのはGitを使い始めた同僚のモニターに下の画像のようなポストイットが貼られていたことがきっかけだそうです。ポストイットには「add」「commit」「push」のコマンドが書かれていますが、その同僚は3つの
難しい設定なしでWindows・Mac・Linux・Android・iOS同士をVPNで接続できる「ZeroTier」
仮想的にプライベートネットワークを構築してデータを直接的にやりとりするVirtual Private Network(VPN)は非常に便利ですが、仮想ネットワークの構築作業に知識が必要で、作業自体も複雑という欠点があります。しかし、オープンソースソフトの「ZeroTier」を使えば、そんなVPNの構築作業をほとんど行うことなく、ネットワーク情報を指定するだけで、WindowsはもちろんMac、Linux、Androidなどの端末同士を暗号化された状態で簡単にVPNで接続できるとのことなので、さっそくWindows端末とAndroid端末を使ってVPN接続を試してみました。 ZeroTier | Software Defined Networking https://www.zerotier.com/ 上記公式サイトの「Try for Free」をクリック。 ZeroTierの使い方に移動す
無料で開いたタブのメモリ消費量が確認できるFirefoxアドオン「Tab Data (+Memory usage)」
どのタブがメモリをどれだけ消費しているか一目で分かる無料のFirefoxアドオンが「Tab Data (+Memory usage)」です。メモリ消費量上位5位までのタブの表示や、不要になったメモリ領域を解放するガベージコレクションを実行する機能も付いています。 Tab Data (+Memory usage) https://addons.mozilla.org/ja/firefox/addon/tab-data/ 上記サイトの「＋ Add to Firefox」をクリック。 「今すぐインストール」をクリック。 「Tab Data がインストールされました。」と表示されたらインストールの完了です。 Firefoxのタブにメモリ消費量が表示されます。なお、20MB以上のメモリ消費量のタブは赤色で表示されます。 開いているタブの中で、メモリを多く消費しているタブを確認する場合、ブラウザ右上の
アルゴリズムとプログラミングをビジュアルで一挙に理解できる「VisuAlgo」
アルゴリズムを理解するのにビジュアル化することは非常に有効で、プログラムをビジュアル化することで理解が進むのもまた同じ。そこで、アルゴリズム・プログラミングの理解が進むようにと、アルゴリズムを記述したプログラムコードを一挙にビジュアル化することで、アルゴリズム＆プログラミングを同時に学習できる一挙両得なサービス「VisuAlgo」が公開されています。 VisuAlgo - visualising data structures and algorithms through animation https://visualgo.net/en 上記のVisuAlgoサイトで試しにソートアルゴリズムの基本プログラム「バブルソート」をビジュアル化してみます。「Sorting」の「bubble」をクリック。 検索窓の下に「bubble」と表示されたのを確認したら「Sorting」の画像をクリック。
ほぼ無限にトマトを増殖させていく方法
By Nina Matthews Photography ガーデニングの中でも最もポピュラーな植物の1つがトマトですが、新しく苗や種を購入しなくともお気に入りのトマトをほぼ無限に増殖させることができる方法をArs Technica上でJacqui Chengさんがまとめています。 How to create near-infinite clones of your favorite tomato (or any) plant | Ars Technica http://arstechnica.com/science/2013/04/how-to-create-near-infinite-clones-of-your-favorite-tomato-or-any-plant/ まず用意したのは生後2週間のトマトの苗木。赤ちゃんなので成長したトマトよりも丁寧に扱います。なぜ赤ちゃんの苗木を使っ
ユーザー登録の面倒くさいフォーム入力の苦痛を激減させる画期的アイデア「ダイアログフォーム」
登録フォームと言えば通常は必要事項を一方的に入力していくものですが、キャラクターとの会話形式にして、まるでチャットを行っているように情報を入力できるのが「ダイアログフォーム」です。人とチャットしているときはタイピングが苦じゃない、というアイデアを元に作られた登録フォームで、コードのダウンロードも無料で行えます。 ダイアログフォーム - jsdo.it - Share JavaScript, HTML5 and CSS http://jsdo.it/watilde/form 実際にどんな感じでフォームが表示されるのか試してみます。まずはページ右側にある再生ボタンをクリック。 すると、「会員登録ふぉーむ」という文字の下で自動的にWindows Azure 公認キャラクタークラウディア・窓辺が会話を始めます。 「ユーザーIDを入力してください」とクラウディアに言われるので、フォームに自分のIDを
「2年前に製造されたRAID機器は要注意」データ復旧業者に聞く2013年のRAID機器障害予測
2013年に起こりうるRAID・サーバ機の障害傾向予測をデータ復旧専門の「日本データテクノロジー」に聞いてきました。どのRAID構成が壊れやすく、どんなRAID構成を組めば、データ復旧がしやすいかなど、いろいろとインタビューし、実際にデータ復旧をしている社内も見学してきました。 詳細は以下から。 データ復旧.comはデータの復元実績No.1|日本データテクノロジー http://www.ino-inc.com/ ◆インタビュー GIGAZINE(以下、G)： それではまず、日本データテクノロジーさんとは、どのような会社で、どのような実績があるのか教えて下さい。 復旧部門 技術開発部門 総責任者 西原世栄さん(以下、西原)： 私たちは、壊れてしまったHDDからデータを復旧させるサービスを提供しています。官公庁・上場企業様がメインのお客様ではありますが、「絶対にデータを復旧したい」と希望される
月額1GBあたり1円以下で上限無制限に利用可能なオンラインストレージ「Amazon Glacier」
By Bank of England オンラインストレージというと基本料金で使える容量は決まっていて、それ以上の容量については追加不可能か、追加料金が必要になるというサービスが多い中、Amazonが1GBあたりの料金が月額0.01ドル(約0.8円)で、データ量自体は無制限に利用可能なストレージ「Amazon Glacier」をリリースしました。 Amazon Glacier http://aws.amazon.com/jp/glacier/ 【AWS発表】 Glacier – 1GBあたり月額約1円で利用可能なアーカイブストレージが登場 - Amazon Web Services ブログ 手元にファイルを保管しておこうと思うとHDDやSSD、Blu-rayやDVDといった記憶媒体を保存したい容量分だけ用意しておき、足りなくなったら買ってこなければいけませんが、Amazon Glacierは
さまざまな文書をPDFファイルへ変換、ページ移動や追加などの編集もできるフリーソフト「PDF24 PDF Creator」
PDFファイルの作成と結合・分割、ページの移動・追加・削除、PDFからPDFへのページ追加、PDFにある情報の変更、パスワード追加、スクリーンショットのPDF化など、さまざまなことができるフリーソフトが「PDF24 PDF Creator」です。PDF形式への保存だけでなく、PDF/X、PDF/A、PS、EPS、PCL、PNG、JPEG、BMP、PCX、TIFF、PSD形式にして保存もでき、Windows XP/Vista/7に対応しています。 ダウンロード＆インストール、PDF形式などへの変換、スクリーンショットのPDF化、PDFの編集については以下から。 Download of 100% Free PDF Creator http://en.pdf24.org/pdf-creator-download.html ◆ダウンロード＆インストール 上記サイトの個人用である「PDF24 Cre
USBメモリでHTTP/FTP/DHCPサーバなどを高速に動かすフリーソフト「Serva」
インストールやレジストリーの変更なしで、USBメモリからでも簡単に起動でき、HTTP/FTP/TFTP/DHCP/DNS/SNTP/SYSLOGサーバとして使用できるソフトが「Serva」です。一時的に特定のサーバの機能を利用したい場合などに手軽に使えます。 各設定画面、ダウンロード＆設定方法については以下から。 Serva_Non-Supporter_64_v2.0.0 http://www.vercot.com/~serva/download.html ◆各設定画面 実際に設定できる項目は以下から確認できます。 HTTP FTP TFTP DHCP DNS SNTP SYSLOG ◆ダウンロード＆設定方法 公式サイトにアクセスし、Windowsの64bit版で使用するので「Serva_Non-Supporter_64_v2.0.0」をクリック。 ダウンロードしたZIPファイルをExpl
GIGAZINEで使っているWebサーバ「PowerEdge T310」障害の一部始終
GIGAZINEの中核になるWebサーバ PowerEdge T310がここ最近頻繁にKernel Panicを起こし、サーバダウンする事態が発生、複数台構成なので閲覧しているGIGAZINE読者には何も影響がないのですが、内部的にこのまま放置することもできず、DELLのメーカーサポートに問い合わせなどを行うもののなかなか原因が特定できず、謎の現象となっていたものの、ようやくその原因が特定され、やっとこさなんとか回復しました。 同様のことで悩んでいる場合には問題特定のために役立つかもしれない、意外に悪戦苦闘した一部始終の記録は以下から。 ・2011年5月16日 GIGAZINEの3台存在するWebサーバのうち1台がが停止しているのを発見。画面上では「Kernel Panic」の文字が出て、動作不能状態に陥っていたため、強制的に再起動を行うことに。 コンソールに表示された「Kernel Pa
毎日リンゴを食べるとコレステロールが下がり、リンゴで上乗せされた分のエネルギーで太ることもない
「一日一個のリンゴは医者を遠ざける」ということわざは聞いたことがあるのではないでしょうか？ビタミンや食物繊維が豊富なフルーツ類は毎日積極的に摂取するようにしたいものですが、数あるフルーツの中でなぜ特にリンゴが名指しで推奨されているのか、ことわざの裏付けとなるような健康効果が明らかになっています。 アメリカで45歳以上の女性160名を対象として行われた実験で、毎日リンゴを食べるとLDL（いわゆる「悪玉コレステロール」）が減りHDL（いわゆる「善玉」）が増え、しかも、普段の食生活にリンゴを足した分だけ上乗せされた摂取エネルギーによって体重が増えることはないという結果が出たそうです。 詳細は以下から。Apple a Day Advice Rooted in Science（PDF） フロリダ州立大学の栄養学・運動科学科のBahram H. Arjmandi博士らによる今回の研究は、更年期以降の女
Facebook最新の自社サーバとデータセンターの写真や仕様が満載、高度なサーバ効率化技術を公開する「Open Compute Project」開始
Facebookが独自に研究して培ってきたデータセンターやサーバ運用の最新テクノロジーの詳細な画像や仕様のドキュメントなどが満載の「Open Compute Project」がオープンしました。できるだけ低いコストで最も効率的なインフラストラクチャーを構築するためにソフトウェア・サーバ・データセンターを最初から最後まで独自に設計して構築するという手法を採用しています。 他のデータセンターよりも電力使用量は38％も効率化されており、コストは24％削減、変圧器損失についても今までは11～17％の損失だったものをわずか2％に抑えて効率化、しかも冷却のためのエアコンを廃止し、外気を取り入れて空調の配管なしで冷やすという方式。さらにサーバ用のシャーシも独自の設計となっており、CADファイルもダウンロード可能で、使用しているAMDとIntelのマザーボードなども仕様付きで公開、使用しているラックなども
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
