はてなブックマーク

Eyes, JAPAN Blog 1997年からほぼ毎日更新！会津大学発のベンチャー企業、株式会社Eyes, JAPANによるBlog。 コンピュータ、ネットワーク、Hi-Tech Gadget、魔法の様な技術などのGeekなネタから会津のローカルネタまで。 特別対談企画第二弾の今回は、情報セキュリティ業界で活躍されている、川口洋さんをゲストとしてお迎えしました。川口さんは、昨年に独立し「株式会社川口設計」を設立され、その代表取締役として様々なところで活躍をされています。 独立前は、国内の大手情報セキュリティ企業に所属し、セキュリティ監視センターに配属され、顧客組織のセキュリティ監視やインシデント対応の業務に携わられてきました。また、それと同時に、内閣サイバーセキュリティセンター (通称 NISC) に出向し、官公庁全体のセキュリティインシデント対応、一般国民向けのセキュリティ普及啓発活動

僕とCSS Animation 最近CSS Animationに入門しています。僕は普段セキュリティに興味があり、大学でチームを組んでCTFに参加したり、大学院の研究対象にはマルウェアを選択しています。 そんな僕がなぜCSS Animationに入門したのかというと、きっかけはCSS Animationの個人サイトを運営している@yui540さんという方の作品を見たことでした。 youtubeでCSS Animationを使った演出講座（ https://www.youtube.com/watch?v=wFJ8WB4G4KM ）をやられていたのが面白そうで、それを観ながら僕もやってみたのが始まりでした。 CSSを利用したアニメーションの例 CSSでアニメーションさせる方法としては大きく2つ、CSS TransitionとCSS Animationがあります。 CSS Transition

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ですが、この度ライセンス方式の再編による料金体系の変更が発表されています。

こんにちわ、アルバイトの小林です。 pythonでステートマシンを扱うライブラリが便利だったので紹介します。 transitionsです。他にもライブラリはありますが、transitionsはREADMEで’good example is worth’と言っているようにサンプルが整っているのと、開発も活発のようなので選びました。 $ pip install transitionsでインストールできます。 ステートマシンとは、状態遷移を管理する機会・システムです。現在の状態(と入力)から遷移先を決定します。 if文では書ききれず、コードが汚くなってしまう時にもステートマシンを使って遷移を記述するのも良いと思います。 ゲームではよく使われていて、分かりやすいのでゲームを例にとります。 以下の画像のように「歩き」「走り」「ジャンプ」「走りジャンプ」の状態があり、 「歩き」の時に、'×が押されれば

こんにちは、こんばんは、今日から大学２年生になってしまう青木です。 ２つ前の記事でAndroidにおけるMVCについて解説したので、今回は同じくAndroidで、かつあまり情報がないSingletonパターンの実装方法について紹介したいと思います。 Singletonとはなんぞや？ Singletonパターンはデザインパターンの一種で、あるクラスのインスタンスが１つであることを保証するために使われます。 同じインスタンスを使わなければならない時や、アプリケーションで統一したいことを実現させるために使われたりします。 (間違っていたら指摘お願いします。。。) Java Androidアプリケーションではないふつう(?)のJavaでのコード例は以下の様な感じです。 final class Singleton { private Singleton(){} private static clas

どうも、入社して一ヶ月が経った韓です！ 私は普段、スタートアップ界隈では盛り上がっている（今は少し落ち着いているかもしれない…？）Ruby on Railsというプログラミング言語を爆速で打っています。 そこでちょうどPDFで出力する機能を実装してほしいという依頼がありましたので、少し調べてみました。 PDF出力関連のGemたち 「Rails PDF 出力」と調べてみると案外出てきました。ちょうど下のようなまとめサイトも出てきました。 http://ruby-rails.hatenadiary.com/entry/20140906/1409995011 抜粋して説明しますが、以下の表をみてください。 サクッとHTMLの画面でPDF出力していいならば、PDFKitやWicked PDFでいいと思います。しかし、今回私はPDFを細かく調整したりする作業が絡んだため、Prawnを採用しました。

AWSにログインできない！ iPhoneの機種変更をしたらGoogle Authenticatorに入れていたAWSのOne Timeパスワードが全部消えてしまい、AWSにもログインできなくなってしまいました。初めてMFA解除を依頼したので、全体の流れをご紹介します。 カスタマーサービスへお問い合わせする  MFA認証ができなくてもがいていると、おそらく上の画面にたどり着きますので、右側の「お問い合わせ」ボタンをクリックします。 上のような画面になりますので、まずはプルダウンを選択します。機種変して古いデバイスを捨ててしまった場合は、デフォルトで選択されている「My device is lost, stolen or damaged」を選択しておけばOKです。 Primary Phone Numberに電話番号を入力します。09011112222の場合は、「+81 9011112222」

予想外のことは起こるもので、先日ソースコード管理ツールである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 (頼れる僕らの極座標)