Firebaseを駆使してTwitterをbot化してみた - Qiita
きっかけ・やったこと Twitter apiの制限が厳しくなって、１アプリあたり３００ツイートしかできなくなる（なった？）そうなので、 自分専用のbotアプリをひとつ作った。 実装方針 Firebaseとapp engineでcloud functionを定期実行し、その関数からtwitter apiを叩く Firebaseプロジェクトの作成 まずはFirebaseでプロジェクトを作成するところから。Firebaseにアクセス。 以下の画面から、「プロジェクトを追加」を選択。(お仕事で使ってるプロジェクトも写ってるのでそこは隠してます) すると次のようなポップアップが出るので赤丸のとこにチェックを入れてプロジェクトを作成。プロジェクトIDはあとで使うのでメモっておく。 プロジェクトを作成できたら料金プランを従量制のBlazeにアップグレードする。(外部のAPIにアクセスできないので) 定期
今から始めるReact入門 〜 Mobx 編 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 目次 今から始めるReact入門 〜 React の基本 今から始めるReact入門 〜 React Router 編 今から始めるReact入門 〜 flux編 今から始めるReact入門 〜 Redux 編: immutability とは 今から始めるReact入門 〜 Redux 編: Redux 単体で状態管理をしっかり理解する 今から始めるReact入門 〜 Redux 編: Redux アプリケーションを作成する 今から始めるReact入門 〜 Mobx 編 ←★ここ ※MobX の説明については不要で早くデモを始めたい場
ReduxでAPIの通信の状態を共通で扱うTips(feat. typescript-fsa) - Qiita
APIコールが発生する処理を行った時にローディング中かどうかを示す loading なり fetching なりのフラグを用意すること、結構あると思います。これを様々なActionごとに逐一準備するのだるいのでまとめて用意する方法と、それをtypescript-fsa使うと意識すること一つ減るよという小ネタです。 考え方はこちらのブログのアイデア完全にお借りしていて、typescript-fsa前提だとAction Typeが必ず特定のフォーマットになるので幸せになったという話。 https://medium.com/stashaway-engineering/react-redux-tips-better-way-to-handle-loading-flags-in-your-reducers-afda42a804c6 typescript-fsaの非同期アクション typescript
Nuxt.jsでうさぎを増やして跳ねさせる - Qiita
フロントエンドの学習のためにうさぎを増やしたり跳ねさせたりできるサイトを作製しました。 うさぎがピョン！ ソースはGitHubに置いています。 fmatzy/usagi DOM要素を動かす DOMの論理的な構造はHTMLが担いますが、見た目に関する部分はCSSが担います。アニメーションについてもCSSを使います。 参考: コピペで使える！ CSS Animationだけで実現するキャラクターアニメーション - ICS MEDIA せっかくならもう少しアクロバティックに動かしたいですね。 うさぎを動き回らせる 画面上の要素の配置を決めるのもCSSであるため、プロパティをstyleに紐づけ、その値を動的に変更することで、動的に位置を変えることにしました。 @Component({}) export default class Creature extends Vue { @Prop() pos
Ionic CLIのソースコードを追ってみよう - Qiita
でインストールして、それ以降、ionic コマンドを使えるあいつです。Ionic Teamはソースコードを で公開しており、CLIの中身をここで確認することができます。 Ionic CLIを手元でコンパイルする GitHubからcloneしたファイルを使って、Ionic CLIを動かすことができます。試してみる場合は、以下の手順を実行してください。 https://github.com/ionic-team/ionic-cli をローカルにcloneする npm i で依存パッケージをインストール npm run bootstrap で、packages/以下のモノレポ毎の依存パッケージをインストールして、それぞれをリンクさせる npm run link で、グローバルにパスを通します これで、あなたのionicコマンドは、cloneしたパッケージから実行されるようになりました。ちなみに、
obnizに駅すぱあとの駅コードを表示する - Qiita
Node.js内でWeb APIに接続する勉強も兼ねて。 obnizの画面上に「駅すぱあと」で定義した駅コードを表示させます。 （22671はJR高円寺駅の駅コードです） obnizのセットアップ方法はこちら。 Node.jsの起動方法はこちら。 駅すぱあとWebサービスのアクセスキーの取得はこちら。ですがすぐに発行されないので、こちらの入門書（0円書籍）にサンプル用のキーを用意しているので、そちらを使うのが速いです（笑） var Obniz = require("obniz"); var rp = require('request-promise'); var obnizeId = "YOUR-OBNIZ-ID"; var ekispertKey = 'YOUR-EKISPERT-ACCESS-KEY'; var stationCode = ''; var obniz = new Obn
Promiseでネストが深くなるのを防ぐための方法（やや黒魔術）（の提案） - Qiita
概要 Promiseは便利だが、うまくモデリングしないと（時にうまくモデリングされていても）、深いネストとアロー関数の海におぼれてしまうことがある コンストラクタのresolveとrejectへの参照を保管しておくと、深いネストから解放されることがあるが結構書きづらく読みづらい resolveとrejectを抜き出すためのモジュールを導入すると、多少書きやすくなる（この記事での提案部分） 上手く使えばすっきりかけるが、多用が必要な時はたぶんモデリングを見直したほうがよい そもそももっといい方法があるぞ、ちゃんとしたデザインパターンがあるぞ、ということをご存知の方は教えて下さい Promiseでネストが深くなる例 非同期で外部やユーザのアクションを待つときに、Promiseを受け取ることでawait(やthen)で同期っぽいコードですっきりと利用側のコードを書ける場合がある。（以下のようなイ
riotでjQueryを使わない複数行の三点リーダの実装 - Qiita
背景 長い文字列は末尾を三点リーダに変換したい 例えばECサイトとかで商品が一覧で並んでいるときに、 長ーい商品名のアイテムだけ高さがずれたらダサい。 僕.「cssだけでできる?」 G .「IEは対応してないけど良い？」 僕.「（IEからも割とアクセスされえるので）だめ」 ※Gはgoogle検索 僕.「ではscriptで対応するか・・・。」 G .「これなんか参考にならんか？ あとこれとか」 僕.「JQuery使ってるやつばっかやん。」 僕.「うちJQuery使ってないねん。」 僕.「あー。あとriot使ってるんでそっちで対応したい」 G .「該当ありません」 僕.「ぐぬぬ」 条件 表示する文字列が長い時に、描画領域で特定の高さになるように末尾を省略して三点リーダにして表示する riotjs使っているのでパーツをriotのtagで用意したい IEでも動く jQueryは使わない 今回は上記
AngularプロジェクトにPrettier導入 - Qiita
{ "rulesDirectory": ["node_modules/codelyzer"], "rules": { "callable-types": true, "class-name": true, -- "comment-format": [true, "check-space"], -- "curly": true, -- "eofline": true, "forin": true, "import-blacklist": [true], -- "import-spacing": true, -- "indent": [true, "spaces"], "interface-over-type-literal": true, "label-position": true, -- "max-line-length": [true, 140], "member-access": f
LINE Messaging API の署名検証で、AzureFunctions+Node.jsではまった所 - Qiita
AzureFunctions上でMessagingAPIを使ったBOTを試す際に、署名の検証ではまった所 今までAzureFunctionsを使ったことのなかったので @yorifuji さんの LINE Messaging APIでX-Line-Signatureの署名検証を行う(AzureFunctions/Node.js） とかを参考にLineのMessaginAPIを使ってBOTを作るにあたり、メッセージの署名検証ではまった所を記載します。 request内のbodyではなくてrawBodyを使う 上記の記事ではrequestのbodyを利用して検証をしていましたが、bodyではなく、rawBodyの方（bodyの文字列）を利用しないと、最終的なhashがメッセージ内のsignatureと一致しないため、検証失敗することがわかりました。 細かなところですが、かなりはまったので、備忘
Selenium のサンプル 予約フォーム (Node.js) - Qiita
# ! /usr/bin/node // --------------------------------------------------------------- // reserve_form.js // // Sep/21/2018 // // --------------------------------------------------------------- console.error ("*** 開始 ***") var webdriver = require('selenium-webdriver') var By = require('selenium-webdriver').By var driver = new webdriver.Builder().forBrowser('firefox').build() const url = 'http://exam
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vueのオプション構成・ライフサイクルダイアグラム - Qiita
[PHP+JS] Laravel + Vue + Vuetify でページネーションを実装する - Qiita
【2018年】Webpack4でVue.js単一ファイルコンポーネントの作り方 - Qiita
現在使っているNuxt.jsのバージョンの調べ方メモ - Qiita
TypeScriptで使う JSON 変換用のライブラリメモ - Qiita
最小構成のvue.jsの環境をvue cli使わずに構築する - Qiita
React & TypeScript をシンプルに始める(create-react-appなし) - Qiita
JSXのファクトリ関数を自作する方法と、Reactと全然違う挙動をさせるサンプル
Capybaraで特定の要素の出現を待つwait処理を考えた - Qiita
