Vue.jsとElectronでシンプルなTwitterクライアントを作った。 vue-twitter-client きっかけとしては一言で言うとフロントエンド周りの勉強。 2017年1~3月の振り返りにも書いた通り。 自分はモダンなフロントエンドの開発に疎かったので重い腰を上げてそろそろやるかという気持ちになって3月中頃くらいからはじめた。 Vue.jsについては2,3週間前くらいから触りはじめている。 Vue.jsはちゃんとしたSPAからフォームにちょいと味付けみたいな使い方もできたり小回りがきく。 個人的にはReactでの開発よりやりたいことが直感的に書ける気がしてるので使いやすいという印象。 とりあえず最初はTODOアプリやAPIを叩く小さなフィードを作って、次にNuxt.jsでSSRできるミニサイトを作ったりで大体使い方は覚えてきたというステータス。 ライブラリでいうとvuex,

ちょっと、とある調べものをしていた時に気づいたのですが、 「たのしい幼稚園」の表紙、昔のものの方が「プリキュアが描かれている事」が多いような気がしたのですよね。 こんな感じです。 昔の「たの幼」の方が、表紙のプリキュアが大きく表示されている気がします。 そう思うと、いてもたってもいられなくなるので、 本当にそうなのか、ちょっと調べてみました。 （調査方法） ・「たのしい幼稚園」の表紙画像を取得し「全ピクセル」から「プリキュアの表示ピクセル」の割合を調べました。 対象：2006年5月号～2017年2月号の全130冊分。 実際にはこんな感じです。 例えば、2009年4月号は、 総ピクセル：20000px プリキュアのピクセル：58357px この号の表紙全体におけるプリキュアの割合は29.1％でした。 これを「130冊分のたの幼」全て取得しました。 たのしい幼稚園の表紙におけるプリキュア率 ち

ソフトバンクが運営するクラウドファンディング＆ものづくりプラットフォーム「＋Style」が東京・銀座の「三越銀座店」で新規プロジェクトの発表会を行った。今回は4つの新規取り扱いアイテムを発表するとともに、現在プランニングを進められているユニークな“ドローン傘”「free parasol」も紹介。買い物客の注目を集めた。 ＋Styleでは、催事への展示協力として3月21日まで三越銀座店9階の「銀座テラス テラスコート」で取り扱い製品の展示を行っており、一部はその場で購入できる。例えば置き忘れの防止や紛失した場合に追跡ができるBluetoothトラッカー「TrackR bravo」やスマートフォンで操縦しながら写真などが撮影できる小型ドローン「PXY SMART」など12製品が販売対象アイテムだ。 持ち運べる臨場感「SUBPAC S2 BACKPACK SET」 The Hand（販売代理店）

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

「障害の復旧」と「問題解決」を勘違いする人たち：失敗しない「外資系」パッケージソフトとの付き合い方（2/3 ページ） あなたはちゃんと「ITIL」を理解していますか？ 2人の会話の内容を見ると、運用担当者は障害の「原因」を追究する方向に向かっているのに対し、サポート担当者は障害の「復旧」を念頭に置いて、その方法を案内しています。どちらが正しい考え方なのでしょうか。 ここで少し、運用管理の原則についてお話ししたいと思います。IT運用管理の業界標準、またはベストプラクティスと言うと、多くの方がITIL（Information Technology Infrastructure Library）を思い付くのではないかと思います。 IT運用管理はITILで扱う領域の一部ですが、ITILを参考にして社内の運用管理プロセスや機能、役割を整理している会社も多く、運用管理の話をするときの共通の土台となって

数字がたんたんと並ぶエクセル表ってとっつきにくいですよね。見やすくするには「テーブル機能」が便利です。例えば、表に縞模様をつけて見やすくしたり、データバーを使ってセルに横棒グラフを表示できたりします。今回は、見やすい資料作りに必須な表のレイアウトワザを紹介します。 エクセルの表を見やすくするレイアウトワザ①表に縞模様を付ける表に縞模様を付けるには、テーブル機能を使います。レイアウトを残したままテーブル機能を解除するには、「範囲に変換」を使います。 ↑表を選択します ↑「ホーム」タブ → 「テーブルとして書式設定」ボタンをクリックし、メニューからスタイルを選択します 「テーブルとして書式設定」画面が表示されます。 ↑内容を確認し、「OK」ボタンをクリックします テーブルのスタイルが設定されます。 ↑テーブル機能が設定され、フィルターボタンが表示されます フィルターボタンなどのテーブル機能を解

