Vue + JSX + Nuxt Composition API で最高のフロント開発体験 - ANDPAD Tech Blog
はじめに ANDPADでフロントエンドの開発を担当している小泉です。 前回、約3ヶ月前にVue Composition APIをチームで導入して得られたメリットという記事を書かせて頂きました。 その後、今年の5月頃からまた新たなプロダクトの立ち上げを担当する機会があり、フロントの技術選定についていろいろ検討する中で、Vue.jsでもJSXを使って書けること、かなり導入しやすくなっていることを知りました。 そこで、Nuxt Composition API + TSXという組み合わせを採用してみたところ、かなり使いやすく、Vue と React のいいとこ取りができて最高 なのではないかとさえ思いました。 この記事では、そんなVue + TSX の導入方法と、メリット・デメリット、そして使う際のTipsをいくつか紹介しています。今後のフロントエンドの技術選定や、Vue + JSXでの開発に興味
pandas でメモリに乗らない 大容量ファイルを上手に扱う - StatsFragments
概要 分析のためにデータ集めしていると、たまに マジか！? と思うサイズの CSV に出くわすことがある。なぜこんなに育つまで放っておいたのか、、、？ このエントリでは普通には開けないサイズの CSV を pandas を使ってうまいこと処理する方法をまとめたい。 サンプルデータ たまには実データ使おう、ということで WorldBankから GDPデータを落とす。以下のページ右上の "DOWNLOAD DATA" ボタンで CSV を選択し、ローカルに zip を保存する。解凍した "ny.gdp.mktp.cd_Indicator_en_csv_v2.csv" ファイルをサンプルとして使う。 http://data.worldbank.org/indicator/NY.GDP.MKTP.CD?page=1 補足 pandas の Remote Data Access で WorldBan
Kaggle Expertになるまで勉強したことを全て書く - Qiita
はじめに こんにちは。Yuki | Kagglerです！ 先日、Shopeeコンペの順位が確定して銀メダルをいただき、晴れてCompetition Expertになることができました。区切りがいいのでここまで取り組んできたことをまとめてみました。 ※ 6/28追記：Amazonのリンクが切れていたので貼り直しました！ プログラミング&機械学習を始めて一年、ようやく Kaggle Expertになることができました！！ 行列も正規分布も知らず、ターミナルなんて触ったこともない状態からのスタートでしたが、ようやくここまで来ました。 ここまで来れたのは偏にこれまで関わってきた皆様のお陰です。これからも頑張ります！！ pic.twitter.com/kMkaFhqhU9 — ユウキ | Kaggler (@Yuki_Kaggler) May 12, 2021 この記事の対象者 Kaggleをやって
衝撃の結末…！17年間逃亡を続けた猟奇殺人犯がコロナ禍に劇的逮捕された「全真相」（原 雄一） @gendai_biz
2020年9月24日、コロナ禍の最中、一人の男が「再逮捕」された。男の名は紙谷惣（46）。2003年に東京都奥多摩町の山中で男性の切断遺体が見つかった猟奇殺人事件の容疑者だったが、事件直後から南アフリカ共和国に逃げ、殺人容疑で国際手配されていた。 17年にわたる国外逃亡の裏で繰り広げられていた、警視庁捜査第一課との度重なる「駆け引き」。日本警察の面子を掛けた国際捜査の全貌を、当時事件を担当した警視庁捜査第一課元刑事、原雄一が明かす――。 交渉のテーブル O・R・タンボ国際空港に到着したのは12月12日朝だった。ムッとする暑さと独特の臭いのする空気に包まれた空港は、朝からたくさんの人で混雑していた。長旅の疲れもあり、私たちは汗だくになって雑踏をかき分け、在南アフリカ日本国大使館職員と落ち合うと、アーリーチェックインのため、首都プレトリアのホリデイ・インに向かった。車中から見える街並みは雑然と
奥多摩山中で26歳男性がバラバラ死体に…BBQと共に行われた鬼畜たちの「狂気の宴」（現代ビジネス） - Yahoo!ニュース
2020年9月24日、コロナ禍の最中、一人の男が「再逮捕」された。男の名は紙谷惣(46)。2003年に東京都奥多摩町の山中で男性の切断遺体が見つかった猟奇殺人事件の容疑者だったが、事件直後から南アフリカ共和国に逃げ、殺人容疑で国際手配されていた。 【写真】衝撃の結末…！17年間逃亡を続けた猟奇殺人犯が劇的逮捕された「全真相」 17年にわたる国外逃亡の裏で繰り広げられていた、警視庁捜査第一課との度重なる「駆け引き」。日本警察の面子を掛けた国際捜査の全貌を、当時事件を担当した警視庁捜査第一課元刑事、原雄一が明かす――。 本記事前編は、短期連載の事件発覚から南アフリカ逃走までを再録してまとめたものだ。衝撃のラストとなる後編まで、ぜひ一気通読していただきたい。 「国際手配中の『紙谷 惣46歳』が南アフリカから帰国」 「警視庁は逮捕監禁容疑で逮捕」 各報道機関は、新型コロナウイルスの感染拡大で生活苦
リアルタイムにコンポーネントをプレビューできるReact Preview (beta) を試してみた | DevelopersIO
吉川@広島です。 Are you a React dev? Do you use Visual Studio Code? I just released the beta of React Preview for VS Code ?https://t.co/HnFpTpO9op pic.twitter.com/qU4sxTo30g — François Wouts (@fwouts) June 25, 2021 「お前らReactとVSCode使ってる？ React Preview for VS Codeのベータ版を出したぜ」 こちらのツイートが目に入り、「え、これすごくない？」ということで試してみました。 本記事ではReactアプリケーションの初期構築手順は割愛します。 環境 react 17.0.2 typescript 4.3.2 styled-components 5.3.0 VS
普通に開く“扉”をゲーム内に作るのは，なぜそんなに難しいのか
普通に開く“扉”をゲーム内に作るのは，なぜそんなに難しいのか ライター：游研社 下記の記事は，游研社（→リンク）に掲載された記事を，許可を得て翻訳したものです。可能な限りオリジナルのまま翻訳することに注力していますが，一部，画面写真などを変更したり，文化的な背景などで理解されづらいものについては日本向けに表現を変えたりしている箇所があります。→元記事 デベロッパー達は，長い間「扉」に苦しめられている 少し前に，インディ開発者のStephan Hövelbrinks氏が，個人の感想をツイートした。「ゲームにあるドアは開発が複雑すぎて，いろんなバグの誘因になる」「デベロッパーであれば誰もが痛感していることだ」 Doors #gamedev pic.twitter.com/7CJgKin1dE— Stephan Hövelbrinks (@talecrafter) March 9, 2021 こ
決済システムの残高管理周りの DB 設計と戦略 - カンムテックブログ
エンジニアの佐野です。今日はカンムの決済システムでユーザの残高管理をどうやっているかについて書きます。 カンムの製品であるバンドルカードはプリペイド方式のカードです。ユーザによる入金、店舗での利用、運営事由の操作などによりユーザの残高が増減します。このような残高の管理について単純に考えると user_id と balance と updated_at あたりをもったテーブルを用意して balance と updated_at を更新していく方法があるかもしれません。しかしながらカンムでは残高を管理するテーブルを持たず、これらイベントの履歴のみで残高を管理しています。以下、本記事ではこれらユーザの残高が増減するイベントのことをトランザクションと呼びます。ここでは DB の Transaction Processing を意味しません。 本記事のポイントは 残高を管理をするテーブルは作らず、ト
「DIは必ずしも善ではない」| Dependency injection is not a virtue by DHH
DHHの Dependency injection is not a virtue(2013) という記事は有名ですが、ちゃんとした日本語訳が意外とないようなので、書き出してみて思ったことを要約してみた。[1] Rubyのエンジニアの中には、何も考えずに他のモデルのnewを書いてる人の割合が多いという（コードレビュー時のヒアリングによる）体感があり、また8年前の記事なので経験の浅い人は読んだことがない人もいると思う。該当する方は是非読んでほしい。 全部読む時間が無い人は要約へ. 原文と訳文 In languages less open than Ruby, hard-coded class references can make testing tough. If your Java code has Date date = new Date(); buried in its guts,
傑作ゲーム『Outer Wilds』をこれからプレイする人へ伝えておきたいこと全部 - やや最果てのブログ
Steamサマーセールの季節ですね。 ここに、おすすめのゲームがあります。 Outer Wilds【アウターワイルズ】というゲームです（PS4とXboxでも発売中、夏にSwitch版発売予定）。当ブログでも、クリアした人向け記事をはじめ散々記事を書いてきたので名前に聞き覚えがある方もいらっしゃるかもしれません。 store.steampowered.com 筆者は30年以上ゲーマーやってきてますが、昨年遊んだこの１本に生涯ベストゲームが塗り替えられました。思い出補正込みのゲームとか多々ある中でぶち抜いてベスト１。すごくないですか？ ただ、このOuter Wildsというゲームは傑作でありながら、非常にクセが強いゲームでもあります。 前評判だけを信じて何があろうと最後まで遊ぶぜ、という方はネタバレ厳禁のゲームでもあるのでここらでもう記事を読むのを止めて是非最後まで遊んでほしいのですが、それ以
テストコードを書き始める前に考えるべきテストの話（2021年版） #scrumosaka / scrum_fest_osaka_2021
以下のイベントの投影資料です。 https://confengine.com/conferences/scrum-fest-osaka-2021/proposal/15337 お問い合わせは https://twitter.com/nihonbuson まで。 【発表資料中のURL】 P12 ISTQBテスト技術者資格制度 Foundation Level シラバス 日本語版 Version 2011.J02 http://jstqb.jp/dl/JSTQB-SyllabusFoundation_Version2018V31.J03.pdf#page=15 ※2011年版は現在リンク切れのため、最新版のシラバスのURLを掲載しています P17 概説テスト分析 http://www.slideshare.net/takashiyamasaki378/ss-55384920 P29 システム/
スケベおっさんの楽園だった中国リゾート島の興亡紀 ダーティーな利権の巣窟、「下川島」でおこなわれていたこと(1/5) | JBpress(日本ビジネスプレス)
（安田 峰俊：ルポライター） 広東省台山市にある「下川島」という島をご存知だろうか？ 香港や深圳から南西に直線距離で約150キロ、面積は山手線の内側面積の約1.5倍の100平方キロメートル弱という、そこそこ大きな島である。マカオに隣接する珠海からバスで2～3時間かけて対岸の山咀碼頭に移動、そこから更にフェリーに乗った先・・・という、なかなかアクセスが大変な場所だ。 下川島は周囲の複数の島嶼とともに川島群島を形成しており、東隣りにある上川島はフランシスコ・ザビエルの終焉の地として知られている（晩年のザビエルは中国布教を望んだものの、大陸に上陸できずに寄港先の島で亡くなった）。
崖ヤギゲームを超えろ！ 「アジアの過積載バイク」を模したバランスゲームを作ってみた #それどこ - ソレドコ
こんにちは、妄想を形にする「妄想工作家」オツハタです。 突然ですが、例えば活気あるアジアの様子を伝えるイメージとして「バイクに人や荷物をわんさか乗っけて走っている」という分野がありますよね。 RAMNIKLAL MODI / Shutterstock.com これは後ろにトラックが付いているっぽいけど、こういうやつ。親族一同乗っけてたり、出荷されるアヒルをこれでもかと山積みにしたりなどなど、まるで中国雑技団の様相を呈しています。それ運ぶのもすごいけど、積む技術も相当だよね、っていう。 なんとギネスでは、2017年にインドで58人が乗った記録があるらしい。 前回は「崖ヤギゲーム」を作ってここでお見せしたわけですが、 https://soredoko.jp/entry/2018/07/19/110000 そう、今回は「アジアの活気溢れるバイク事情」をバランスゲームにしてみたいと、思ってしまった
TypeScriptを雰囲気で使っていたので勉強し直したら知らなかったこと
は同義である。JSでいうところのobjectを定義すると{ name: string }という型が暗黙的に定義されたことになる。 リテラル型 値を指定する型のこと。決まった値しか使わせたくない場合に使用する。
すべての社会人に知ってほしい仕事の基礎としてのアジャイル/スクラムの話 / Agile as a work foundation
アジャイルやスクラムについて学び始め、実際に取り組むと、その原則や考え方がソフトウェア開発の領域に閉じないことを日々実感します。原則を日々の仕事・生活に活かすことは重要ですが、「アジャイル」という言葉は抽象度が高く、開発のイメージも強いため、一般化してエッセンスを伝えるのに苦労している方も多いのではないでしょうか。 スクラムマスターとして、開発に限らず組織の全員が、アジャイル/スクラムの原則を理解して、実践できるよう支援することは重要な活動です。サイボウズでは、数年前から新卒の全社員（＋希望者は誰でも）向けの基礎研修としてアジャイル/スクラムの話をインプットしています。 こちらのセッションでは、サイボウズ社内で実施している研修（講義）を社外向けに再編成したものをお届けします。アジャイルやスクラムの考え方をベースに、エンジニアに限らず、チームワークを高め、成果を届ける仕事の進め方の基礎となる
やたらと人が殺される凶暴な時代『室町は今日もハードボイルド：日本中世のアナーキーな世界』に住んでみたいか？ - HONZ
やたらと人が殺される凶暴な時代『室町は今日もハードボイルド：日本中世のアナーキーな世界』に住んでみたいか？ アバウトにしてアナーキー。ざっくりまとめるとこうなるのだろうか。なんだかやたらと凶暴でハードボイルドな室町時代。日本人は律儀で柔和などという言い方は絶対に通用しない。室町時代の後半は戦国時代だったから、というわけではない。武士たちだけでなく、農民や女性、僧侶までもがなんだか殺気立っているのだ。まずは『びわ湖無差別殺傷事件』から。 びわ湖がくびれていちばん細くなっているところ、琵琶湖大橋のかかっている西側に堅田という町があった。というか、今もある。そこに兵庫という名の青年がいた。“他の堅田の住人と同じく、周辺を通行する船から通行量をとったり、手広く水運業を行ったり、場合によっては海賊行為を働いたり“ と、とんでもない多角経営を営んでいた。湖なので、海賊ではなくて湖賊だが、まぁ、それはよ
純正よりも高機能なWindows11互換性確認アプリ『WhyNotWin11』が登場！ | ニッチなPCゲーマーの環境構築Z
Microsoftにより公開されたWindows11互換性確認アプリ『Windows PC 正常性チェック』は正直に言って不親切な設計です。いったいどの部分が要件に引っかかっているのか表示されません。アップデートにより一部要件が表示されるようになったとされていますが、環境によっては正常に動作しません。 そんなMicrosoft純正よりも高機能でわかりやすいWndows11互換性確認アプリがGitHubユーザーのRobert C. Maehl氏により作成されました。 アプリケーション名は『WhyNotWin11』。このチェックツールを使用すれば、 WhyNotWin11を実行した様子 どの部分がシステム要件に引っかかっているか一目でわかります。各項目の詳細は以下。 Architecture (CPU + OS): 64bit CPU / 64bit OSを使用していればOK。32bitはNG
幻の5本目『キン肉マンゴールドカートリッジ』購入者＆地区優勝者ご本人インタビュー（前編）
◆日本でたった8名の地区優勝者◆ 先月、弊ブログがアップした加藤ヒロシ版『キン肉マンゴールドカートリッジ』の記事には大変多くの反響をいただいた。私はその最後に「メルカリのキン肉マン氏、もしこの記事を見ていたら本当のところ教えてください!!」と訴えていたのだが、その呼びかけに意外な人物からコンタクトがあったのだ。 それは加藤ヒロシ版の購入者B氏(仮名)である。なんでも今回のゴールドカートリッジに偽物の疑いがかけられていることに黙っていられなかったんだとか。さっそく私はB氏の話を伺うことになったのだが......。 ※実際のメルカリの画面(現在アクセス不可) なんと、その流れでついに出品者のキン肉マン氏こと、日本でたった8名しか存在しない「宇宙一ゲーム超人コンテンスト」の地区優勝者のひとりである関西1位のA氏(仮名)ご本人とも接触することに成功したのだった。もはや言うまでもないかもしれないが、
TypeScript * GraphQLのバックエンド設計プラクティス
2冊目も公開中なのでみてください！ https://zenn.dev/tatta/books/4e993c596e7dc9 TypeScriptを使いはじめて1年になるので、バックエンドのWebアプリを設計するときに気を付けていることをまとめました。（※社内勉強会用資料の公開版です。） TypeScriptについては、Next.jsを中心にフロントエンドに関する公開情報が豊富です。一方でバックエンドに関する公開情報が少ないと感じています。（かくいう私もNext.jsからTypeScriptデビューしたわけですが） TypeScript * GraphQL という構成は仕事・趣味で採用されている方も多いのではないでしょうか？ 私もその1人です。私のような方のためにも、バックエンドの設計プラクティスについてまとめようと思い筆を取りました。 本書がこれから始める読者にとっては教科書のようになり、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Spot's On It - YouTube
