React StyleguidistIsolated React component development environment with a living style guide
![React Styleguidist: Isolated React component development environment with a living style guide | React Styleguidist](https://cdn-ak-scissors.b.st-hatena.com/image/square/ae1f607d5c6c39456beb1d65f663e97e8b407142/height=288;version=1;width=512/https%3A%2F%2Freact-styleguidist.js.org%2Fimages%2Fworkbench.png)
こんにちは。カヤックのReactおじさんこと島津です。 最近はVue.jsにも浮気し始めましたが、Reactについての記事を書きます。 Reactのコンポーネントが増えてきて管理が大変 Reactを使うとコンポーネントの部品化が捗りますが、 開発規模が大きくなってくるとその数も増えてきて管理が大変になってきます。 スタイルガイドを導入 スタイルガイドとは、UIパーツの用例と実表示例をまとめたドキュメントのことです。 これがあるとパーツの再利用性が高まります。 例:Codepenのスタイルガイド 人力で手書きしていっても良いのですが、更新が追いつかなかったりするので自動生成する仕組み化ができるツールを使いましょう。 代表的なものとしては、CSSのコメントからドキュメントを自動生成してくれるkss-node などがあります。 今回はCSSだけではなく、Reactのコンポーネント単位でドキュメン
(CNN) 米オハイオ州の刑務所で服役中の受刑者数人が手薄な監視の隙を突いてコンピューター2台を組み立て、刑務所を管轄する州保護矯正局(ODRC)のネットワークに不正アクセスしていたことが13日までに分かった。当局がこのほどまとめた報告書で明らかになった。 2台のコンピューターは同州マリオン郡の刑務所で天井裏に隠されているのが2015年に見つかり、州監察局が調査に乗り出していた。 コンピューターを調べた結果、別の受刑者の情報を使ったクレジットカードの申し込みや、ポルノ閲覧、税金還付詐欺に関する調査、自家製ドラッグの製造法、メッセージ送受信などの記録が残っていた。 さらに、刑務所内の複数カ所に出入りできる通行証を発行させることにも成功していた。 事態が発覚したのは、1日当たりの許容限度を超えてODRCのネットワークを使っているコンピューターについて、警報が出たことがきっかけだった。刑務所の業
Speeeエンジニアブログをリニューアルしました! これまで「TECHNICA」というタイトルでブログを運営してきましたが、「Speee DEVELOPER BLOG」に名前が変わります。今後とも宜しくお願いします! というわけでここからは、医療関連のエンジニアをしている西岡(nisshiee)から本題です。 Speeeの社内勉強会 最近、Speeeラウンジで開催した勉強会やイベントのご報告をたくさんさせていただいていますが、今日は社内で行われている勉強会の話をしたいと思います。 現在、Speeeの社内勉強会は大きく分けて2つあります。 1つは、毎週定例で開催している勉強会で、「エンジニア全体MTG」と呼ばれています(特に名前に意味はないです)。社員エンジニアは全員参加で、業務委託など別の形でお手伝いいただいているエンジニアやエンジニア以外の職種のメンバーにも自由に参加してもらえるようにし
これは4月10日に千葉・舞浜アンフィシアターで舞台の演出機器(ワイヤーの稼働装置)の点検作業中に起きた、アクロバット監督の吉野和剛の落下死亡事故を受けての決断。舞台の公式サイトでは「本公演では、世界的に活躍されていた吉野さんにアクロバットの監督、パフォーマーのコーディネートそしてご自身の出演をお願いしておりました。アクション演出全般で重要な役割を担っていただいており、カンパニーにとってかけがえのない方でした」と説明がなされ、「これから公演までの期間で、今の体制で公演を行うことが難しいと判断し、大変残念ながら、今回の公演を中止させていただくことになりました」と発表された。 チケットの購入者には払い戻しが行われる。詳細は4月21日に舞台の公式サイトにて発表予定。 ライブ・インパクト「進撃の巨人」スタッフ原作:諫山創「進撃の巨人」(講談社『別冊少年マガジン』連載) 演出:児玉明子 ムーブメントデ
こんにちは、hatappiです。 デジタルコンサルティング事業部でエンジニアしてます。業務としては事業部で使用する顧客管理システムの作成を行っています。 今回は以前行われたSpeeeKaigiにて自分の発表した「機械学習とは?から1ヶ月で対話botを作れるようになるまで」について話していきます。 SpeeeKaigiとは?については下記の記事を参考にしてください。 一言でいうとSpeeeで実施されるエンジニアが自分の技術を自慢するお祭りです。 tech.speee.jp 発表した時の資料はこちら speakerdeck.com そもそもなぜ機械学習か 世の中的には機械学習という言葉であちらこちらで聞こえてくる中自分もやりたいなぁと思いつつもハードルが高そうという思いやってこなかったので 今回をきっかけにはじめてみようと思いました。 とはいえほぼゼロベースなので自分ひとりではどうにもならなさ
どうも,Ryobot です.夜桜を眺めながら酒を呑みたい季節になって参りました. 追記 4/19 DeepMind から Differentiable Neural Computers の Sonnet 実装 が公開されました.今後も PathNet や Elastic Weight Consolidation 等の実装が公開されることを期待したいですね. Sonnet は 4月 7日に公開されたばかりの DeepMind 謹製の深層学習ライブラリである.もともと DeepMind の社内で使用されていた TensorFlow のラッパーライブラリだったが,論文の実装を共有しやすくするためにオープンソースとして公開したようだ.Sonnet の最たる特徴として再利用可能なモジュールを複数回接続して計算グラフを構成することが挙げられる.Sonnet は TensorFlow Core の関数や
女性モデル紗栄子との交際が伝えられたり、3億円で買った車が事故るなど派手な話題を振りまく事業家・前澤友作さん率いる新興ネットショップ「ZOZOTOWN」。最近になって、そのZOZOTOWNの成長を支える一角が、「ツケ払い」という名のローン事業であることでにわかに騒がしくなっているわけですよ。ツケ払いって言われるとずいぶん古典的で懐かしい商売のようにも見えます。 利用する人に金融リテラシーがあるとは限らない ついにはこのツケ払い、テレビコマーシャルも始まりましたけど、結論から言えば未成年者に事実上親の承認なく2か月後に支払いをさせるこのツケ払いサービスは、手数料(金利)を払う形のローン以外の何物でもないんですよね。いったい、このローンは誰を念頭に置いたサービスなのでしょう。決済上限が「5万4千円」という微妙な金額を見ても、5万円ですら2か月先に支払いを先のべしたいと考える、あまりお金のない利
ネットワークのトラブルシュートなどをする時にtcpdumpやwiresharkといったツールを使ってキャプチャデータを取得し、正常ではない通信を特定するなど分析します。その時にIPアドレスやポート番号といったことは当然確認すると思いますが、本記事ではそれ以外に分析に利用できそうな小技をいくつか紹介したいと思います。お題は以下のとおりです。 MACアドレスからNICのベンダーが分かる IPヘッダからおおよそのホップ数が推測できる TCP/IPヘッダからOSを推定できる TCPの3-way-handshakeからネットワークの遅延を測れる TCPの再送状況からネットワーク品質の変化を見れる DHCP/mDNS/NBNS/LLMNR から同一ネットワーク内のホスト名がわかる TLSのclient helloから接続先のホスト名がわかる 【注意事項】 本職のネットワークエンジニアの方にとっては当た
朝も早くから目が覚めたので、出社前に愚痴っとく。 当方のスペックは ・30代、化学系メーカに勤務。 ・大学での専攻は情報系ではない。パソコンは趣味でいじってきた。 1. SIerへの思い ・毎回、見積もりの度に「何人月ですか?」と聞くが、聞いてる私だって無意味な質問だと思ってるよ。 すまん、私の説明が悪すぎるのか、こっちの決裁権者は上から下まで人月でしか理解できないんだよ。 妥当かどうかはわからんけど、例えばソースの行数単価とか、プログラムの容量単価とかで説明したこともある。「訳がわからないから、やっぱり人月で表現してくれ」と言われたがな。 ・要求する機能に対して短い納期を設定しているが、「なんとかします」って言ってくれてありがとう。無理をねじ込んでごめん。 私にはお金関係を決裁する権限もなければ給料も安いから、ありがとう、ごめんと言うしかできない。 ・毎年「保守費、下がりませんか?」とお
内閣府チームによる研究開発プログラムにおいて科学的手法に問題があったことが日本経済新聞のサイトに掲載された(日経産業新聞4月12日付)。 ■内閣府チーム、仮説段階の研究を表彰 :日本経済新聞 「このコンテストから新しい企業の研究の種を育てたい」。ImPACTの山川義徳プログラムマネージャー(PM)は2月、都内のシンポジウムで力を込めた。壇上に上がった新田ゼラチンや日本アロマ環境協会などの代表者に賞状を送り成果をたたえた。 コンテストの狙いは脳の健康に効果のありそうな食べ物や生活習慣などを見つけることだ。企業などからアイデアを募り、山川PMらが開発した脳活動の指標をもとに、アイデアを試した時の脳の変化を測る。脳の健康に効果のありそうなものを表彰するという内容だ。今回が2回目でコラーゲンペプチドの摂取、ラベンダーのアロマハンドマッサージが表彰された。 山川PMらは1月には、製菓大手の明治と高
It’s well known that PHP is a dead programming language and that its 22-year-old ecosystem is effectively useless now that we have Node and its fancy new asynchronous frameworks. Node’s superiority is evident because everyone knows that single-threaded, asynchronous, programs are better by default. Faster. Stronger, even. “But Simon! Why?!”, you’re probably yelling at your MacBook screen. Here’s w
順列、階乗 (a, b, c, d, e)の全ての並べ方は $5! = 5\times 4 \times 3 \times 2 \times 1 = 120 $通りです。 順列を求めるときにはpermutationsを使用します。 >>> list(itertools.permutations(seq)) [('a', 'b', 'c', 'd', 'e'), ('a', 'b', 'c', 'e', 'd'), ('a', 'b', 'd', 'c', 'e'), ('a', 'b', 'd', 'e', 'c'), 中略 ('e', 'd', 'c', 'a', 'b'), ('e', 'd', 'c', 'b', 'a')] >>> len(list(itertools.permutations(seq))) 120 120個の要素を持つリストができたことが分かります。 次に、(a,
このたびはご来店ありがとうございます。 発売と同時にたくさんの方からご注文いただいている『プロフェッショナルSSL/TLS(紙書籍+電子書籍)』につきまして、紙書籍がお手元に到着したとの声を少しずついただいております。本当にありがとうございます。お待たせして申し訳ありませんでした。 引き続きたくさんの方からご注文をいただいていることから、急きょ増刷を決定し、すでに印刷製本中です。しかし、近日中にお届けできる数に限りがあることから、本日以降のご注文については紙書籍のお届けを5月10日前後とさせていただいております。ご理解いただけると幸いです。 紙書籍のお届けまでにはお時間をいただいておりますが、ご注文後すぐに電子版(PDF)をダウンロードしてお読みいただけますので、引き続きご愛顧のほどよろしくお願いいたします。
TM NETWORKの楽曲「Get Wild」に関する意識調査です。 答えられる範囲でけっこうですので、以下のアンケートへの回答をお願いいたします。 ※いただいた回答は他媒体へ転載・流用させていただく場合がございますので、予めご了承のほどお願いいたします。
ワークフローサービスとして発表されたStep Functions。 他のワークフローサービスにSimple Workflow(SWF)もありますが、新規アプリケーションの場合はStep Functionsの方を検討することが推奨されています。ニーズを満たさない場合はSWFを使用してみてよいそうです。 Step functionsには現在6種類のblueprintがサンプルとして用意されています。 こちらのコードを眺めるだけでも仕様が最低限必要なことが把握できるように思われます。 最初に用意されたBlueprintを眺めて、最後に定義された全種類のStateを用いてステートマシンを作成します。 Blueprint Hello World { "Comment": "A Hello World example of the Amazon States Language using a Pass
最近、CourseraのArgorithms, Part1という講義を受けている。そこでソートの講義を受けて、そういえばMySQLのORDER BYでfilesortになったときってどのソートが使われているのだろうと気になってきたので調べてみた。 調べてみると非常に難解で、結局いまいち分からなかったが、今の段階の調べた内容をひとまず書いておく。MySQLのコードを読んだのも初めてで、しかもちゃんと読み解くことができなかったので、情報が間違っている可能性も非常に高い。間違ってたら指摘してもらえるとうれしいです。 調査結果 最初に調査結果を書いておく。たぶんこれは非常に単純化したもので、詳しく見るともっといろいろチューニングされてそう。 sort_buffer_size以内のメモリ量でソートが可能な場合、メモリ内でのみソートされる ソートにsort_buffer_size以上のメモリが必要な場
紆余曲折を経てアプリケーションが公開されました!いえーい TennimuSearch 作った経緯 2.5次元なり舞台なりを見て気になる俳優さんができました その俳優さん(Aさん)が過去に出ていた作品のDVDを見てみようと思いました どうやらAさんはテニミュに出ているようです テニミュのサイトを見ましたが、初心者にはどのDVDを買えばAさんを見られるのかわかりづらかったです 同じキャラを複数の俳優が演じている 作品によって演じたキャラが出たり出てなかったりする 俳優名から逆引きできたらいいなと思いました! 俳優わからん!ってときは「一覧から探す」で適当にぽちぽちすれば楽しめると思います 参考にしたページ qiita.com qiita.com herokuまだいまいちわかってないので、アクセスできないときはなんかいろいろやってるんだなーと思って放置しておいてください。 これからの予定 見た目
夫へ ようやく、あなたに離婚の意思を伝える決心をしました。 この決意が鈍らないうちに、私はここに文章を残しておきたいと思います。 気持ちをまとめておきたいのです。 拙い文章になりますが、あなたに語りかけるつもりで書きますね。 あなたは今、自室に篭っています。寝ているのでしょうか? あるいはパソコンで麻雀ゲームでもしているのでしょうか? あなたはもう何年も、まったく働かずに、 ずっと家の中でツイッターか麻雀ゲームをしていますね。 あなたが麻雀好きなことはよくわかりました。 でも、さすがに1日8時間はやりすぎではないですか? その時間の半分を、就職活動に充てる気にはなりませんか? 私はこの文章を書き上げたら、今日は早めに寝ます。 そして明日の朝、あなたにはっきり伝えます。「離婚しよう」と。 あなたはどんな反応を示すでしょうか? 驚くのでしょうか? それとも、ついに来たと思うのでしょうか? いず
メルカリの創業者、といえばよく知られるのは山田進太郎ですが、メルカリには3人の創業者がおり、うち2人は現在USに拠点を置いています。1人はUSのCEOを務めるRyo。そしてもう1人が、メルカリ最初期からプロダクトの責任者を務める富島です。 mercanでは昨年も、富島のインタビューを行いました。 mercan.mercari.com プロデューサーとして、プロダクト全体の設計から細かい部分までを一手に見てきた富島。 富島 「大変だったことは……サーバーが頻繁に落ちたり、カスタマーサポートの体制構築が追いつかないとかたくさんありました。なにしろ会社設立から1年半の間に、アプリのリリース、USの子会社設立、CM展開によるユーザー急増、そしてUS版アプリリリースまで一気に進みましたからね。当時はエンジニアが10人もいなかったので大変な状況でしたが、ある程度は順調にきたんじゃないかと思います」 (
画面分割 Jupyter notebookからの大きな進化はここだと感じています。 Jupyter notebookでは、2画面の同時表示が基本できませんでしたが、JupyterLabだと可能になっています。 Code Console画面も標準で開くことが可能で、ちょっとコードを試したいときに便利です。 CSVファイルのテーブル表示 CSVファイルをテーブル表示できます。色も付いていて見やすい。 CSVファイルを、わざわざエクセルやpandasで開かなくても、JupyterLab上で簡単に確認できますね。 CSVファイルは、右クリックしてテーブル表示を選択できますが、 左側のファイル一覧から、作業画面へのドラッグ・アンド・ドロップでもテーブル表示可能です。 また、「Editor」を選択するとCSVファイルを直接編集できます。 CSVファイルのソート等の操作はできませんが、そこまでできると最
「プログラムが自動で文章を生成する」 昔からこれにロマンを感じてる。 やってて面白い。 暇つぶしになるし、副次的に色んなことの勉強になるし、もしかしたらいつかいいプログラムが作れてお金になるかもしれない、なんてぼーっと考えてる。 今年に入ってからNN/深層学習を少しかじり出したのでRNN/LSTMで挑戦中。楽しい。 でも実際はなかなかまともな文なんて出来やしない。 前の文字列or単語のみを素性としてRNN/LSTMに与えて学習させるだけのモデルでは、まずまともな文が出てこないという結論に至った。どんだけテキストを増やしても、どんだけ学習回数を増やしても無駄っぽい。 この場合の「まともな文」の定義だけど、 1.文法が正しい (○明日はとても暑い ×明日にが暑い) 2.意味が通る (○今日はトマトを食べた ×今日はトマトが走る) 1と2をどちらも同時に満たすのが「まともな文」だと定義づければ、
4月10日の日経ITproの記事「 AIベンチャーの雄が総務省の開発指針に反対する理由」で、総務省主導で推進されているAIネットワーク社会推進会議とその開発原則分科会からPFNが離脱したことを、取り上げていただきました。私とのとりとめのないインタビューを適切にまとめてくださった日経ITpro浅川記者に深く感謝いたします。また、その記事に対して、はてなブックマーク、NewsPicks、FacebookなどのSNSを通して多くのコメントを下さった方にも感謝の意を表します。ありがとうございます。離脱の理由は記事にある通りですが、総務省の方々も私達の立場を真摯に受け止めてくださっていて、実りのある議論を続けてくださっています。その上で、今後の議論を深めるために、いくつかの点について補足したいと思います。 汎用人工知能と特化型人工知能 現在、人工知能という言葉は大雑把には、 汎用人工知能(「強い」人
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く