Cornell University welcomed its first 412 students to the rural campus overlooking Lake Cayuga in Ithaca, New York, on October 7, 1868. Cornell is one of the original institutions funded as a result of landmark federal legislation, the Morrill Act of 1862. Named for Vermont Congressman Justin Morrill, this legislation offered states grants in the form of federal lands proportional to their populat

平成３０年１０月７日、安倍総理は京都市内で行われたＳＴＳフォーラム（科学技術と人類の未来に関する国際フォーラム）第１５回年次総会に出席し、スピーチを行いました。

30代と40代の女性は日常的に運動している人の割合が少なく、体力や運動能力も、年々低下傾向にあることがスポーツ庁の調査でわかり、女性の社会進出や子育てが背景にあるとしています。 その結果、30代と40代の女性で週に１日以上運動している人の割合は去年は40％前後にとどまり、調査を始めた平成10年以降、低下傾向が続いています。 特に30代後半では、平成10年に比べておよそ10％も低下したことがわかりました。 また30代と40代の女性は、体力や運動能力を表す合計点もここ10年ほど低下傾向にあります。 スポーツ庁は「女性の社会進出や子育てで忙しいことが背景にあるのではないか」と分析し、時間を取りづらい人や運動の苦手な人でも気軽に参加できるような取り組みを推進していきたいとしています。 このほかの年代では、小学生は入学前に外で体を動かして遊んでいた頻度が高いほど体力や運動能力の合計点が高く、高齢者で

ペニシリン（英語: penicillin）は、1928年にイギリス・スコットランドの細菌学者・アレクサンダー・フレミングによって発見された抗生物質である。抗菌剤の分類上ではβ-ラクタム系抗生物質に分類される。フレミングはこの功績によりノーベル生理学・医学賞を受賞した。 発見後、医療用として実用化されるまでには10年以上の歳月を要したが、1942年にベンジルペニシリン（ペニシリンG、PCG）が単離されて実用化され、第二次世界大戦中に多くの負傷兵や戦傷者を感染症から救った。以降、種々の誘導体（ペニシリン系抗生物質）が開発され、医療現場に提供されてきた。 1980年代以降、日本国内においては主力抗菌剤の座をセファロスポリン系抗生物質やニューキノロンに明け渡した感があるが、ペニシリンの発見はこれらの抗菌剤が開発される礎を築いたものであり、しばしば「20世紀における偉大な発見」の中でも特筆すべき1つ

この記事は検証可能な参考文献や出典が全く示されていないか、不十分です。 出典を追加して記事の信頼性向上にご協力ください。（このテンプレートの使い方） 出典検索?: "セファロスポリン" – ニュース · 書籍 · スカラー · CiNii · J-STAGE · NDL · dlib.jp · ジャパンサーチ · TWL (2017年1月) セファロスポリンC 構造式 最初に発見された。 セファロスポリン（Cephalosporin）は、β-ラクタム系抗生物質の一つの種類で、セファマイシン類やオキサセフェム類とともにセフェム系抗生物質と総称される。β-ラクタム環（四員環ラクタム）にヘテロ六員環がつながった形をしている。抗菌力・抗菌スペクトルの改善が重ねられてきたため、現在では多種多様なセフェム系抗生物質が販売使用されている。消化管吸収は一般に良く、副作用が少ないため頻用される。その反面、耐

β-ラクタム系抗生物質の中核構造の例。ペニシリン (上) と セファロスポリン (下)。 赤い部分が共通するβ-ラクタムの環状構造。 β-ラクタム系抗生物質（ベータラクタムけいこうせいぶっしつ）は抗生物質の区分で、その名称はβ-ラクタム構造を共有していることに由来する。 最初に発見されたβ-ラクタム系抗生物質はペニシリンで、1940年代後半より臨床で使用されるようになった。その後、適用菌種の拡大と抗菌活性の増大を目的にして、ペニシリンの構造を化学的に変換した多数の半合成ペニシリンが開発されペニシリン系抗生物質というグループを形成した。 ペニシリン自身は黄色ブドウ球菌などを代表とするグラム陽性菌に対しては強い抗菌活性を持つが、大腸菌などを代表とするグラム陰性菌に関しては抗菌活性が十分ではなかった。またβ-ラクタム構造を加水分解するβ-ラクタマーゼを産生する耐性菌の出現も問題であった。それに比

fukuoka.ex代表のpiacereです 今回もご覧いただいて、ありがとうございます 前回のコラムで、ifが、引数を2つ取る関数であることを解明しました このことを利用して、パイプの中で、ifを使う方法について解説します パイプでifの第1引数を渡す ifは、以下のように、第1引数に条件、第2引数に「do:」と「else:」のキーワードリストを取ります iex> if( "abc" == "abc", do: "abc is abc", else: "abc is not abc" ) "abc is abc" iex> if( "abc" == "xyz", do: "abc is abc", else: "abc is not abc" ) "abc is not abc"

こうなったらタスクもやってみましょう。 はじめてなElixir(17) で Agent を使ってみました。プログラミングElixirに出てくる残りの並行プロセス技法は Task です。今日はあまりハマらずで短いです。 なお、プログラミングElixirではAgentより扱いが軽いですが、リファレンス読むとまあまあ他のプロセス系なモジュールと同じぐらいの分量があります。 前回でいいわすれたこと 備忘録ですが Agent 名は大文字で始めます。これ、裏で勝手に :Elixir が補われるらしく Foo と書くと :Elixir.Foo というアトムになるそうな。この中途半端で微妙なおせっかい、Elixir らしいなあと思います。 勝手に走ってて問い合わせに応答もするプロセスを作る Agent は自立して走りますが、メッセージを与えるたびに関数が走るので、勝手に何かやってるという感じではありません

