■はじめに ■ジェネリクス型とは？ ■ジェネリクス関数を作る ■extendsで制約を付与したジェネリクス型 ■keyofで制約を付与したジェネリクス型 ■ジェネリクスクラスを作る ■ユーティリティのジェネリクス型 ◆Required < Type > ◆Readonly< Type > ◆Pick< Type, Keys > ■最後に ■参考記事 ■はじめに こんにちは、株式会社iimonでエンジニアをしている「白水」です。 業務では、主にフロントエンドを担当させていただいています。 本記事はiimonアドベントカレンダー13日目の記事となります。 今回はTypeScriptの「ジェネリクス型」について書いていきたいと思います。 ■ジェネリクス型とは？ ここにnamesという変数があり、文字列を要素として持っている配列があります。 この配列の型は、画像の通りstring[]です。 これは

こんにちは、株式会社iimonでエンジニアをしている遠藤です。 本記事はアドベントカレンダー8日目の記事となります。 昨日に引き続きアドベントカレンダーを担当させていただきます。 はじめに 今回は既存のプロジェクトに型チェックを効果的に導入するための考え方について書いていこうと思います。 というのも、既存のPythonプロジェクトに型チェッカツール(mypy)が導入された際に、どのコードにどこまで明示的に型アノテーションをつけるのが良いのか考えたことがありました。既存のすべてのコードに型をつけきるには大きなコストがかかります。また、型アノテーションを詳細にすると、コードが明確化する分、コードへの型アノテーションの追加や型チェッカツールのエラー解消などにより多くのコストがかかるようになります。 そこで、最近読んだ「ロバストPython」で参考になった記載を自分なりにまとめてみました。 3つの

