Markdown and MDX Markdown is a lightweight markup language used to format text. It allows you to write using plain text syntax and convert it to structurally valid HTML. It's commonly used for writing content on websites and blogs. You write... MDX is a superset of markdown that lets you write JSX directly in your markdown files. It is a powerful way to add dynamic interactivity and embed React co

Building and selling machine learning (ML) products is hard. The underlying technology keeps evolving, requiring organizations to constantly be on their toes … and the rulebook on what makes for successful and profitable products is still being written, making for uncertain outcomes. Over 5+ years of working with machine learning enabled products, we at Semantics3 have had to deal with many challe

Show Your Support: This site is primarily supported by advertisements. Ads are what have allowed this site to be maintained on a daily basis for the past 19+ years. We do our best to ensure only clean, relevant ads are shown, when any nasty ads are detected, we work to remove them ASAP. If you would like to view the site without ads while still supporting our work, please consider our ad-free Phor

早め早めの脆弱性対策！ 開発チームでできるアプリとサーバのセキュリティ診断と要件定義の作り方 Webセキュリティ対策はなにかと面倒ですが、昨今はフレームワークが脆弱性に対応するなど、プログラミングは効率的になっています。その上でサービス全体の安全のため、開発チームがすぐ実施できるWebセキュリティ診断と要件定義について解説します。 こんにちは、松本（@ym405nm）です。 みなさんは業務やコミュニティ、趣味などでWebサイト作ってますか？ SEO対策、ユーザビリティ、レスポンジブル、オートスケールなどなど、Webサイトを1つ作るだけでもさまざまな技術や考え方が必要であり、非常に奥深いものであるということは、このエンジニアHubの記事の多さが物語っているのではないでしょうか。 その中でもWebサイト開発者・運用者を悩ませるのは、Webセキュリティです。この記事では、開発フェーズから試すこと

はじめにメルカリUK版の立ち上げを終え2018年3月に帰国しました@tsumujikazeです。今は東京でメルペイのProduct Managerをしています。 イギリスではいわゆるモダンなプロダクトチームでのLeanなプロダクト開発を経験しました。得るものが多かったので、なるべく多くの人に知ってもらいたいと思いこのポストを書きました。 PMF　→リーンプロダクトのプロセス　→モダンなプロダクトチーム（組織論）という流れになっています。 はじめに 本編 ・何のためにプロダクトを作るのか ・プロダクトマーケットフィット ・PMFピラミッド ・要件定義フェーズのリーン化 ・モダンなプロダクトチームでのリーン開発とは おまけ ・Problem Space vs. Solution Space ・Problem Solution Fitとは ・エンジニア組織とPM組織の特性について ・バリュープロ

MasterCloud #6 での発表資料です。 https://mastercloud.connpass.com/event/67023/

Windowsでコマンドラインの環境を整えるには、MSYS2が優秀だ。 デフォルトのターミナルはmintty、シェルはbash、パッケージマネージャとしてpacmanがついている。 Windowsのパッケージ管理ソフトChocolateyをインストールすれば体制は万全だ。 ソフトウェアのインストールをほぼコマンドラインだけで済ませることができる。 つまりシェルスクリプトを組めばバックアップやセットアップも自動化できるということだ。 あとは設定ファイルをgithubなどに格納してインストール用スクリプトを書けば完璧だろう。 MSYS2 - Minimal SYStem 2 MSYS2はWindows上で動くUnixシェル環境だ。 詳しくはWindowsで使えるターミナルとシェルのまとめを参照されたし。 よくMinGWと一緒に語られているが、MinGWはGCCなどの開発ツールをまとめたツールチ

フロントエンドのパラダイムを参考にバックエンド開発を再考する / TypeScript による GraphQL バックエンド開発

ありのままを言ってしまえば私は不登校児でした。 中学3年の頃にクローン病という難病にかかり、普通の生活から入退院を繰り返す生活になって学校に通うどころではなくなりました。 授業にまともに出られないのだから当然成績なんてひどいものです。試験を受けてもまったく知らない単語が並んでいるので答えようもありません。試験中にふてくされ、あまりに暇なこともあり、解答用紙に落書きをして先生にひどく叱られました。 そのうちにバカらしくなって学校に通うのを放棄するようになりました。体調が良かろうが悪かろうが学校を休みます。週に数日行ったところで授業の内容なんてわかりっこないですし、面白くもなんともありません。それなら無理に通わずに家で好きなことをして療養していたほうがましです。 私がPCを触り始めたのはその頃でした。暇を持て余してオンラインゲームを始め、ウェブに触れ、友達ができ、毎日やり取りをするようになりま

