はてなブックマーク

Eyes, JAPAN Blog 1997年からほぼ毎日更新！会津大学発のベンチャー企業、株式会社Eyes, JAPANによるBlog。 コンピュータ、ネットワーク、Hi-Tech Gadget、魔法の様な技術などのGeekなネタから会津のローカルネタまで。 僕とCSS Animation 最近CSS Animationに入門しています。僕は普段セキュリティに興味があり、大学でチームを組んでCTFに参加したり、大学院の研究対象にはマルウェアを選択しています。 そんな僕がなぜCSS Animationに入門したのかというと、きっかけはCSS Animationの個人サイトを運営している@yui540さんという方の作品を見たことでした。 youtubeでCSS Animationを使った演出講座（ https://www.youtube.com/watch?v=wFJ8WB4G4KM ）をやら

Eyes, JAPAN Blog 1997年からほぼ毎日更新！会津大学発のベンチャー企業、株式会社Eyes, JAPANによるBlog。 コンピュータ、ネットワーク、Hi-Tech Gadget、魔法の様な技術などのGeekなネタから会津のローカルネタまで。 無料で利用できていたGoogle Maps APIの料金が変わる？ Webページに地図を載せたいという要件があるとき、有力な解決策の一つにGoogle Maps APIがあります。 Googleマップの機能を一般の開発者にも提供するGoogle Maps APIは、地図表示の方法として定石となっており、同じく提供されている経路検索やジオコーディングといった地理情報を扱うサービスと共に多くのシステムに幅広く採用されてきました。 そんなGoogle Maps APIですが、この度ライセンス方式の再編による料金体系の変更が発表されています。

こんにちは。暑くなってきましたね。 今日はshodanというサービスについて書きたいと思います。 今回、書く記事は決して攻撃を促すための記事ではありません。 自己防衛のためです。 運営しているサイト、家庭用ルーター、IoTなどこれらが攻撃者のターゲットになっていないかなど確認するために利用します。 shodanとは このサービスは、世界中のサーバー上で動いてるサービスやIoTを検索することができるサービスです。 https://www.shodan.io/ 例えば、 WannaCryptが利用する脆弱性のSMBプロトコルが利用可能か IoTやルーターのオープンリゾルバチェック wordpressのバージョン 認証なしでデータベースアクセス フリーアクセスwebカメラ デフォルトパスワード設定サーバー IPTVなどのネット受信TVのサービス そのほか任意の文字列を検索することができ もはや今

マテリアルデザイン、Human Interface Guidelines はご存知でしょうか？それぞれGoogle、Apple が提唱しているデザインガイドラインです。 実はMicrosoftにもデザインガイドラインがあるのですが、どういうデザインガイドラインなのかわかる方は少ないのではないでしょうか。 今回は、GoogleとAppleとMicrosoftのデザインガイドラインの概要についてお伝えしようと思います。 Google : マテリアルデザイン Introduction – Material design – Material design guidelines マテリアル – 日本語 マテリアルデザインは2014年にGoogleが提唱したデザインガイドラインです。 マテリアルデザインが生まれた背景として、今までのデザイントレンドであった「スキューモフィズム」や「フラットデザイン」

予想外のことは起こるもので、先日ソースコード管理ツールであるGitを使っていた際、前回のコミット以降に変更した差分を見ようとgit-statusを実行したところ、次のようなエラーメッセージが現れて正常に動作しませんでした。 $ git status error: bad signature fatal: index file corrupt このような事態を目の当たりにすると、「リポジトリが壊れて履歴も消失したのではないか？早めにpushしておけばよかった！」と後悔の念に駆られ、せめて貴重な教訓を得る機会になっただけでも良しとしようと思い諦めかけそうになりますが、ここは冷静に対処法を探りたいところです。調べによると、インデックスのファイルが破損しただけであるため、再作成すれば復旧するとの情報がありました→gitのRepoが壊れた – satoko’s blog – s21g この解決策に基

6/9にjQuery 3.0の安定版がリリースされました。今度のアップデートで大きな機能追加はなく、バグフィックス等が中心になっています。 jQuery 3.0 Final Released! | Official jQuery Blog 一時期Webフロントエンド界隈ではその学習コストの低さや利便性から全盛を誇ったjQueryですが、現在はその人気も陰りが見えるものとなっていますね。 Google Trend の結果: それはどうしてでしょうか。 まず、かつてjQueryが異常なほど流行った理由として、標準のJavaScriptAPIの使えなさがあったと思います。IEにはaddEventListenerの実装がなく、ブラウザごとの差分は激しかった。それをうまく受け止めるライブラリとして、jQueryは最高でした。CSSセレクタを書くようにHTML要素を得ることができたし、IEだけatta

