先週の This Week In React に流れてきたやつ。 🧵 TypeScript Cheat Sheets by @orta 4 nicely designed and official cheatsheets now online: - Types - Interfaces - Classes - Control Flow Analysishttps://t.co/fnqAcuU8c8 pic.twitter.com/D7BlZsyvjf— Sebastien Lorber 🇫🇷 🦖 ⚛️ 📨 (@sebastienlorber) 2022年1月19日 ざっと読んでみたけどそこまで目新しい発見はありませんでした。以下メモ。 💬 はコメント。 Classes https://www.typescriptlang.org/static/TypeScript%20Clas
こんにちは、佐藤です。タクトです。ポチです。 タイトルの通り、去年34歳になったんですが、そんなタイミングで会社をつくりました。これは、それがなんでなん〜っていうのを書くnoteです。 静かに始まったので、ぼくの知り合いにも機会があった人にしか話してないし、これから初めましてな人にも知ってもらいたいので、そんな人にも届く言葉で書いていきたいなと思います。 なんで会社をはじめたのか単に独立してフリーランスやります〜というよりも、ぼくは色んな事業を1人で完結しないスケールでワイワイやっていくのが好きなので、「独立」とか「フリーになった」ではなく、「起業した」という言葉を使ってます。で、そういう、「会社をやりたい」と思い始めたのは、遡って大学のとき。 当時メロコア大好きマンだったぼくは、横山健と曽我部恵一の対談とか読んでいて。 二人とも自分で会社やっていて、その何というか独立して自分たちの思う良
News こころから、「コロナ対策あんしんの宿2020」発表のお知らせ 株式会社Hotspring（本社：東京都台東区、 代表取締役：有川 鴻哉）は、2020年06月04日（木）14時00分 より、あなたにぴったりの旅先がみつかる旅行サイト『こころから』において、新型コロナウイルス感染症（COVID-19）への対策を実施している宿泊施設を「コロナ対策あんしんの宿2020」として認定、特集ページにて発表いたしました。 『こころから』の「コロナ対策あんしんの宿2020」特集ページ 『こころから』とは あなたにぴったりの旅先がみつかる旅行予約サイトです。全国の宿泊施設について情報を掲載しており、宿の魅力がたっぷり伝わる写真や、実際に宿泊したお客さまの口コミを参考にしながら予約することができます。 また宿泊施設の周辺にある観光スポットや、おすすめの旅行プランも掲載しているので、かんたんに旅行を検討
NEWAI対応ツールへの無制限アクセスが月額ほんの￥3,940.00です*生成画像を作成してダウンロードし、既存のiStockクリエイティブ画像を編集できます。低価格で1か月間利用できます。 プランの詳細を見る*1日の生成回数には上限が適用されます。
communeとは？ アーキテクチャの全体像 概観 組織アーキテクチャ おもな要素技術のご紹介 バックエンド Express + Passport + Sequelize Cloud SQL（MySQL） nginx (Let's Encrypt) SendGrid Elasticsearch BigQuery imgix フロントエンド Next.js Redux redux-saga プロジェクト基盤 Typescript Circle CI Cloud Functions Cloud DNS （参考）Universal / Isomorphic JavaScript 1. 型定義ファイル、定数ファイルを楽に共有できる 2. 未知の領域への不安を和らげることができる APIサーバのアーキテクチャ communeとは？ 企業独自の「ユーザーコミュニティ」のカンタンな構築と、効果的な運用を
HoRNDIS is now maintained by Mikhail Iakhiaev, and this page is in a state of transition – keep your eyes peeled for updates soon ... HoRNDIS (pronounce: “horrendous”) is a driver for Mac OS X that allows you to use your Android phone's native USB tethering mode to get Internet access. It is known to work with Mac OS X versions 10.6.8 (Snow Leopard) through 10.14 (Mojave – see notes below), and ha
Windows向けの拡張の話です。 結果から言うと、Windowsのエディタの最適解だと思います。 marketplace.visualstudio.com メリットとしては * 補完が速い ： 僕のVSCodeはちょっと調子が悪いので、そのせいかもしれませんが補完が出るまでの遅延がほとんどないです。 * 環境作成がましになる。 * lintが動くらしい デメリット * わざわざWSLから開くのが面倒 * Remote WSL使用時と普通のInsiderとは拡張は共有されないので、少し容量が増える。 導入法 VSCodeのInsiderをインストール Download Visual Studio Code Insiders PATHを通すために一度再起動しましょう。 WSLをインストール 一応手順をのせておきます。 Windows10でWSLとVSCodeを使ってC++環境を整える - Q
JavaScriptでWebRTCやるための基礎知識 - console.lealog(); 春なので書きました。 言うなれば、これの2019年度版です。 はじめに 最低限のJavaScriptでWebRTCを扱うにあたり、どういうクラスがあって、どういうAPIを、どう使うのかについての記事です。 いわゆるフロントエンドのエンジニアがWebRTCを使ったサービスを作るなどの場合は、だいたい何かしらのSDKを使うと思います。 その場合はそのSDKのDocsを読めばそれで十分で、その先の仕組みを知る必要はないかなーと思います。 ただし、 SDKの中で何が行われてるか知っておきたい WebRTCのSDKを作る側である みたいな場合は、一読の価値ありかもです。 ようするに、弊社の新入社員のような人材のための記事です！ 基本的なWebRTCの仕組みみたいなパートはざっくり軽めにして、JavaScri
創業者が「モノを作ったことのある人」かどうか見抜けーーグリーを支え続ける藤本氏が語る、スタートアップに参加する方法と意義【社員番号一桁インタビュー】 本稿は社員数10人未満のスタートアップに飛び込んだ人、すなわち「社員番号1桁」な方に、時を経て当時のことを振り返ってもらう連続インタビュー企画。起業家の柴田陽氏と川村亮介氏が「社員がほとんどいない最初期のスタートアップのリアルな情報や認知が少ない」という問題意識に端を発した連載である。 日本を代表するインターネット企業のひとつがグリーだ。 GREEは創業者である田中良和氏の個人プロジェクトとして2004年2月にスタートし、10カ月後の2004年12月にグリー株式会社として法人化。今回、インタビューさせていただいた藤本真樹氏は、その登記されたばかりの2004年12月頃からパートタイムで開発をサポートし、2005年6月に取締役に就任。現在も約15
Merry Christmas! GREE Advent Calendar もいよいよ最終日、25日目はグリー株式会社でCTOをしておりますふじもとがお送りします。 今日まで24人のGREE Engineersなみなさまにエントリを書いていただいたわけですが、思ったよりも多種多様な内容で、あらためていろいろな方面で素敵なエンジニアがいるなー、としみじみしてしまいました。いやしかしgitとchefの記事人気ですね、そして、「当然CTOはすごい記事書くんですよね」とプレッシャーをかけて楽しむ仲間たちに囲まれてぼくは幸せです、あーすごい幸せー。そんなプレッシャーの中、今までのエントリとはちょっと方向性を変えて、CTOの話でも書いてみようかと思います。なお、ぼくの趣味は多分問題解決です。 そんなわたくしふじもとは来年で、CTOっていう肩書きでお仕事をはじめて10年とかになるんですが、なかなか先輩と
ツイート ブックマーク Cloud Firestore便利ですよね。 Cloud Firestoreで「半径〇km以内にあるスポットを検索する」みたいな実装をしたかったのでGeoFireXを使って実装してみました。 https://github.com/codediodeio/geofirex Cloud Firestoreでの緯度経度の情報の取扱について Cloud FirestoreにはGeoPoint型あって、緯度経度の情報はGeoPoint型として保存する必要があります。 import firebase from 'firebase' const spot = { name: 'spot1', location: new firebase.firestore.GeoPoint(latitude, longitude) }
Michel Weststrate: Real World MobX — ReactNext 2016 - YouTube なんとなしにこのビデオを見直してて、終わり3分くらいに質問コーナーがあってそこで聞かれてた。 `useStrict()`とは そもそもは、どこからでもStateを変更できそうで不安・・っていう声に対応するために入れた機能。 const state = mobx.observable({ x: 1 }); state.x = 10; // ok mobx.useStrict(true); state.x = 100; // error const modState = mobx.action((n) => { state.x = n; }); modState(100); // ok という感じになる。 作者のMichelは このビデオの時点では使ってないらしい。 自分
I'm trying to test my React application on a mobile device. I'm using ngrok to make my local server available to other devices and have gotten this working with a variety of other applications. However, when I try to connect ngrok to the React dev server, I get the error: Invalid Host Header I believe that React blocks all requests from another source by default. Any thoughts?
ピックアップ：Lola.com raises $37M to take on SAP and others in the world of business travel ニュースサマリー：トラベルスタートアップのLolaが3月27日、3700万ドルの資金調達を実施したと発表している。ラウンドはシリーズCでリード投資家はGeneral CatalystとAccel。CRV、Tenaya CapitalまたGVも参加している。 同社は、オンデマンド型で旅行前や旅行中のビジネストラベラーサポートを可能とするサービスを提供。設立者はPaul English氏とBill O’Donnell氏で、両者はOTPとして著名なKayakのCTOと共同設立者を務めていた経歴を持つ。 Lolaの利用場面は大きく２つがある。 一つ目が旅行前。例えば「2019年5月1日から3日間、東京・六本木で会議がある」とすれ
この記事では、HTTP/3で導入されるHTTPヘッダ圧縮の仕組みである「QPACK 」について説明します。（執筆時 draft 07） 2020/06/01追記 まるっと解説記事を書き直しました asnokaze.hatenablog.com HTTP/2の場合 ハフマン符号 静的テーブル、動的テーブル HTTP/3とQPACKの導入背景 QPACKの概要 Encoder Instructions Decoder Instructions Header Block Instructions 相対インデックス Compressed Headers エラーハンドリング その他 QPACKという名称について HTTP/2の場合 簡単に、HTTP/2で導入されたヘッダ圧縮の仕組みである「RFC7541 HPACK」について補足します。飛ばしていただいても大丈夫です。 HTTP/2の元となったSPD
Multi-page apps are a good architectural choice if: User interaction is mainly centered around views of a single piece of data with optional context-based data, for instance, a news or e-commerce app. Initial render speed is critical, as sending already rendered HTML to the browser is faster than assembling it from a data request after loading, parsing, and executing a JavaScript-based alternative
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました PWA（Progressive Web Apps）というキーワードがトレンドになっています。しかしPWAは特定の技術を指すのではなく、Webでの体験をよりネイティブ並に向上させるという概念でしかありません。そのため何から取り組んだら良いかが分かりづらいです。 そこで勉強のベースに使ってみたいのがPWA Starter Kitです。PWAに関する要素が盛り込まれたテンプレートです。 PWA Starter Kitの使い方 こちらがテンプレートです。 カウンター。これは再読み込みすると消えてしまいます。 ショッピングカート。 マニフェストファイルもきちんと設定されています。 PWA Starter KitではPWAとして必要になる要素（レスポンシブ、SPA、アプリマニフェスト）などの要
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
どうも、まさとらん（@0310lan）です！ 今回は、Webアプリやサービスなどを開発する際に簡単な記述でさまざまな機能を組み込めるJavaScriptライブラリをご紹介します。 画像、ファイル、音楽、オートコンプリート機能など、高度な技術をできるだけ簡単に実現してくれるJavaScriptライブラリを厳選し、その基本的な使い方も合わせて解説しているのでぜひ参考にしてみてください！ なお、JavaScriptはpaizaラーニングの「JavaScript入門編」で学ぶことができます。そちらも合わせてチェックしてみてください。 ■画像の圧縮機能を組み込めるライブラリ！ 【 Compressor.js 】 ブラウザに標準で提供されているtoBlob()を応用して、カスタマイズ可能な非可逆圧縮を手軽にWebページへ組み込めるJavaScriptライブラリです。 さまざまなフレームワークにも組み込
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
