TypeScript で関数合成やPipe処理をする - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
riotでjQueryを使わないスクロール止めの実装 - Qiita
背景 webページの一部のパーツがブラウザのスクロールに付いてくるようにしたい 例えばECサイトによくある、購入ボタンをブラウザのスクロールに追尾させて、 ユーザーがコンテンツのどこにを見ていても即座に商品をカートに入れれるようにしたい。 僕.「cssだけでできる?」 G .「position: stickyはどう」 僕.「いいやんけこれ」 僕.「IEもpolyfillあるし」 僕.「なんかうまいこといかん」 G .「親要素にoverflow(style)が使ってると動かんよ」 僕.「ぐぬぬ」 僕.「overflowいっぱい使ってるなあ・・・」 僕.「overflow外して良い？」 デ.「だめ」 僕.「ぐぬぬ」 ※Gはgoogle検索 ※デはデザイナーさん 僕.「ではscriptで対応するか・・・。」 G .「これなんか参考にならんか？ あとこれとか」 僕.「JQuery使ってるやつばっか
サーバーレスなDropboxアプリの構築例 "LightFile for Dropbox" - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? LightFile for Dropbox Jpeg画像を劣化を感じない範囲でいい感じに再圧縮してDropboxの空き容量を稼ごうぜ、という処理を自動で行うDropboxサーバーアプリです。 LightFile for Dropbox Dropboxアプリというとスマホクライアントアプリを想像しますが、豊富なAPIを使ってDropboxをファイルシステムとするサーバーアプリも独自に開発することができます。 LightFile for Dropboxではこれをサーバーレスでクラウドネイティブに構築しました。 急にユーザーが増えたら自動的に
ラズパイでHelloWorld! - Qiita
はじめに 案件でラズパイを使ってBluetooth通信させたりセンサー付けて環境情報取ったりする機会が多くなってきたので備忘録としてラズパイ関連の記事を書いていこうと思います。 まずは導入編としてラズパイ上にWebサーバーを立ち上げてPCブラウザからアクセスしてHelloWorld!と表示させるまでの手順です。ラズパイ用の標準OSであるRaspbianのインストールからサーバーのセットアップまで書きました。 用意するもの Raspberry Pi 3 Model B(またはB+) SDカード(8GB以上あると安心) 操作用PC(ここではMacを想定) ラズパイの初期設定 Raspbianのインストール RaspbianのサイトからRASPBIAN STRETCH LITEのイメージをダウンロードします(GUIは不要なのでここでは軽量版を使います)。 PCにSDカードを挿してイメージを書き込
[GCP]Cloud StorageのアップロードイベントをCloud Functionsへ通知するための流れをざっくり - Qiita
概要 Google Cloud Functions(以下、GCF)とGoogle Cloud Storage(GCS)を組み合わせて、サーバレスな関数を作る機会が合ったので手順を書く。 これによって、GCSにmp4をアップロードしたタイミングでGCFを起動しZencoderのAPIを通してHLSに変換したり応用した。 やりたかった事 GCSの特定バケットにアップロードされたイベントでGCFを起動する GCFはbeta版のNode.js(version8)を使う 環境変数をyaml形式のenvファイルに定義しGCFで使用する env varはベータ版のようで下位互換なしで変更される可能性があるため注意。詳細はこちらに 前提 gcloudコマンドがインストールされている事。してない場合はここから GCFの関数サンプル 適当なディレクトリを作成しnpm initして、エントリポイントとなるjsフ
![[GCP]Cloud StorageのアップロードイベントをCloud Functionsへ通知するための流れをざっくり - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/2ba66aa3e233b5243ef28504dd47f7fa1e1aae0e/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNzI1MTglMkZwcm9maWxlLWltYWdlcyUyRjE1MDkxNzU1Mzk_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9NzRhZDYyZGM3OTA1MjcwZTBhZGIxNDcwMDBmMzI3YTM%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dcbf5177e85fb683a7c76eb315ae140ff%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCR0NQJTVEQ2xvdWQlMjBTdG9yYWdlJUUzJTgxJUFFJUUzJTgyJUEyJUUzJTgzJTgzJUUzJTgzJTk3JUUzJTgzJUFEJUUzJTgzJUJDJUUzJTgzJTg5JUUzJTgyJUE0JUUzJTgzJTk5JUUzJTgzJUIzJUUzJTgzJTg4JUUzJTgyJTkyQ2xvdWQlMjBGdW5jdGlvbnMlRTMlODElQjglRTklODAlOUElRTclOUYlQTUlRTMlODElOTklRTMlODIlOEIlRTMlODElOUYlRTMlODIlODElRTMlODElQUUlRTYlQjUlODElRTMlODIlOEMlRTMlODIlOTIlRTMlODElOTYlRTMlODElQTMlRTMlODElOEYlRTMlODIlOEEmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1iM2RmMjYyZWFmOTQwNDBjNjU1ODc0Y2IyYTBkYzI3MA%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBrLWt1cmlrdXJpJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9MTNiMTJkZDU3OTQ4ZmI4OTkxYzQ0MDhhYzE5ZTM0ODA%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D1401c3122c8fb324786cc832445ec58f)
Nuxt.jsでアプリ作成→Dockerfileを使ってイメージ作成→fargateでデプロイ→ドメイン設定・SSL化まで - Qiita
目的 nuxtとfargateという比較的新しいフレームワークを使う時に困ったので自分でやってみた方法をシェアしたいと思います。 前提 node.js, npm, AWS CLIはインストール済み 全体図 ・CloudFront AWSで使えるCDNです。 ・Route 53 ドメインとALBのレコード設定、ACMでSSL証明書取得の際にCNAMEで認証するのに使用。 ・Application Load Balancer(ALB) Fargateコンテナとドメインを繋ぐのにしよう ・Certificate Manager(ACM) ドメインのSSL証明書を取得するのにしよう ・Elastic Container Service(ECS) コンピューティングはECSを使用 大まかな手順 6のSSL証明書の取得に関しては順番はどこに入っても大丈夫です。 nuxtアプリ作成 ローカル環境にてnu
ts-nodeをWebStormでデバッグ実行 - Qiita
ts-node は TypeScript ファイルをコンパイルせずにそのまま実行できるライブラリ。開発環境でお世話になるが、デバッグ実行するやり方の日本語情報がなかったので書いておく。 基本的なこと node コマンドのオプションとして --inspect をつければデバッグ実行になる。そして --require をつけることで node_modules 内のライブラリを読み込ませることができる。 $ node --inspect --require ts-node/register src/main.ts Debugger listening on ws://127.0.0.1:9229/690c42e8-c2d4-407a-b768-6c5270241775 For help, see: https://nodejs.org/en/docs/inspector
Azure ML Web Service作成後のAPI呼び出し方法について改めて - Qiita
Azure ML Web Service作成後のAPI呼び出し方法（Node.js） 久しぶりにAzure Machine Learning Studioを見ていると 見慣れないリンクやAPI作成当時から若干画面が変わっている気がしたので web Service作成後からNode.jsでの呼び出し方法まで再度まとめてみました。 リクエストのサンプルも充実していましたがnode.jsバージョンが なかったこととレスポンスを受け取った後の処理について書かれた ページが中々なかったため今更ですが投稿してみました。 再び必要になった際に忘れてそうなので覚書として投稿しましたが、そのため読みづらいようでしたらすみません。 また公式サイトやその他ほとんどのサイトがRequestモジュールを使用していたので折角なので新しめのライブラリで。 1.リクエスト 1-1.ボディ インプットとしてrequest
ElectronでUDP通信する - Qiita
ElectronでUDP通信（送受信）を実装する必要だったので実装内容のメモ。 開発環境 Windows 10 Electron 3.0.2 実装内容 UDP通信には、dgramを使用。 UDP通信行うには、メインプロセス側で通信を行う必要がある。（レンダープロセスから直接UDP通信はできない） レンダープロセスでUDP信号を受け渡しするには、メインプロセスとレンダープラセス間を通信するIPC通信を利用する必要がある。 IPC通信とUDP通信を値の橋渡しは、メインプロセスでおこなう。 通信の流れ 実装サンプル ElectronでUDP通信を行うサンプル。 サンプルコード Github アプリの使い方 README windows版 / mac版 上記のアプリのpackageフォルダ内にアプリデータあるので、OSに合わせたアプリを設置。 IP/Portの設定ファイルの更新 アプリを立ち上げる
Socket.IO でユーザー認証 - Qiita
Socket.IO で接続してきたクライアントが正規ユーザーかどうかの認証を行う。 環境 Node.js: 10.10.0 Socket.IO: 2.1.1 middleware について Socket.IO の namespace.use(fn) を使用して、接続してきたソケットをハンドリングするミドルウェアを登録することができる。 io.use((socket, next) => { if (socket.request.headers.cookie) return next() next(new Error('Authentication error')) }) // server-side const io = require('socket.io')(); // middleware io.use((socket, next) => { let token = socket.ha
Typescriptのお勉強2 - Qiita
oclifを使ってコマンドラインのツールを作った IDEはinttelij 会社のlambdaのコードもtypescriptにしたくなった ググった 上位互換なので、拡張子を変えれば動く intellijでtypescriptについての追加記述のおすすめはしてくれるっぽい gmail add-onのclaspがtypescript対応しているとのこと これを試してみるのもいいかもな Google Apps ScriptsでTypescriptが超簡単に使えるようになった！ - アクトインディ開発者ブログ https://tech.actindi.net/2018/09/10/083314 gmail-add-ons-samples/github at master · gsuitedevs/gmail-add-ons-samples https://github.com/gsuitedev
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vuetify パスワード再入力バリデーションを実装する - Qiita
ParcelでTypeScriptを扱ったらES5になってしまうとき - Qiita
Node.js で TypeScript + TSLint を使う最小構成 - Qiita
【IntelliJ】Node.jsを書くときにrequireがwarningになるのを解消する - Qiita
Array.fromなど、一定のブラウザで動かない関数をサクッとwebpackでトランスパイルする - Qiita
webpackのmodule.rulesとmodule.loadersの違い - Qiita
create-nuxt-appで構築したNuxt2のプロジェクトにTypeScriptを入れてvuexを使えるところまで持っていく - Qiita
TypeORMのmigrationで.tsファイルを直接参照したい - Qiita
Angular: No component factory found for ~. Did you add it to @NgModule.entryComponents? - Qiita