Eyes, JAPAN Blog 1997年からほぼ毎日更新！会津大学発のベンチャー企業、株式会社Eyes, JAPANによるBlog。 コンピュータ、ネットワーク、Hi-Tech Gadget、魔法の様な技術などのGeekなネタから会津のローカルネタまで。 SyntaxNet 2016年5月12日、Googleから"SyntaxNet"と"Parsey McParseface"というふたつのツールが発表されました。 Research Blog: Announcing SyntaxNet: The World’s Most Accurate Parser Goes Open Source "The World's Most Accurate Parser" の実力や如何に！ ということで、早速調査を進めてみました。 ※ おことわり この記事では、SyntaxNetのセットアップ方法などは書

どの仕事にどれくらい時間をかけているのか？ 私はディレクションをメインワークとしているのですが、ディレクターやマネージャーの仕事は可視化しにくいものが多く困っていました。 例えば電話やメールでのコミュニケーションの時間、社内外のミーティング、作業チケットの発行作業、資料作りや情報収集など…。 社内では作業チケットを発行してタスク管理をしているのですが、ディレクターのタスクは細かい作業が多くチケット発行を忘れがちになるため、自分の仕事は専らtodoistでタスクを書き出してこなしていく、というスタイルでした。 コミュニケーションの時間など”実際の成果物”がないものもあり、自分がどの仕事にどれくらい時間をかけたのかよく分からない、という状態が続いていました。 そこで紹介をされたのが、時間管理ツールの「Toggl」です。 Toggl 簡単に時間管理ができる Toggle Togglはいたってシン

Eyes, JAPAN Blog 1997年からほぼ毎日更新！会津大学発のベンチャー企業、株式会社Eyes, JAPANによるBlog。 コンピュータ、ネットワーク、Hi-Tech Gadget、魔法の様な技術などのGeekなネタから会津のローカルネタまで。 こんにちは。CTOの八幡です。 久しぶりに会社ブログを書いています。 去年はHTTP/2の話題が非常に盛り上がった年でしたね。 というわけで今回は、HTTP/2通信デバッガであるh2iのご紹介をしたいと思います。 また手前味噌ですが、しばらく前にnode-http2（HTTP/2サーバのNode.js実装）にプルリクエストがマージされたので、その話も兼ねて（むしろ本題？）。 h2iとは？ h2iはGo製のHTTP/2通信デバッガです。 HTTP/2は通信内容がバイナリ形式のため「リクエストヘッダを手書きしてデバッグできないよ〜」という

さて前回から引き続き、IllustratorのデータをPhotoshopデータにレイヤー別に書き出す方法をご紹介します。 【前回の記事】 http://www.nowhere.co.jp/blog/archives/20131210-210431.html レベル2：パーツをレイヤーに分けて書き出す 前回は単純なオブジェクトでしたが、今回は少し複雑になります。 イラレで作成したパス等のデータをレイヤー別に書き出す方法です。 例えばこんなイラストがあったとします。パスで描かれた何の変哲もないイラストです。 これを前回のレベル1の方法でPhotoshopに書き出してみます。 書き出されたpsdをPhotoshopで開くと… 統合された1枚の画像レイヤーになりました。(´・ω・｀)ｺﾚｼﾞｬﾅｲ… どうやら1つのレイヤーの中に含まれるオブジェクトは、psdで保存するときに一つに統合されてしまうよ

まずは真っ白なレイヤーを作ります。 グラデーションツール等で白黒のグラデーションをかけましょう。 黒い部分が少ないと放射の強さが強くなります。ちなみに今回は弱めで。 [フィルタ]メニューから[変形]→[波形…]を選び、光の帯となる部分を作ります。 波数を多くすると光の帯が細かくなり、波長と振幅をいじると光の帯のばらつき具合が 変わります。お好みで数値をいじりましょう。 今回はこんな感じに。 [フィルタ]メニューから[変形]→[極座標…]を選び、「直交座標を極座標に」にチェックを入れて適用します。 光が放射してる感じになりました。あとはお好みで色々手を加えていきましょう。 [レイヤースタイル]の[カラーオーバーレイ]で色をつけたり。 複製して色味を変えて重ねたり。 とっても使い勝手がいいですね。 Toshitaka (頼れる僕らの極座標)

Eyes, JAPAN Employee Interview [Vol. 32] The special series to put a spotlight on our international staff, “Eyes, JAPAN Employee Interview” i… 2024/8/27