fukuoka.ex代表のpiacereです 今回もご覧いただいて、ありがとうございます 前回のコラムで、forが、可変長引数を取る関数であることを解明しました このことを利用して、パイプの中で、forを使う方法について解説します パイプでforの第1引数を渡す forは、以下のように、第1引数にリストの分解、第2引数以降に「リストの分解」「条件判定」を複数取り、最後に「do:」を取ります iex> for x <- [ 1, 3, 5 ], do: x + 2 [3, 5, 7] iex> for x <- [ 1, 3, 5 ], x < 4, do: x [1, 3] iex> for x <- [ 1, 3, 5 ], y <- [ 2, 4, 6 ], x < 4, y < 5, do: x + y [3, 5, 5, 7] iex> for x <- [ 1, 3, 5 ],

メイラックス錠1mg(Meiji Seika ファルマ株式会社) メイラックス錠2mg(Meiji Seika ファルマ株式会社) ロフラゼプ酸エチル（英: ethyl loflazepate) は、ベンゾジアゼピン系の緩和精神安定剤、抗不安薬の一種。日本では、1989年よりメイラックスという商品名で、明治製菓（現：Meiji Seika ファルマ）より発売され、適応は神経症や心身症における不安・緊張・抑うつ・睡眠障害である。 連用により依存症、急激な量の減少により離脱症状を生じることがある[1]。向精神薬に関する条約のスケジュールIVに指定されている。麻薬及び向精神薬取締法の第三種向精神薬である。

年に1本は、無理をしてでも他人に薦めたくなる傑作に出会うことがある。Netflixオリジナルドキュメンタリー『イカロス』（2017年･米国）は、まさにそういう作品だった。これを見て衝撃を受けた私は、居ても立ってもいられず、懇意にしている各局のテレビ制作者に「絶対に見るべき！」と押しつけがましいメールを送りつけた。まずは、『イカロス』を見た彼らの反応を紹介したい。 「めっちゃ面白いですね！ ……ビビりました」 「衝撃ですね、打ちのめされました。ロシアのドーピング問題は知ってるつもりでしたが、告発する前から追いかけていた映像スタッフがいたとは……」 「見終わったあと、監督と元所長が生きているのか、思わず調べてしまいましたよ。時系列的にもにわかには信じられないことが次々起こるので、最初フィクションなのかと疑うほどでした」 いずれも、ドキュメンタリーや情報番組の第一線で活躍する制作者の感想である。

習近平独裁下の中国で、ウイグル・チベットなどの少数民族や、キリスト教徒らへの弾圧が苛烈さを増している。そんな中、新疆ウイグル自治区にある空港に、謎の通行標識が出現した。これは一体、何を意味しているのか。ジャーナリストの野村旗守氏がレポートする。 ＊　＊　＊ 昨秋、シルクロードの要衝として知られる中国最西端の都市、ウイグル自治区カシュガルの空港に出現した通行標識がある。 「特殊旅客、人体器官運輸通道」 簡体字とアラビア文字でそう書いてある。「特殊旅客」が外交官や共産党幹部、国賓待遇の外国要人などを指すのは勿論だが、「人体器官」とは一体何か？ これは即ち、人間の臓器のことである要は、「ここは大至急運び出さなければならない切りたての移植用臓器が通る通路だから一般人は並ぶな！」と言っているのだ。 この写真が出回った当初、その表示があまりにもあからさま過ぎるため、「フェイクではないか」と真贋を問う声

豊洲市場の11日の開場に向け、水産・青果の業者の築地市場からの引っ越し作業が本格化した。7日早朝には小型の運搬車「ターレ」やフォークリフトの移動が始まった。築地市場は6日に閉場したばかりだが、豊洲市場の開場は迫る。業界関係者の準備は熱を帯びている。午前5時、夜明け前から約100台のターレが築地市場を出発し、豊洲市場を目指した。築地市場ではターレとフォークリフトが約2600台登録されていた。豊洲

来年10月に予定される消費増税の際に導入される「軽減税率」について、財務省は、コンビニやスーパーでは店内のいすやテーブルを飲食禁止とした場合にはすべての食べ物の税率を８％に据え置くという基準を明確にしました。 このため店内にいすなどを置いて飲食ができるコンビニやスーパーでは、顧客への対応が複雑になると指摘されていました。 こうしたことから財務省は、コンビニやスーパーが店内での飲食を禁止にし、実際に飲食が行われていない場合には、店内で販売する飲食料品にはすべて８％の軽減税率を適用するという基準を明確にしました。 一方、店内での飲食を禁止しない場合には会計の際に持ち帰りかどうかを確認することが必要になります。 コンビニの関係者の間では、すでにイートインのコーナーを設けている店では飲食を禁止とするのは難しいという声も出ていて、今後各社がイートインを見直すかどうか注目されます。 財務省は国税庁が公

Enlarge / Nintendo of America President and COO Reggie Fils-Aime poses with the wildly successful Nintendo Switch. SEATTLE—Nintendo of America President and COO Reggie Fils-Aime appeared at Seattle's Geekwire Summit on Wednesday to speak broadly about the company's future, and, while the talk didn't include new product reveals, it proved illuminating about what to expect from the big N in the futu

