Rails Girls Tokyo 9th
こんにちは、フロントエンドエンジニアの荒田です。 早いものでスペースマーケットに入社して半年が経ちました。毎日新しい発見があり充実した日々を送っています。 今日はAtomic Designを使ってReactコンポーネントを再設計したお話をご紹介したいと思います。 背景 今まではReactでコンポーネントを作成するにあたり、粒度に関しての指針が明文化されておらず、コンポーネントの粒度は各エンジニアがそれぞれの思想で決めていたため、担当エンジニアの違いによってコンポーネント粒度がばらばらになる課題がありました。 汎用的で、使いやすい粒度のコンポーネントを作成するためには、デザイナーがデザインを繰り返し使っている、その粒度に合わせるのがいいのでは?と感じました。 そしてそれらを解決するためにAtomic Designを導入してコンポーネントのあり方について再設計することにしました。 Atomic
短時間で手軽にウェブサイトを作成できるCSSフレームワークは、数多く公開されています。CSSフレームワークを使用することで、開発速度をスピードアップさせるだけでなく、クリーンで規則性のあるレイアウトを時間をかけずに作成できます。 今回はたくさんあCSSフレームワークの中から、特に人気の高いものを中心に、高機能で使い勝手の良いものから、無駄を一切省いた超軽量なものまで、最新CSSフレームワークをまとめてご紹介します。目的やデザインの好みなど、自分にあった使いやすいフレームワークを見つけてみてはいかがでしょう。 ウェブサイト開発を爆速に!人気オススメCSSフレームワーク厳選まとめ【2018年保存版】 Bulma Flexbox をベースにしたCSSフレームワーク。軽量で用意されたひとつのCSSファイルを読み込むだけの手軽さも人気の理由。 URL: https://bulma.io/ CDN:
"We're a security tech company. As such we recognize the need for a defence-in-depth approach to mitigating the risks when writing code. When it comes to static analysis tools for the Rails platform, Brakeman Pro is our tool of choice." "We're a community nonprofit building systems out from scratch, and it's mission critical that our clients trust us to safeguard their information. Brakeman Pro ha
The headers we wantManipulating HTTP headers is one of the most common things that Fastly customers do. Using the right combination of headers is one of the best things you can do for the security of your site, and also a significant contributor to performance. Most developers know about and depend on a variety of HTTP headers to make their content work. Those that are best known include Content-T
github.com RuboCopとRails Best Practicesに似たようなもので、Brakemanというセキュリティチェックに特化したgemがあるので試してみる。 Brakemanのインストール Gemfileに下記行を追加してbundle installする。 group :development do gem 'brakeman', require: false endこれでbrakemanコマンドが使えるようになったので、アプリのディレクトリに移動して実行してみる。 $ brakeman Loading scanner... Processing application in /home/vagrant/rails/billboard Processing gems... [Notice] Detected Rails 4 application Processing
はじめに 初級編 ゼロから作るDeep Learning 中級編 scikit-learnとTensorFlowによる実践機械学習 PythonとKerasによるディープラーニング 上級編 Pro Deep Learning with TensorFlow Deep Learning はじめに ディープラーニングに関する書籍は山ほど出てきています。 その中でどれを読めば良いのか分からない、というのは初心者にとって最初の問題でもあるでしょう。まずはブログなどのネットの情報を参考に勉強をする人が多いかと思われますが、私のブログも含め、大抵は個人の興味に沿ってバラバラに話題が提供されるため、できれば1つ1つ順を追って解説してくれる物が欲しいと感じるのが本音と思われます。 今回は、数ある書籍の中でも私自身が所持していておすすめできるディープラーニングの書籍を載せたいと思います。 初級編 ゼロから作
概要 一人で開発してると、とにかく自動でいろいろやりたいです。 コードの静的解析 テストコード実行 セキュリティチェック デプロイ など、手元の環境で毎回行うのはひどく時間がかかるし、めんどくさいの一言に尽きると思います。 自分なりに工夫して設定したCI環境(CircleCI使用)についてやっていることを見直しがてら書いてみます。 CircleCIを使ったCI環境 現在使っているCircleCIの設定をベースに書いていきます。 静的コード解析 使用gem:rubocop コードを綺麗に保つことって大事ですよね。 ってことで、コードの静的解析ツールを入れます。 こんな感じに、testを行う前にやりましょう。 これはとても大事なことで、なぜならテストは失敗する可能性があり、無駄に時間が(相対的に)長いからです。 rubocopの設定は、各自行っていただければと。 実際これは結構厳しいので、ゆる
アメリカにいるときに、「島根に住んでる」というだけでかなりいじられたのですが(そして未だに。) まあ、仕方なし。 島根は 陸の孤島 と呼ばれていたり、 Google先生に「島根に」と打ち込むと、予測検索で罵詈雑言を浴びせられたり。(要check) (ちなみにジェットコースターみたいな道は実在します) そんな島根ですが、 インターネットがないらしい島根ですが、 実は、「なんでこんなものがここに?」とビックリするようなものたまにあります。 例えば、島根県安来市にある足立美術館。 Wikipediaによると 米国の日本庭園専門雑誌『ジャーナル・オブ・ジャパニーズ・ガーデニング』が行っている日本庭園ランキング(Shiosai Ranking)では、初回の2003年から2010年まで、8年連続で庭園日本一に選出されている。2010年のランキングは日本国内803箇所の名所・旧跡を対象にしたもので、「庭
劇伴作家で、SawanoHiroyuki[nZk](サワノヒロユキヌジーク)名義でアーティスト活動も展開している澤野弘之が5月13日、ワンマンライブ『澤野弘之 LIVE [nZk]005』をパシフィコ横浜 国立大ホールにて開催した。 この公演には、過去最多となる13組のゲストボーカルが参加。SawanoHiroyuki[nZk]始動以来交流のあるAimerに加えて、Yosh(survive said the prophet)、mizuki(UNIDOTS)、Tielle、Gemieなどとともに、mpi、Aimee Blackschleger 、Benjamin 、Eliana 、Cyua、David Whitakerら、劇伴音楽で常連のボーカリストたちもこぞって参加した。 そしてスペシャルゲストとして、最新アルバム『ALIVE』のサウンドプロデュースを手掛けたDo As Infinityが
内閣府のWebサイトから、「恋人作るより風俗嬢」というWebサイトにリンクが張られている――5月9日、こんな情報がネットを駆け巡った。 内閣府がかつて運営していたWebサイトのドメインが失効した後、第三者がそのドメインを再取得し、新たにサイトを設置したことが原因。外部から指摘を受けた内閣府は9日昼、問題のリンクがあったページを削除した。「対応が後手に回り、申し訳ない」と担当者は話している。 問題のリンクがあったのは、内閣府のプログラム「戦略的イノベーション創造プログラム」(SIP)の2015年のシンポジウムを紹介するページで、専用の特設サイトにリンクを張っていた。特設サイトの運営は博報堂が担当。内閣府のサイトの外にドメインを取得して構築し、シンポジウムの開催案内や報告などを掲載していた。 特設サイトの運営は既に終了しており、博報堂は2017年度中にサイトのドメインも手放した。ドメインを手放
The web is broken; let’s fix it - O'Reilly Media JavaScript の生みの親として知られ、Mozilla の CEO にもなったものの残念な経緯でその座を降りた後は、Brave を起業してまたブラウザソフトウェアの開発を手がけているブレンダン・アイクのインタビュー音声が公開されている。 その内容が『もうすぐ絶滅するという開かれたウェブについて 続・情報共有の未来』にも重なるものがあったので、要点を日本語に訳しておく。 壊れてしまったウェブを正す:監視資本主義(surveillance capitalism)が大手を振り、消費者はプライバシーやデータのやり取りに疲弊している サードパーティの広告モデルの破壊:インターネットとテレビの広告が融合するところに大きな破壊が起こりつつある。我々はより多くのコンテンツをサポートする新たな手段を見つけ
ディレクターズカット部分こそ最も観て欲しいところ! 今回のインタビューは、2004年カンヌ国際映画祭コンペ部門に日本のアニメとして初めてノミネートされた「イノセンス」や、1996年に米ビルボード誌のビデオ週間売り上げ1位を獲得した「GHOST IN THE SHELL/攻殻機動隊」を手掛けてきた押井守監督。『アバター』で知られるジェームズ・キャメロン監督も、その作品に大きな影響を受けたと絶賛する、世界が認めるクリエイターです。 そんな押井監督が、“全長8メートルの警察用ロボット”とともに、突如起こるテロと対峙する警察組織の戦いをリアルかつ壮大に描いた映画『THE NEXT GENERATION パトレイバー 首都決戦』。2014年4月から上映を開始した全7章シリーズを経て、その到達点ともいえる長編劇場版が今年の5月に上映されたのですが…それで終わりではなかった! じつは、押井監督が本当は入
※映画を観た人用のネタバレあり記事です ※長いですが、まぁGWなんで ※まだ見ていない方はこちらの記事を先にどうぞ↓azanaerunawano5to4.hatenablog.com 映画「首都決戦」を読み込んでみた。 以下は、あくまで個人的見解です。 押井守は今回の実写映画について 長編を製作するにあたり、押井監督は「コンセプトは考え直さないといけない」と思い、「パト2」が公開された93年と現在で「何が変わったか?」を考えたという。「パト2」の柘植は、東南アジア某国で、PKO部隊として派遣された際、発砲許可が得られず、ゲリラ部隊に仲間を殺されてしまったという過去があり、東京を“戦争状態”にしようとした。押井監督は「時代が変わった。今、日本でクーデターが起きることにリアリティーがない。今の時代は、テロリストはよく分からないもの。正義のためなのか? 多分違うと思う。よく分からないことを表現す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く