日本ネットワークセキュリティ協会（JNSA）は、セキュリティ教育を目的としたカードゲーム「セキュリティ専門家 人狼（セキュ狼）」を発売した。 同ゲームは、参加者が企業を守る「CSIRTチーム」や、内部で不正を行う「汚職者」やそれに加担する「ブラックハットハッカー」となり、所属する陣営を勝利へ導くカードゲーム。対象年齢は10歳以上で3人から20人で楽しむことが可能。 価格は1000円。郵送方法によっては別途送料が必要。入手方法などは同協会のページを参照のこと。 同協会では、ゲームを活用して情報セキュリティ教育を普及させることを目的とした「ゲーム教育プロジェクト」を2016年に発足。ゲームの企画、制作のほか、ゲーム教育による効果を検証するため、大学や高等専門学校などで実証実験を実施。さらにファシリテーターの育成やイベントの企画なども手がけている。 （Security NEXT - 2017/0

この世界のどこかにつくられた超巨大総合動物園「ジャパリパーク 」。 そこでは神秘の物質「サンドスター」の力で、動物たちが次々とヒトの姿をした 「アニマルガール」へと変身――！ 訪れた人々と賑やかに楽しむようになりました。 しかし、時は流れ……。 ある日、パークに困った様子の迷子の姿が。 帰路を目指すための旅路が始まるかと思いきや、アニマルガールたちも加わって、 大冒険になっちゃった！? (C)けものフレンズプロジェクトA

※ GitHub と Slack を利用している人向けの記事になります こんにちは。はてなでアプリケーションエンジニアをしている id:hatz48 です。 社内で使っているちょっとしたツールの紹介と、それを作るのに Google App Script を利用したら楽だったという話をしようと思います。 どんなツールですか github.com はてなでは現在、コードの管理に GitHub/GitHub Enterprise、コミュニケーションツールに Slack を利用しています。 GitHub と Slack を利用していれば、おそらくその二つの連携機能 も利用しているのではないかと思います。連携はとても便利ですが、現状すべての活動を Slack に流すことが出来るわけではありません。出来ないことのうちの一つが「ラベル変更」の通知です。 はてなではいくつかのチームで、ラベルによるレビュー

名古屋大学で開催されたIPSJ-ONE2017 で登壇しました。 IPSJ-ONEというのは、情報処理学会の各研究会から選ばれた日本の若手トップ研究者17人が集まり、自身の研究を高校生でもわかるように発表するイベントです。 1000人ぐらい入る講堂で、しかもニコニコ生放送で配信されるというとても大掛かりなイベントです。 ちなみに、昨年は、同じ研究会からの推薦で、 id:matsumoto_r (matsumotory) さんが登壇されています。 IPSJ-ONE 2016で登壇してきた - 確実に時代は変わってきている #ipsjone - 人間とウェブの未来 発表 「高度に発達したシステムの異常は神の怒りと見分けがつかない」という、一見何の話かわからないやばそうな話なんですが、大真面目に話してきました。 スライドを以下に公開しています。ただ、スライドだと何の話をしているかおそらくわからな

おじさんが React で Hello World するのに 3 時間弱かかった話 公開日: 2017年3月19日 タグ: javascript, react なんとなく React とかいうやつを試したくなって、とりあえず Hello World って表示するだけのものでも作るか…と思ったのだけど、まったく前提知識がないものだから完成するのにめっちゃ時間がかかった、という話でも書いておく。多少脚色はある。 いきなりつまづく まずは react と react-dom ってのがいるらしいんで入れるぞ、最近 npm にも慣れてきたしこれくらいは簡単…と、とりあえず適当なディレクトリ作って npm init -y してから $ npm install --save react react-dom とかやるんだけど、これがエラーが出てインストールできない訳だ。やる前に Node.js のバージョ

2017 - 02 - 25 無印良品で購入したモノ【レッドシダーブロック】 ミニマリスト にはなれないけれど、お気に入りの物に囲まれたシンプルな暮らしを心がけています。 お片付け・断捨離・インテリア等を中心に何気ない日々の生活を綴っています。 無印良品 で服と雑貨を購入しました。 服を購入した記事はこちらです。 購入した雑貨はこちらです。 無印良品 購入したモノ 無印良品 で購入したのはこちらです。 A５の ポリプロピレン ファイルと落ちわたふきん、そして レッドシダーブロックです。 無印良品 　落ちワタふきん１２枚組　 落ちワタふきん　１２枚組　 ５００円 大きさ　約４０×４０ｃｍ 無印良品より 普段は、食洗機を使っていますので、食器を拭くための布巾はあまり使っていません。 少量の食器や大きな鍋などは手洗いして、キッチンペーパーを使用しています。 テーブルやキッチン周りを拭く台布巾は、