こんにちは、株式会社iimonでエンジニアをしている遠藤です。 本記事はアドベントカレンダー7日目の記事となります。 TypeScriptでは、ファイルがプロジェクト内でカプセル化できる最大の単位になります。 そのため、ファイルでexportされていない変数や関数等は同じファイル内でしか読み込めず、また、exportされている変数や関数等に関してはプロジェクト全体で参照できるようになります。 ただ、プロジェクト全体から参照したくない場合もあるかと思います。 例えば、Reactで以下のように、同じディレクトリのコンポーネントを参照するコンポーネントがあるとします。 Drink/Drink.tsx import DrinkItem from './DrinkItem' export const Drink = () => { return ( <div> <p>飲み物一覧</p> <div>

こんにちは、CTOの森です。iimonは今回が初のアドベントカレンダー参加です！ 本記事はiimonアドベントカレンダー1日目の記事となります。 はじめに 検証した環境 MySQL/mecabのインストール 大量のデータを入れる 1レコードのINSERTにかかった時間 検索してみる 検索文字列が「出来事」の場合 インデックスなし N-gram(bi-gram) IN NATURAL LANGUAGE MODE IN BOOLEAN MODE MeCab IN NATURAL LANGUAGE MODE IN BOOLEAN MODE 検索文字列が「チューリングはロンドンのリッチモンドに住み」の場合 まとめ 参照したサイト 最後に はじめに 今回はMySQLで全文検索機能を使う際のパフォーマンスについて書こうと思います！ 全文検索をちゃんと使うのであればElasticsearchやSolrな

皆さん、メリークリスマス！が終わりそうですが、 アドベントカレンダー最終日です。 締めにふさわしい内容では決してありません。 正直色々考えすぎて考えがまとまっていません＆納期が近いのでてんやわんやですが、 クリスマス＝ほぼ年の終わり ということで、今年の締め括りは宇宙規模でいきたいのです。 #今年は大変でしたね 今年はなんだかとても大変でしたね。。（まだ続きそうですが） あっという間に生活は一変し戸惑うことも多かったです。 ニュースなど、目先にある情報を見ているととてもビクビクしますし、落ち着かないですよね。。 もちろん、大切なことですが、やはり少し疲れてしまうもの。 なので少し視点を変えて、自分と世界を見つめ直してみたいのです。 #太陽 太陽ってすごいですよね。 太陽系の中心にあり、とてもとても大きい恒星です。 我々が日中、外の優しい光を浴びれるのは太陽のおかげですね。 太陽をもっと近く

本記事はプラコレAdvent Calendar 2020の記事です。 こんにちは。デザイナーのやぶづかです。 プラコレへ新卒入社してから、今年で５年目にさしかかり、 仲間・環境・考え方、そして技術的な面―… 色々なことが変わったなと振り返る場面も多くなりました。 変わったなというよりは、 幅が広がったと表現するべきかもしれません。 今回は私が入社前、インターンの時に制作したデザインを振り返りつつ、 「現在の私ならどうするか」リメイクするところまでを行ってみたいと思います。 2017年（3年前）の制作をふりかえる ほんの一部ですが、当時の制作物です。 バナー制作を主に行い、イラスト自体も自分で描いていることが多かったです。 よくOKが出たな…と思うものもたくさんありますが、 結局は世の中に出してみないとわからないもの。 不格好でも実践で戦う環境を与えていただけたことは、 あらためて感謝のきも

12/23って思い出深いですよね。 さて今週はみんな大好き、 curl（主にコマンド）について記事を書こうと思います。 読み方については「シーユーアールエル」と「カール」があるのですが 「カール」が正しいようです。 curl自体の説明は色んな方がされているので 使用頻度が高いであろうコマンドをメインに、備忘録も兼ねてまとめてみました。 curlとは 様々な通信プロトコルをサポートし、リクエストを送信することが可能です。 有名どころでいうとこんな感じ FTP, HTTP, HTTPS, IMAP, LDAP, POP3, SCP, SFTP, SMB, SMTP, Telnet 公式HP：https://curl.se メールの送受信できるのは知らなったです！ ただ現状、使うことは無さそうなので、ここまでに。 使い方 基本的なコマンドはこちらになります。 curl [option(long

本記事はプラコレAdvent Calendar 2020の記事です！ 覚えておきたいSQLをまとめました！ （学んだことは随時追加更新していこうと思います！） 基本操作 テーブルを作成 テーブルを作成するにはCREATE TABLE文を使う。

The Qiita Advent Calendar 2020 is supported by the following companies, organizations, and services.

はじめに こんにちは。 プラコレでフロントエンド（＆たまぁにサーバーとか）を担当しているエンジニアのタクシです。 今回のテーマはそもそも、雪が見たい！と思いThree.jsで雪を降らせてみようとか思っていたのですが、ちょうど一昨日パラパラとですが鎌倉でも雪が降ったので私の雪欲は満たされました。 豪雪で困っている方も多いということでもう雪なんて見たくない！と言われても仕方がないので、テーマを変えることに。。 ということで、来年には駆け出し新卒エンジニア三年目を迎えるタクシ的 「フロントエンドエンジニア」ってなんなんだ？ ということについて考えたいと思います。 フロントエンドとは フロントエンド（Front-end）とはフロント（Front）が英語で「表」という意味であるように、 ユーザー（今読んでいるあなた）の目にふれ、実際に触れられる表側、つまりは顔の部分のことを一般的には指します。 フロ

こんにちはKOです。 今回は今まで続けてきたこの技術ブログを経て気づいたことを赤裸々に綴っていこうと思います。 2020年の1月からスタートして現在で約130記事、 3日に一回のペースで書き殴っているという風になります。 PV数は年間で4500PV、一記事あたり35PV、、まだまだ伸び代がありますね〜！ 今から技術ブログを書きはじめようかなって方がいらしたら、そういった人たちの参考に慣れば嬉しいです。 もうやっている人はブログあるあるだと思って優しい気持ちで読んでいただけると幸いです。 ブログを始めたきっかけ 私はブログを始めたのは、当時インターンさせてもらっていた会社の 先輩エンジニアの方におすすめいただいたことがキッカケです。 ですが、私自身長い文章を書くのが嫌いだったので、 稚拙でも気にしない〜といったテンションで書き殴っていきました。 当時読んでいた本にも「とにかくアウトプットの量

お久しぶりです。井出です。 前回の記事から１年経ちましたね。 今年もやってきましたアドベントカレンダー！ 昨日は若手のホープ、ダニエル・バレンボイムが大好きなダニーさんが記事を書いてくれました。 記事はこちら 中途で入ったイケイケ系の彼ですが、 サーバばりばり触れるようになってきていて将来有望です！ 入社してからの振り返り記事とのことで プラコレが気になる方は、ぜひ雰囲気を感じてもらえたらと思います！ ダニーさんの流れで、自分も今年の振り返りをしてみようと思います。 去年まで自分のメイン言語はPHPでしたが、今年からRubyをメインにシステム開発していました。 記載方法が独特で最初は苦しめられましたが、振り返ってみると凄い楽しい言語です。 まだまだ理解できていない部分もあるので、来年はより深く理解できるよう進めていきます！ そんなこんなで、rubyのFWであるRailsで有名なサーバアプリ

みなさまいかがお過ごしでしょうか。 あっという間に今日は12月25日、つまりクリスマス つまりアドベントカレンダー最終日です。 早かったような、遅かったような、そんな１年がもうすぐ終わろうとしています。 僕にとって入社して初めてのクリスマス＆年越しです。 そんな１年の最後は友達と呑んだくれて寝正月ならぬ飲正月を過ごそうと着々と計画をしております。 もちろんコードもたくさん書く予定です。 さて、僕がこのアドベントカレンダー最終日を選んだ理由、それは 「クリスマスが１年で一番好きな日だから」 です。 誕生日とかよりも全然好きです。 なのでしっかり祝いたいのです。 #どうやって祝うか さてどうやって祝いましょう。 クリスマス感も欲しいけど、なんかJSが書きたいな、なんとなく。 ##そうだ、クリスマスカードを書こう ということで個人的に、クリスマスといえばクリスマスカードなのでクリスマスカードを書

プラコレアドベントカレンダーもラストスパート！こんにちは、森です！ 仕組みをちゃんと理解するには実装してみることが一番！ということで、N-gramの中でも一番実装が簡単なuni-gramをjsで実装してみました！ 目次 全文検索とは uni-gram インデックスの作成 文章にdocument IDを振る 文字列の分割 文字位置付与 トークンごとに位置情報をまとめる トークンをキーに引けるように保存 インデックスから検索 検索文字列をトークンに分割 インデックスからトークンのデータを取得 取得したデータをつなぎ合わせる 実装 動かし方 インデックスの作成 インデックスから文字列を検索 コード 参考文献 最後に 全文検索とは まず最初に全文検索とはなにかってことですが、Wikipediaで調べてみました「コンピュータにおいて、複数の文書（ファイル）から特定の文字列を検索すること。「ファイル名

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こんにちは！ アドベントカレンダー23日目（プラコレでは12日目)となりました！ 沖縄でデザインとフロントコーディングをやっています、しげまです。 しげまは漢字で書くと「志慶真」と書きます！ 文字だけ見ると角刈りのおじさんを想像するひともいるかもしれませんが ロン毛の女子ですー！ 趣味は飲酒です！ よろしくお願いします！ 自作PCを作る仕事→カートリッジに黒い粉を詰める仕事→事務→アパレル→キャバクラ→動画制作 と様々な職業を経由して、デザイナーになることができたあの日から早7年。 たくさんのクライアントさまに出会い、苦しくも楽しくおも

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? みなさまこんにちは！ アドベントカレンダー22日目（プラコレでは11日目)ですね！ 冒険法人プラコレの新卒デザイナーのたなべです！ アドベントカレンダーというとエンジニアさんのお祭りというイメージが強く、前々から存在は存じてはいたのですがまさか自分がそのアドベントカレンダーに参加することになるとは思わずビビリちらしております。 お手柔らかにお願いします！ 今回はSNS広告クリエイティブについてお話しようと思います。 私はプラコレに入社前からインターンとしてジョインしていたのですが、 当時からクライアント様の広告クリエイティブ作成を任せて

アドベントカレンダー初挑戦！21日目（プラコレ的には10日目） こんにちは！横田です。 不適切なところがありましたらご指摘いただけると幸いです。 よろしくお願いします！ 今一度見直したい「継承」 フロントをやっていて、そこまで日は浅くないのですが、これまであまりcssプロパティの「継承」について深く考えたことがありませんでした。 親要素からプロパティを指定していって、子要素で効いていなかったらまた指定しよう、ぐらいでした。 しかしたびたび思うのです。「またcolor: #555;って書くのか...」と。 そこで、継承についておさらいしてみました。 Sassなどでスマートに書ける今、変数や関数をつかってかっこよく書けるようになりましょう！ 継承とは 親要素のプロパティの値が、子要素に引き継がれることです。 プロパティによって継承されるものとされないものに分かれます。 継承されるプロパティ 使