数学カフェのLTで話す予定でしたが、使う機会がなくなったので公開します。 Haskellにおけるモナドとは HaskellではMonadという型クラスでモナドを表現しています。この型クラスは return :: a -> m a 、 join :: m (m a) -> m a　、そして fmap においてモナドが表現されています。色んな人が色んな場で説明していることですから、今さらここで議論を掘り返す必要はないでしょう。 モナドには []、Maybe、State s、Cont r、Reader r、Writer w、IO、などがあります。しかし、みなさんはそれで満足でしょうか？ そんなモナドで大丈夫ですか？ Haskellでもっとモナド モナドをさらにこじらせた人は、 Free モナドや Codensity モナドなどに手を出すでしょう。これらは大変便利なものですが、その珍しさ故これまた

はじめに JavaScript勉強会の資料です。 内容は、簡単なコマンドラインツールを作りながら、JavaScript(ES2015を含む)の書き方を学ぶものとなってます。 内容的には初心者向けなので、JavaScriptを勉強したい、JavaScriptは触ったことあるけどES2015を知らないので勉強したい、といった方が対象です。 JavaScriptとは Webブラウザで実行可能なインタプリタ言語 最近ではサーバサイドのものもある(Node.jsなど) 各ブラウザで独自の実装があるが、標準化されたECMAScriptに準拠している ES5, ES2015(ES6), ES2016, … ES2015からは毎年新しい規格が策定される これによりナンバリングは策定した年に変更 ES5(2011年策定)から4年ぶりに策定されたECMAScript 非常に多くの機能が追加された 新しいブラウ

公開前に知人に見せたら、読むのに20分もかかったわ！！ と、お叱りを受けましたｗ オススメのツールやWEBサービスということで50ほど紹介していますが、僕の使用感のほかに、ところどころ経験談的なものが入っています。そのあたり、読むのがめんどうな方は読み飛ばしていただければ幸いです。 2万文字近くあるので、お時間ある際にゆるりと読んでいただければと思います。 それではお楽しみ下さい！ サイト解析に使えるツール・サービス import.io Juicer Ptengine GTmetrix CLOUD FLARE wayback timemachine シミラーウェブ Open Site Explorer サクラサクLABO aguse Built with ディレクションに使えるツール・サービス ウェブチェッカー Cat Mdes maindmaister ひとりブレスト 関連キーワード取得

ボックス要素の横並びをCSSで行う場合は、CSSの「Flexboxフレックスボックス」 が便利です。Flexboxを使用することで、簡潔なコードで豊富なボックスのレイアウトが可能です。本記事ではウェブページの作成を通してFlexboxの特徴と使い方について解説します。 この記事で学べること Flexboxの使い方 スマートフォンへのレスポンシブ対応 Flexboxはボックスレイアウト用のCSS Flexboxとは、ボックスのレイアウト方法を定めるCSSの機能です。ボックスとは、HTML上の各要素が生成する領域のことです。下図のHTMLコードのウェブページでは、div要素・h1要素・p要素がそれぞれボックスを生成します。 Flexboxでは、ボックスを横ならびにしたり、右寄せ・中央寄せ・左寄せをしたりと、さまざまなレイアウトを少量のコードで実現できます。 サンプルの紹介 今回はレスポンシブな

移り変わりのとても速いウェブデザインの世界では、どのようなデザインや実装テクニックが人気トレンドとなっているのか、定期的にチェックしておくことが重要です。今回は、クリエイティブなアイデアの参考にしたい最新ウェブデザインをまとめてご紹介します。 コンテンツを最大限うまく引き出し、ユーザーの印象に残るデザインを演出する最先端ウェブテクニックを体感してみましょう。各サムネイルをクリックすることで、参考ページを確認することができます。 詳細は以下から。 新しいウェブデザインの魅せ方を提案する、参考にしたいサイトまとめ Pharrell Williams ファレル・ウィリアムズの世界観を表現した公式ページ。グリッド上に並べられたサムネイルをクリックすると、豊富な情報を多彩なレイアウトでまとめています。 Heyblend 美しい配色とシンプルなレイアウト、書体の組み合わせはぜひ参考にしたいミニマルデザ

初めまして。鳥越さんと同じく元毎日新聞記者の黒岩揺光と申します。鳥越さんが毎日新聞を退社された17年後の2006年に入社し、3年半後に退社しました。当時の毎日新聞の会社案内文には「私も元毎日新聞です」と著名人が並ぶ中に鳥越さんも入っていました。そんな鳥越さんが、先日のハフィントンポストのインタビューで、「ペンの力って今、だめじゃん」と言ったことに驚き、落胆しました。 日本では、「ペンの力」は長らく、新聞社の記者にしか与えられない特権でした。私の入社時の応募条件は30歳以下で大学卒。数千人の応募者の中から選ばれた50人の同期の顔ぶれは特定の大学出身者が多く、30歳以降にジャーナリストになりたくなった人や、特定の大学に入れないものは「ペンの力」を授かることが不可能に近かったのです。 鳥越さんは毎日新聞の東京社会部や外信部という出世コースにおられ、その後も日本の報道の中心に居続けました。特権階級