もう3月も半ばですね。気分はもう春です。 春ということで気分を切り替えるために、久々にまじめにWindowsを使ってみることにしました。 そのため環境構築まわりで何をやったのかをメモがてら残しておくことにします。 ちなみにこのマシンを買いました。 GALLERIA ZG（ガレリア ZG）EXPERT｜ドスパラ通販【公式】 HoloLensアプリの開発もしたいのでGPUが欲しかったのでどうせならとGTX 1080積みました。とりあえずメモリも32GBに盛っておきました。 開発系 Chocolatey Windowsのパッケージマネージャーです。 MacでもHomebrewに依存しまくっていたのでパッケージマネージャーがないとツラいので。 Chocolatey GUIで管理できるものもあるので入れたい人は入れておくとよいと思います。 Chocolatey Gallery Bash on Ubu

2017.03.15 25年前のファミコンソフト「くにおくんの大運動会」ってなんで面白いの？　自称最強プレイヤーが魅力を語る こんにちは。「i:ENGINEER」担当編集者の宇内（うない）です。 これまで「i:ENGINEER」では「技術」をテーマにさまざまな人にフォーカスを当ててきました。 例えば……、 ▼東工大って賢いのに知名度で損!?　ロボット技術研究会にいろいろ聞いてみた /i-engineer/interesting/toukoudai こちらは東京工業大学の「ロボット技術研究会」を取材した記事です。彼らのものづくりに対する姿勢は、数万リツイートされるなど大きな反響を呼びました。 ▼【誰でも分かる】「量子力学」ってなんなの？　詳しい人に聞いてきた【入門編】 /i-engineer/interesting/ryoshirikigaku こちらはいかにも難しそうな「量子力学」について

今回は見出し（h1〜h6タグ）のオシャレなデザインサンプルを68つ紹介します。CSSコードをコピペすればそのまま使うことができます。もちろん自分好みにカスタマイズして使って頂いても構いません。

オリジナルのアイコンを作るシンプルで簡単なデザインテクニックを紹介します。 円や矩形などの基本的な形を組み合わせたり、変形させたりして、さまざまなアイコンを作成します。 作業に慣れてしまえば、どれも1分もかからずにアイコンを作成できます。 The Super Simple Guide to Iconography 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 目のアイコンの作り方 矢印のアイコンの作り方 バッテリーのアイコンの作り方 箇条書きリストのアイコンの作り方 クラウドのアイコンの作り方 次に進むのアイコンの作り方 ファンネルのアイコンの作り方 プレイ・ポーズのアイコンの作り方 位置矢印のアイコンの作り方 位置ピンのアイコンの作り方 サウンドのアイコンの作り方 ウェーブのアイコンの作り方 Toptalのアイコンの作り方

James Cameron’s 1984 film The Terminator introduced many science-fiction idioms we now take for granted. One of the most persistent is the thermal head-up-display (HUD) shot that allows the audience to see the world through the eyes of Arnold Schwarzenegger’s T-800 character. In design circles, it is one of the classic user interfaces that fans frequently try to recreate both as a learning tool an

はじめに こんにちは植木和樹＠上越妙高オフィスです。2017年になって今更感がありますが、はてなブックマークが10周年を迎えたそうです。 はてなブックマーク10周年 - はてなブックマーク はてブを遡ってみたところ、私は2006年1月から利用を開始したようです。10年以上も愛用させてもらってます。 当時の話題や取り組んでいた仕事に関係するページを次々とはてブに登録していくわけですが、自分がどんな事に興味を持っていたのか振り返ってみたくなりました。 その時に見つけたのがYahoo! Pipesというサービスを使った「全自動はてブ棚卸し」です。 下記が当時「全自動はてブ棚卸し」を紹介していたブログです。 全自動ブックマーク棚卸しが想像以上に有意義な件 - てっく煮ブログ ただYahoo! Pipesが2015年9月にサービスを停止してしまい、これに伴ってはてブ棚卸しも終了してしまいました。残念