There are some differences feature-wise, as well as semantically. Features SML supports but not OCaml: transparent signature ascription module-level let symmetric sharing constraints syntactic sugar for functors over types and values Features OCaml 4 has but not SML: higher-order functors recursive modules local modules nested signatures modules as first-class values general module sharing (sig wi

A Road to Common Lisp(これがお勧めだ!) A Road to Common Lisp 翻訳 手引きのような英語記事は他にも多数ありますが、とんと翻訳されてないですね。

Goで構造体型の初期化をコンストラクタっぽく書く時は、およそ次のルールを守れば良い。 ”New型名”という名前にする。 戻り値はポインタ型にする。 (例) func NewFile(fd int, name string) *File { if fd < 0 { return nil } f := File{fd, name, nil, 0} return &f }

オフラインリアルタイムどう書くE27の問題「とあるカードゲーム」の実装例を、まずは Go で。 問題 : http://nabetani.sakura.ne.jp/hena/orde27cardgame/ 実装リンク集 : https://qiita.com/Nabetani/items/cdc102d186faaf542574 イベント : https://yhpg.doorkeeper.jp/events/79705 次回のイベントは 11/3。 詳しくは https://yhpg.doorkeeper.jp/events/81346 を御覧ください。 で。 Go による順当な実装 package e27 import ( "fmt" "math" "strings" ) func isContinuous(m map[int]int) bool { min := math.MaxIn

（本記事は内容が古くなっており賞味期限切れとなっています。最新動向については Zenn で公開している「Go のモジュール管理【バージョン 1.16 改訂版】」をどうぞ） Go 言語バージョン 1.11 からパッケージとそのバージョン情報を一括管理できる「モジュール対応モード（module-aware mode）」が組み込まれた。 1.11 では preliminary support だが，2019年2月頃にリリースされる 1.12 以降で正式なサポートになる予定である（予定は未定）。 モジュール対応モードの利点は以下の2つであろう。 パッケージとそのバージョン情報を一括管理できる 「GOPATH 汚染問題」の解消 特に2番目が重要だろう。私達はようやく GOPATH の呪いから解放されるのである（笑） 1番目については dep などの外部ツールでも対応可能だが，やはり公式にサポートされ

自分のパーソナルプロジェクトで、go の CLI で、テンプレートから、プロジェクトをジェネレートする必要があったので、そこでの学びを整理しておく。Go のプロジェクトで、Yo のようにテンプレートジェネレートをしたい時、go のCLIならきっとシングルバイナリーで決めたいはず。その方法をシェアしたい。 戦略 CLI でテンプレートを作成するのは次のようなイメージ。 こうするといくつかのディレクトリとファイルが生成されるというわけ。この時に、テンプレートを作っておいて、hello-world というプロジェクトを作りたい時に、上記のようなコマンドを打つと、basic テンプレートに対して、hello-world というパッケージ名を埋めてディレクトリを生成してくれるというイメージ。よくありがちなもの。 実現方法として２つ思いついた。 テンプレートファイルを作っておいて、それをコードに変換す

Goでダック・タイピングをしてみる ダック・タイピングとは、 ダック・タイピング（duck typing）とは、Smalltalk、Perl、Python、Rubyなどのいくつかの動的型付けオブジェクト指向プログラミング言語に特徴的な型付けの作法のことである。それらの言語ではオブジェクト（変数の値）に何ができるかはオブジェクトそのものが決定する。つまり、オブジェクトがあるインタフェースのすべてのメソッドを持っているならば、たとえそのクラスがそのインタフェースを宣言的に実装していなくとも、オブジェクトはそのインタフェースを実行時に実装しているとみなせる、ということである。それはまた、同じインタフェースを実装するオブジェクト同士が、それぞれがどのような継承階層を持っているのかということと無関係に、相互に交換可能であるという意味でもある。 出典: フリー百科事典『ウィキペディア（Wikipedi

Goのデフォルトパッケージのnet/httpでmiddlewareを定義し、 Railsで言うbefore_actionやCakePHPで言うbeforeFilter の処理を自前で実装してみます。 パターン 1 ダックタイピングによる実装。 http.Handleはhttp.HTTP(w http.ResponseWriter, r *http.Request)を 引数で受け取るのでw http.ResponseWriter, r *http.Request を受け取るメソッドを定義しておけばあとはダックタイピングで勝手にcallしてくれる。 package main import ( "fmt" "net/http" ) type HandlerProvider struct {} /*-------------------------------- * ダックタイピングで勝手にcal

PHP Extension Pack : PHP 用の拡張機能詰め合わせ Laravel Extension Pack : Laravel 用の拡張機能詰め合わせ PHP Namespace Resolver : use の追加やクラス名をフルネームに変換する PHP DocBlocker : PHP Doc のコメントを簡単に作れる Laravel goto view : blade ファイルへのハイパーリンク機能 Laravel goto controller : コントローラ@アクション へのハイパーリンク phpcs : 構文チェッカー phpcbf : php の書式を整形する DotENV : .env ファイルの編集を補助する Register as a new user and use Qiita more conveniently You get articles tha

構成 第1回 Eloquent ソースコードリーディング - モデルの取得 第2回 Eloquent ソースコードリーディング - リレーションの取得 （この記事） 予備知識 すべてのリレーションクラスが実装しているメソッド まず抽象クラス Relation がどのようなメソッドの実装を要求しているのか見てみよう。 なお，リレーションを自作する際は Relation クラス，あるいはそれを継承して作られたクラスを必ず継承することになる。 /** * Set the base constraints on the relation query. * * @return void */ abstract public function addConstraints(); /** * Set the constraints for an eager load of the relation. *

Laravel Passportとは 平たく言えばAPIにOAuthに従った認証機能を追加できる機能。Laravelのエコシステムの１つ。 すこし大げさなので標準のapi_tokenを利用したり、外部ライブラリを利用するのもあり。 対応するToken発行方式 PassportはOAuthで定義されている４つの方法に加え、Personal Access (Grant) Tokenという主に内部利用向けのToken発行ができる（名前はOAuthの正式な呼び方とは微妙に違うみたい）。 OAuth2 with authorization codes (Auth Code)→SNS認証でよく使うやつ（確認画面あり・Code発行あり） Password Grant Token（確認画面無し。Codeなし。ID, PWでTokenを発行） Implicit Grant Token（いきなりTokenを発

準備と実装 migrationファイルの編集 では、テーブルを作成します。標準で用意されているmigrationファイルにapi_tokenを追加します。 60文字にしていますが、それより短くても長くてもOKなようです。 <?php use Illuminate\Support\Facades\Schema; use Illuminate\Database\Schema\Blueprint; use Illuminate\Database\Migrations\Migration; class CreateUsersTable extends Migration { public function up() { Schema::create('users', function (Blueprint $table) { $table->increments('id'); $table->st

passportは標準なので安心感がある一方、ちょっと大げさなのでとりあえずtymon/jwt-authも試してみる。 内容はこちらの記事を参考にさせていただきました（ほぼ同じ。すみません）。 本家サイトにある暫定マニュアルも参考になります。 準備 インストール 参考記事ではrc2でしたが、既にrc3に。あと書き方変わったみたいです。本家サイトでバージョンを確認しましょう。

その他の設定 providers登録等はいらない（恐らくは5.5からのAuto dicoveryのおかげ）。 実装 以下のような感じでソーシャルログインを実装する。 SNSログインボタンを設置 SNSで認証＋ユーザー情報を取得する（emailの取得が必須） 該当のemailがなければ登録後、ログイン（1回目） 該当のemailがあればそのままログイン（2回目以降） Model モデルとしてはUser(usersテーブル)を利用するが、標準ではpasswordが必須になっているのでマイグレーションファイルでnullを許可しておく。 （ソーシャルログインでは自社サービスとしてはpasswordを要求しないので） <?php use Illuminate\Support\Facades\Schema; use Illuminate\Database\Schema\Blueprint; use I

散々やったMultiAuthだけど、ずいぶんブランクがあるのでおさらい。 こちらの記事を参考にさせていただきました。が、5.7や私の環境ではそのまま動かないところがあったので一部修正・追記しております。 やりたいこと usersに加え、adminsテーブルを追加し、ユーザー側、管理側で認証を分ける。 logoutに関しても個別に行えるようにする（とりあえずadminでログアウトしてもuserのSessionは維持） 方針 とりあえずmake:authで生成されるusers向けのControllerやViewを応用して管理者用（admin）の認証機能を作る。 大まかな流れ laravelのインストールや.envの設定 make:auth adminsテーブルの作成、Adminモデルの生成 admin guard（とプロバイダ）の追加 Handle.phpに認証エラー時の対応追加 routin

認証と許可でいうなら許可ですね。いろいろなやり方（表現）がありますが、とりあえず最低限。 必要に応じて追記。 やりたいこと 認証（ログイン）＋Gateでルート毎にアクセスコントロール Viewで一般会員向けコンテンツとGold会員向けだけのコンテンツを出し分け Gold会員はusersテーブルにrole=1を追加 準備 Laravelインストール＋.env設定 割愛。 make:auth とりあえず認証使うのでmake:authしておく。 <?php use Illuminate\Support\Facades\Schema; use Illuminate\Database\Schema\Blueprint; use Illuminate\Database\Migrations\Migration; class CreateUsersTable extends Migration { pu

Rustのwasm開発環境でwasm-bindgenを利用するようにした際のModule not found: Error: Can't resolve 'env' in 'XXX'のエラーRustWebAssemblywasmwasm-bindgen

はじめに 今のチームでは、多言語化対応をおこなう際、Airbnb製のライブラリであるnode-polyglotを使っています。 Reactの多言語化でポピュラーなライブラリとしてreact-intlがあります。 しかし我々の場合は、フロントエンドにReactを採用したのは最近のため、これまで利用していたライブラリを継続して使う形で開発をしています。 今回はその使い方を簡単にまとめました。 開発で用いる環境の構築 ここでは、create-react-appで環境を構築しています。 動作確認のための環境なので、 tslint のエラーが出ないように少し設定をいじっています。 tslint.jsonのrulesは以下の通りです。 "rules": { "no-var-requires": false, "interface-name": [true, "never-prefix"], "no-e

TypeScriptのIndex typesと Mapped typesを使ってJavaScriptライブラリをIDEで補完するJavaScriptTypeScriptEventEmitter TypeScriptの型定義はアプリの初期設計時に適切な形で導入すれば後の開発が楽になりますが、使うだけならともかく自分で定義するほどには理解が及ばないというケースは多いかと思います。 特に Index types や Index types は扱えると便利なのですが、聞かれると説明に窮することがあり、自分の理解を深めるためにもまとめました。 ※以下の記事は TypeScript3.1.1 が前提です。 EventEmitterを型安全に扱う ありがちですが、 EventEmitter を題材にします。 ほぼこちらの記事の二番煎じです。 TypeScript 2.1 で導入される keyof を使っ

収賄などの罪に問われている韓国のイ・ミョンバク（李明博）元大統領に対して、ソウル中央地方裁判所は「国民と社会に失望と不信を抱かせ、厳重な処罰は避けられない」として、懲役15年の実刑判決を言い渡しました。 裁判で、イ元大統領が「資金は受け取ったが賄賂にはあたらない」などと無罪を主張したのに対し、検察は懲役20年と罰金およそ15億円を求刑していました。 ソウル中央地方裁判所は、５日の判決で「イ元大統領が受け取った金は賄賂だと認められる」としたうえで、「国民と社会に失望と不信を抱かせ、厳重な処罰は避けられない」と述べ、イ元大統領に対し、懲役15年の実刑と罰金およそ13億円を言い渡しました。 イ元大統領は、「健康上の問題がある」として出廷しませんでした。 韓国メディアは、イ元大統領が控訴するかどうか、弁護士が週明けに明らかにすると伝える一方、検察側は、主張の一部が認められなかったとして控訴する方針

Welcome back to Instagram. Sign in to check out what your friends, family & interests have been capturing & sharing around the world.

８３年の歴史に幕を閉じた築地市場。右下の道路は豊洲市場へ続く都道・環状２号線（６日午後５時４０分、東京都中央区で、読売ヘリから）＝守谷遼平撮影 築地市場の解体工事は１１日から始まり、２０２０年２月まで続く。 解体に伴い、周辺住民らの心配の種となっているのが、市場内外で多数目撃されているネズミの問題だ。築地から逃げ出したネズミが北側の銀座地区や、隅田川を泳いで対岸の勝どき、晴海地区にまで移動する恐れがあり、東京都は駆除作戦を進めている。 都は、敷地周辺で塀がない部分などを高さ１・５メートルのトタン板で囲う「封じ込め」を展開。粘着シートなどで８月に７３９匹、９月に３３３匹を捕獲した。 都の担当者は「捕獲数が減っているのは、母数が減っている表れだ」と説明するが、関係者からは「そもそも何匹いるかわからない。根絶はできないのでは」と疑問の声が出ている。

中国で６日、国際刑事警察機構（ＩＣＰＯ、本部フランス・リヨン）の孟宏偉（もう・こうい）総裁が中国に一時帰国後、行方不明になったニュースをＮＨＫ海外放送が報じた際、画面が突然真っ黒になり放映が中断した。 ニュースは孟氏が中国当局に連行され、調査を受けていると伝えた香港紙の報道を紹介、異例の事態で今後の推移が注目されると指摘する内容だった。 （共同）

まさかの２週連続台風により週末が終わってしまいそうで、ちょっと悲しい kouraku です。おはこんばんちわ。予定は何も入れていなかったので、それだけが救いですね。。。 さて、前回『Googleスプレッドシートで作成したファイルリストをVue.jsで表示する』というお題にチャレンジしましたが、実は１つだけ問題がありました。それは・・・ IE11だと表示されないよ！！！！ ・・・はい、分かっていたのですが、コーディング中にIEを使うこともあまりないだろう・・・と思い放って置いたんです。 でも、仕事を進め行く内に、「IEでもちゃんとファイルリストが見られないと面倒！！」という場面にチョイチョイ出くわしたので、やっぱり直すことにします。 ということで今回は、このファイルリストをIE11でも表示できるように修正をしたいと思います。 まずはIE11のコンソールでどのようなエラーが起きているかチェック

何が違うの？ setValue()は全プロパティに対して、値をセットしているかをチェックします。 patchValue()はチェックしません。 どう言う事？ 例えば下記のようなformをビルドしたとします。 form = new FormGroup({ firstName: new FormControl(''), lastName: new FormControl(''), age: new FormControl(null), birthday: new FormControl(''), });

前置き 以前、仕事でAngular使うことになったので整理するという記事を投稿しました。 あれから少し経って、だんだんAngularのことがわかってきたので、勉強につかった書籍やサイトなどをまとめておきます。 ※Angular 6を使ってた頃の話になります。 Angular Webアプリ開発 スタートブック Angular Webアプリ開発 スタートブック 最初に買った本です。 適当に寄った書店でAngular関連の本がこれだけ置いてあって、 とりあえず試しに買ってみた本でした。 感想としては、うーん、、、どうなんでしょう。 内容は薄めです。 ハンズオンのような形式で、かなり易しめに書いてありますが、 かゆいところに手が届いておらず、私の欲しかったような内容ではありませんでした。 とはいえ、書いてある通りに実装すれば動くものは作れましたし、それでなんとなく全体像が掴めたようなところはあった

これはなに？ とあるリポジトリを Babel 6 から Babel 7 にアップグレードするにあたって、公式のアップグレードガイドを読んで修正が必要だった箇所をまとめたものです。網羅的に記載している物ではないので、細部は公式のアップグレードガイドを参照してください。 公式のアップグレードガイド Upgrade to Babel 7 あわせて Babel 7 Released も読むと、今回のリリースの背景等も知ることができて面白いでしょう。 .babelrc の有効範囲の変更 .babelrc に設定した内容は package.json ファイルを含むディレクトリ配下には適用されなくなっています。 node_modules 配下も同様の制限を受けます。これは monorepo のように複数のパッケージを管理する際の拡張性に配慮した変更のようです。 一方で babel.config.js を

lodash のファイルサイズを lodash-webpack-plugin と babel-plugin-lodash を使って削減するJavaScriptwebpacklodashbabel 概要 react で SPA を作成していたのですが、webpack-bundle-analyzer をみると、lodash の占める割合が大きかったので、少しでも減らせるような試みとして、 lodash-webpack-pluginと babel-plugin-lodashを使って、 ファイルサイズを削減しました。 利用した主なパッケージのバージョン "babel-core": "^6.26.3", "babel-loader": "^7.1.5", "babel-plugin-lodash": "^3.3.4", "babel-preset-env": "^1.7.0", "babel-pre

VMはメモリを固定して利用するため、一度に複数起動するのは難しいです。 情報はlinux用が多いです。Windowsネイティブは.exeとかパスが\とか何かと読み替えないといけません。 速度的にはどれもほぼ同じで特に問題はありません。 Windowsネイティブは環境が破壊されます。下手するとWindowsが起動できなくなる可能性もあります。 Windows Subsystem for Linuxの有効化 突然ですが、検索ボックス使ってますか？ ここです。 入力するといろいろ検索してくれます。 通常EdgeでBingの検索結果が表示されるだけなので、使えないって思っている人が多いと思うのですが、PCの内部の検索する場合はここから行うと速い場合が多いです。 というわけでここに「windowsの機能」ぐらいまで入力してください。 そうすると、「Windowsの機能の有効化または無効化」と出てくる

var http = require('http'); // ① var server = http.createSever(function(req, res) { // ② res.writeHead(200, {'Content-Type': 'text/plain'}); // ③ res.write('Hello World'); res.end(); }); server.listen(3000); // ④ console.log('サーバーを起動しました。'); 解説 ① requireという関数でhttpオブジェクトを生成している ② httpオブジェクトのcreateServerメソッドでサーバーオブジェクトを作成する createServerメソッドは引数に、サーバーリクエストを受けたときに動作させるコールバック関数を指定する(コールバック関数は、第一引数にリクエスト

var http = require('http'); var fs = require('fs'); //　① var server = http.createServer(function(req, res) { fs.readFile('./temp.html', 'utf-8', function(err, data) { //　② res.writeHead(200, {'Content-Type': 'text/html'}); // ③ res.write(data); res.end(); }) }); server.listen(3000); console.log('サーバーを起動しました。');

Node.jsでは、リクエスト(URL)ごとにレスポンスとして返却する内容を使い分けることにより、結果として画面遷移を実現させる 以下コード var http = require('http'); var fs = require('fs'); var server = http.createServer(function(req, res) { var target = ''; switch (req.url) { case '/': case '/index': target = './index.html'; break; case '/next': target = './next.html'; break; default: res.writeHead(404, {'Content-Type': 'text/plain'}); res.end('bad request'); re

最近、ElectronでGateというMac用デスクトップアプリケーションを作って、Mac App Storeにリリースしました。Gateは、入力したパスのフォルダを、Finderで開くことができるアプリケーションです。Macのパスだけではなく、Windowsパスも開くことができるので、特にMacユーザとWindowsユーザがいるチームでフォルダパスを共有する際に役立つと思います。 Mac App Storeにリリースするにあたり、具体的な手順がわからず苦労したので、今回はリリースまでの一連の流れをまとめてみようと思います。 前提事項 Mac用デスクトップアプリケーションの手順です。 アイコンや証明書等の事前準備については、既にわかりやすい記事がたくさんあるので詳細手順を省き、リンクを紹介させていただきます。（わかりやすい記事をありがとうございます） 逆にリリース用インストーラパッケージの

Overview React App を Netlify へ上げる際に詰まったことがいくつかあり、Netlifyの公式Docsは英語only( https://www.netlify.com/docs/ )で、qiitaなどの日本語記事があまり見られなかったので共有します。 使用した環境は以下です。 node.js v10.7.0 React.js v16.4.1 yarn v1.7.0 困りごと①：環境ごとにビルドコマンドを分けたい Netlifyはかなり便利で、ビルドしたいときにGUIからBuildコマンドを設定するだけで本番環境用ブランチが更新される度に設定されたBuildコマンドを自動で実行してデプロイしてくれます。（しかも無料で！神！） 開発する際は複数の環境を作って開発することがあると思います。（今回は本番環境とステージング環境で開発しようとしていました。） NetlifyのG

JavaScript(ECMAScript)の実行環境によって、アロー関数(ES6~)などの新しい構文が使えたり使えなかったりします。 例えば、Internet Explorer 11ではES6以上から使える構文には対応していないので、アロー関数が利用できません。 その構文が使えるか true or false で返す関数を作ることを考えてみました。 アロー関数が使えるかどうかを返す関数 通常はあまり使われることがない Function コンストラクタを活用します。 Function コンストラクタでアロー関数を含む関数を定義できればアロー関数が使えると考えて良さそうです。 function canUseArrowFunction() { try { Function('x=>1'); return true; } catch (e) { return false; } } ちょっと意地悪

Yarnはキャッシュするので速いという話をよく聞いていて、Yarnしか使ってなかったが、最近npmを使う機会があって気づいたのは、そこまで遅くないなということ。6.xになってから爆速になったという噂もそういえばあった。 *この記事は速さのみに絞っているので、npmはauditがあるだとか、yarnのupgrade-interactiveは至高だとか言う話は置いておきます。 計測環境 MacBook Pro (13-inch, 2018) macOS High Sierra Version 10.13.6 Node.js v10.11.0 npm v6.4.1 Yarn v1.10.1 { "private": true, "dependencies": { "@types/bcrypt": "^3.0.0", "@types/joi": "^13.6.0", "@types/koa": "

なぜ？ 住所検索とかのAPIを使う際に、郵便番号やビル情報が不要だった（むしろ、あることで結果を正しく取得できなかったり） Google先生でルートを検索しようとした時、そのままだと「ルート検索」が一発で出てこなかった 2に関しては、以下のような感じ。 「東京都 千代田区紀尾井町1-3 東京ガーデンテラス紀尾井町 ヤフー株式会社」 を検索した場合 「東京都千代田区紀尾井町1-3」 を検索した場合 テストデータ準備 住所のデータは、connpassのAPIを使用して取得した情報を使います。 connpass API リファレンス 御察しの方もいるかと思いますが、APIで取得した住所の表記がまちまちだったのが、そもそも住所部分だけを抜き出そうと思った最初のきっかけです。 実装 まずは最終成果物から。 export function getAddress( orgAddress: string

古い。 npm入ってた気がするけど。。 nodeを再インストール nodeアンインストール nodeの消し方をggって再インストールする。 参考： MacにpkgでインストールしたNode.jsをアンインストールする手順 lsbom… 初めて見るコマンドは調べてから使う。 インストールパッケージに含まれているカタログファイル（*.bom）を参照する。 「lsbom」コマンドは、ディレクトリ部分を抜き出すなど、インストーラーでパッケージを開くよりも詳細な情報を確認できる。 引用元 ほほん /var/db/receipts/org.nodejs.pkg.bomに記載されてるファイルと指定ディレクトリとファイルを消す。 $ lsbom -flspf /var/db/receipts/org.nodejs.pkg.bom | while read i; do sudo rm /usr/local/

目的 Promise.allで取得してきたものを順番を崩さずにDBに登録したい。 詰まったところ forEachばかり使っていたので少しはまりました。 forEachはbreakもcontinueも使えないので更に使いどころを気にしようと思います。 非同期処理を含むループを同期処理したい場合はforEachは使えない。 forEachは引数がcallbackになるのでcallback内でawaitを使用するとasync functionではないのでSyntaxError callback内をasync functionに変えて実行したらcallbackが非同期になるのでループが非同期になってしまう。 なのでfor系の文を使うしかない。 コード const _ = require('underscore'); const knex = require('knex')({ client: 'm

response.ok();// return boolean, true = 200-299 Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationWhat you can do with signing up

await page.evaluate((a) => {}, a); await page.evaluate((a, b) => {}, a, b);

スクリーンショットをとるときは怪しい挙動をしていたので注意が必要そう。 fullPage: trueにしないと応答がないものがあってずっと処理が終わらなかった。 コード const puppeteer = require('puppeteer'); // Unhandled promise rejection process.on('unhandledRejection', (error) => { console.error(error); process.exit(1); }); const articleUrlList = [ 'https://qiita.com/horikeso/items/0bf9a78454b8124a6dfa', 'https://qiita.com/horikeso/items/f87d3e703828aa13e2ff', 'https://qiita.c

Digital OceanのDropletsを作成するところからexpress.jsでAPIサーバーを立てるところまでのメモ。 Digital Oceanとは言ったもののDropletsを作る以降は、OS共通のはず。 目次: 1. Dropletsを作る 2. SSH接続してみる 3. nvmでnode.jsをインストールする 4. express.jsアプリケーションを実行する Droplets を作る 以下のイメージとサイズを選択した。 OS: CentOS 7.5 x 64 MEMORY: 1GB vCPUs: 1vCPU SSD DISK: 25 GB TRANSFER: 1 TB PRICE: $5/mo, $0.007/hr region: Singapore SSHキーもこの画面で設定できる。これでサーバーが生成されて起動する。 SSH接続してみる ターミナルを開いて $ s

Nuxt v2.4で公式にTypescriptがサポートされた。 この記事はそれ以前のNuxtでTypescriptを使うための方法について記述している。 これから始めるならNuxt(v2.4以降) + Typescriptセットアップを参照いただきたい。 最近、Nuxtについてよく見かけるので、やってみようとちょっと触ってみた。 どうせなら、Typescriptでやりたい。PugやSassを使えたほうがいいだろうとセットアップしてみた。 このエントリの結果できあがる構成の 2018/10/06 時点での主なモジュールのバージョンは次の通り。 nuxt: 2.1.0 typescript: 3.1.1 pug: 2.0.3 node-sass: 4.9.3 最初に vue-cli をインストールする。vue initを使うには@vue/cli-initのインストールも必要らしい。 bash

同じ轍を踏まないためにも、人柱になった自分を供養するためにも、ここにメモしておきたいと思います。 ちなみにアホかと思いますが、この件で4~5時間くらい悩んでいました。 前提 以下の条件でCSSをコンパイルしたい要件だったので、普通に何も考えずに assets:precompile するわけにはいきませんでした。 Railsでassets:precompileする対象のマニフェストファイルに、 require_self require_tree などのディレクティブは書かない 必要なディレクトリ・ファイルはすべて @import して読み込む順番を制御する assets/stylesheets/ 以下のCSSファイルをごっそり整理するために、ファイルを削除しまくったり、一時的に空のディレクトリを用意したりしておく必要がある TL;DR 結論を先に書くと、 @import する対象のディレクト

初投稿です。 タイトルの通り、Tech系有名サイトの新着記事タイトルとそのURLを1枚のexcelにできるコードを書きました。 実行結果↓ タイトルを１枚のシートでぱっと一覧できるのっていいですね 実際のコード 1.WEB_scrapingというクラスの中に４つのインスタンス変数をもつインスタンスを生成（これがクロールするサイト） import requests from bs4 import BeautifulSoup import pandas as pd #タイトル、URL、拾うタグ、classを変数にする class WEB_scraping: def __init__(self,name,url,tag,detail): self.name=name self.url=url self.tag=tag self.detail=detail #webページのHTMLをかえす def

# 最大表示範囲を確認 pd.get_option("display.max_columns") pd.get_option("display.max_rows") # 表示範囲を指定(お好みで数値を設定) pd.set_option("display.max_columns",50) pd.set_option("display.max_rows",50) # その他のオプション dir(pd.options.display) #実行結果 ['chop_threshold', 'colheader_justify', 'column_space', 'date_dayfirst', 'date_yearfirst', 'encoding', 'expand_frame_repr', 'float_format', 'height', 'html', 'large_repr', 'late

※DBはSQLite(Django初期設定のまま)を使用。 経緯 自作のモジュールで抽出したデータを表形式で一覧表示させたかった。 csvにしようかとか色々模索したのだが、データを使って色々やりたいこともあり、Modelを利用してデータ保存するのが一番楽でよかった。 備忘も兼ねて初投稿してみました... 手順 ルート（url）の設定 お試しということで、データ登録用（登録確認）urlとデータ一覧表示用urlの準備をします。 from django.urls import path from . import views app_name = 'polls' urlpatterns = [ path('create/', views.create_userdata, name='create'), path('list/', views.UserListView.as_view(), nam

仮想環境下でのLaravel MixでHMR LaravelにはLaravel Mixというwebpackベースのビルドツールがあり、ReactやVueなどのフロントのビルドがかなり簡単に行えてしまう機能が実装されています。またあらかじめHMR（Hot Module Replacement）という動的にコンポーネントの内容を置き換えるためのコマンドも用意されています。 Reactなどのコンポーネント系のフロント開発の場合、変更が即座に反映されるHMRはかなり効率的に開発が出来るになるので、これをLaravelの環境下で動かすことに挑戦してみました。 LaradockというDockerで動作するLaravelのオールインワンパッケージ的なものを使ってHMRを実現してみようと思ったのですが、環境上の問題でいろいろハマったので方法をメモしておきます。 環境構成 開発 ・Windows10 Hom

この投稿は以下の記事を英語・JavaScriptから日本語（意訳）・PowerShell + 補足したものです。 5 Tips to Write Better Conditionals in JavaScript JavaScriptやPowerShellなどの言語は少々言語ハックした記事が多いですが、 この投稿では原文通り言語ハックはせず、読みやすい書き方はこうだ、と思うものを書きました。 ソースコードはPowerShellですが、他の言語にも通ずるところはあると思います。 また、ところどころSonarQube（ソースコードの静的解析ツール）の規約の中から該当するルールを引っ張り出し、 なるべく、私見により過ぎないよう心がけてます。 不備などあれば、ご指摘ください。 この投稿で使用したソースコードはgistに置いてます。 環境 $PSVersionTable Name Value ---

ブログからの転載 経緯 PowerShell を使ってデータ移行を行う時に、データ整備のために全角を半角にする... よくある話だと思いますが、先日仕事でその場面で色々調査する時間がなかったのでガーッとコーディングしましたが、「あれは遅いのでは？」と思って、サッと思い浮かぶ方法で計測してみました 環境 クライアント環境 Windows 10 Pro PowerShell 5.1.17134.228 Surface Pro 4 (Core i5-6300U) テスト方法 次のデータの全角数字を半角数字に 1,000,000 回置き換える。 $data = "２０１８年０９月２６日水曜日の沖縄の天気は曇り時々晴れ、 最高気温は３１℃、最低気温は２６℃の予想です。" Measure-Command { for($i = 0; $i -lt 1000000; $i++) { [void]$data

PS /Users/tetsuya/yamazon/sandbox> # 読み込み(cat) PS /Users/tetsuya/yamazon/sandbox> gc ./a.csv "no","name","attr" "1","yamazon1","aws engineer" "2","yamazon2","aws engineer" "3","yamazon3","aws engineer" "4","yamazon4","aws engineer" PS /Users/tetsuya/yamazon/sandbox> # csv -> psobject 変換 PS /Users/tetsuya/yamazon/sandbox> gc ./a.csv |ConvertFrom-Csv no name attr -- ---- ---- 1 yamazon1 aws engineer

従来はファイルの文字コードを変換するのは大変面倒でした。テキストファイルですら、メモ帳で逐一開いて名前を付けて保存しなければならなかったですから。コマンドプロンプトで一括変更するやり方があれば良かったのですが、マイ〇ロソフト様はまた何を考えているのかそういったコマンドは実装されていませんでした。ところがPowershellには新しく文字コードを変換する方法が実装されていることを発見しました。ま、Linuxではもともと出来ていたのですからできて当たり前ですよね。以下がその手順です。ASCII（メモ帳の表示ではANSI）からUNICODEへの変換を例にとっています。

$ helm reset --force Tiller (the Helm server-side component) has been uninstalled from your Kubernetes Cluster. $ cat <<EOF | kubectl apply -f - apiVersion: v1 kind: ServiceAccount metadata: name: tiller namespace: kube-system --- apiVersion: rbac.authorization.k8s.io/v1beta1 kind: ClusterRoleBinding metadata: name: tiller roleRef: apiGroup: rbac.authorization.k8s.io kind: ClusterRole name: cluste

男性にとっても女性にとっても「女」は謎に満ちた「異なる者」＝「異性」。女自身にとっても女は謎。その謎をもっとも多様に纏っているように見えるのは若い女性。表象になぜ若い女性が多いのか（男だけでなく女もそれを欲望する）を性差別構造という解答以外で考えると、こういうことではないかと。