たぶんこれが一番分かりやすいと思います React + Redux のフロー図解 - Qiita
【追記】 もうこれ古いから参考にしないでください https://t.co/mXtcc73Orf — もし Laravel が流行しなくなってこられてきてたとしたら、絶対に捨てられてこられてたと思うか (@mpyw) January 26, 2021 Redux にはその昔 connect()() とかいうクソ API と， Redux-Saga とかいう宗教がありました という考古学です — もし Laravel が流行しなくなってこられてきてたとしたら、絶対に捨てられてこられてたと思うか (@mpyw) January 26, 2021 読者対象 Tutorial: Intro To React - React Example: Todo List · Redux 「チュートリアルそれぞれ一周した！Reactは何とか理解できたが，Reduxがさっぱりわかんねぇ！」 ぐらいの人向け。自分
AppleScript の JavaScript for Automation で Excel から JSON ファイルを作成する - ObjecTips
これまでの記事 これらを組み合わせて Excel のシートから JSON ファイルを作成するという事をやってみる。 例として以下の様なシートを用いる。 一応シートのデータも Gist にアップした。 sample data セルの内容を取得して配列化する まずアプリケーションの取得を行い、Excel の worksheet の取得を行う。 app = Application('Microsoft Excel'); worksheet = app.worksheets['Sheet1']; シートの一番上の行は列の内容を表すタイトル部分になっているので、表の内容取得はインデックス1の行（2行目）からループ処理で row を順番に取得してくようにする。 for (rowIndex=1; ; rowIndex++) { row = worksheet.rows[rowIndex]; } 上のコー
Isomorphic JSで作られたWebサイトの脆弱性検査 | Recruit Tech Blog
サイバーセキュリティエンジニアリング部の西村です。 Recruit Engineers Advent Calendar 2016の12月6日の記事を担当します。 先日、あるWebサイトの脆弱性検査を業務で担当しました。対象のサイトは、Node.js + React + Reduxを用いてIsomorphic JSを実現しており、検査でもこのアーキテクチャに特有の脆弱性が見つかりました。 この記事では、検査で発見した脆弱性をもとに、Isomorphic JSのWebサイトを構築する際に気をつけるべきポイントを紹介します。 Isomorphic JSとは Isomorphic JSは、近年、注目されているWebのパラダイムで、サーバとクライアントで同一のJSのソースコードを利用することが特徴です。これにより、サーバとクライアントの双方でHTMLを生成できるようになり、従来のSPAに見られたSE
JSON Web Token の効用 - Qiita
Note: JWT の仕様やそもそも論の話は触れません。どう使うか、何が出来るかしか書いていません。 JSON Web Token? JSON Web Token とは、ざっくりいって署名の出来る JSON を含んだ URL Safe なトークンです。 署名とは、署名時に使った鍵を用いて、JSON が改ざんされていないかをチェック出来るようにすることです。 URL Safe とは、文字通り、URL に含めることの出来ない文字を含まないことです。 これだけだとよくわかりませんが、触り心地としては次のような性質があります。 発行者だけが、鍵を使ってトークンが正しいことを検証出来る。 暗号化ではないので、JSON の中身は誰でも見られる。 仕様的には、暗号化のオプションもあります。 しかしながら、JSON の変更は出来ない。（改ざんをすると、検証時に失敗するので。） 全体的には、なんか変更できな
JSONをインタラクティブに掘り下げるコマンド jid - Qiita
はじめに 私はCLIを利用することが多いのもあり、 jq は今やJSONを利用する上は欠かせないツールとなっています。 ただ ・ jqのクエリを書くことなれるまで少し時間がかかる ・ クエリを書くことに慣れたとしても、初見だったりして 構造を把握していないJSONに関しては非常に手間 でみたいな感じだなと思っていました。 インタラクティブに jq のクエリを書いていければいいのに、と思ってツールを探しました(CLI限定で)が、あまり良さそうなものが見つかりませんでした。 そこで、Golangで何か作ってみたいのもあったので、作ったのが jid というツールです。 リポジトリ Github : simeji/jid インストール 以下からバイナリダウンロードしてzip解凍するだけです。 https://github.com/simeji/jid/releases Macの場合はbrewで入れ
cordovaでFirebase Cloud Messagingを使ってみる。#2 - Qiita
前回の続き cordovaでFirebase Cloud Messagingを使ってみる。#1 前回は、Firebase Cloud Messagingと言いながらも、Firebase Notificationsのところまでをまとめたものでした。 1. 証明書やAPNsをApple Developper Centerで用意する。 https://firebase.google.com/docs/cloud-messaging/ios/certs 結構手順が面倒なので、こちらのページを参考に作っていくと良いと思います。 基本的に、ここは通常のプッシュ通知の設定と一緒なので、他にも日本語で解説されていると思います。 2. 証明書をキーチェーンアクセスからエクスポートしてFirebaseに登録 .p12形式でエクスポートしたファイルを、Firebaseのコンソールから登録します。 歯車マーク>プ
JSON Schema から API 仕様と Go コードを自動で生成する – BOT エントリーの裏側 Part.1
Eureka EngineeringLearn about Eureka’s engineering efforts, product developments and more.
SlackとスプレッドシートとHubotで非エンジニア向けの運用ツールとして使ってみる - Qiita
非エンジニアのオペレーターの人のために管理画面を作るのが面倒で、 Slack + Googleスプレッドシートでデータを更新作業をしてくれるHubotを作ったら結構良かった 例えば、こんな感じのランキングモジュールがありました。 システムや運用の都合で自動化せずに、非エンジニアの人が手動で毎週更新するという仕様です。 更新の流れ １．データをGoogleスプレッドシートに記入する。 表示させたいコンテンツに対応するIDを記入してもらう ２．SlackからHubotで更新させる。 Hubotへメンションを送るだけ ３．おわり オペレーターの作業はこれだけ 普段使っているツールなので馴染みやすいです 仕組み SlackのメンションをHubotで受け付け、GASでスプレッドシートの内容からJSONを生成、そのJSONをStaticサーバーにアップロードし、そのデータをサービス側のサーバーから取得
Reactの考え方 | React 0.13 日本語リファレンス | js STUDIO
これは、元はReactの公式ブログへ投稿されたものです。 個人的な見解になりますが、ReactはJavaScriptを使用した大規模で高速なWebアプリケーションを開発する、 最も優れた方法であると考えています。 これは、FacebookとInstagramにおいて、我々にとって良い結果をもたらしてくれています。 Reactの優れた点の1つに、アプリケーションの構築を、どのように考えさせるかという事が挙げられます。 このページでは、Reactを使用した検索可能な商品データのテーブルを構築する過程を通して、学んでいきます。 まずは、モック作りから ステップ1: UIをコンポーネント階層に分割 ステップ2: Reactの静的版の構築 ステップ3: UIステートの必要最小限構成 ステップ4: ステートを使用するべき場所の特定 ステップ5: 別(逆)データフローの追加 最後に まずは、モック作りか
LINE Developers - BOT API Trial (Deprecated) - Overview
Use the Messaging API to build bots that provide personalized experiences for your users on LINE. You associate your bot with a channel on the LINE Platform. The bot works behind the LINE official account that is generated when you create the channel if you operate the account in bot mode. Note: As of April 18, 2019, the existing LINE@ account plans have been consolidated into the new LINE officia
swaggerでAPIドキュメントを書いたらめっちゃはかどった話 - kaz29
Swaggerは、REST APIの仕様とそれに関連するツール群の総称です。REST APIの仕様を定義したJSONファイル(Swagger Spec)を軸に以下のようなツールから構成されています。 Swagger UI - Swagger Spec から動的にAPIドキュメントを生成するツール Swagger Editor - Swagger Specのエディタ Swagger Codegen - Swagger Specからクライアントのコードを生成するツール 最近では、Open API InitiativeがAPIの記述のためにSwaggerを採用して話題になりました。 www.publickey1.jp APIドキュメントのメンテは結構面倒 一般的にAPIの仕様書は、古くはExcel/Wordなどを使ったり、最近ではWikiやMarkdown形式で記述したりなどプロジェクトによって
セカイエ chatops 始めたってよ #1: 入門編 - sekaie engineers' blog
おはようございます。こんにちは。こんばんわ。 セカイエアドベントカレンダー15日目担当の佐々木です。 qiita.com 今日はセカイエの chatops を始めるまでを記録に残したいと思います。 まだ始めていない方もこれを機に一緒に始めませんか？ はじめに 今回の chatops では hubot を利用してみようと思います。うまくいくかなドキドキ 今日の目的は以下のとおりです ローカル環境に hubot 開発環境を導入する チャットツール (今回は chatwork) と連携する 社内ツールのAPIを叩いて chatwork に流す 導入編 Hubot をインストール まずはこれがないと始まりません。とりあえず入れます。 $ npm install -g hubot coffee-script つづいて hubot 用ファイルを生成します $ hubot --create . 'hub
Hubotを導入するなら知っておくべき実際に使ってる最小限な実装のスクリプト3選 - Qiita
Hubotを導入するなら知っておくべき実際に使ってる最低限な実装のスクリプト3選 はじめに ChatOpsとしてHubotを使う開発会社もどんどん増えてきてる中で、実際にどんなHubotのスクリプトを使っているのかを紹介していきます。 ちなみにHubot自体はCoffeeScriptなので、ちょっとしたスクリプトを書くのにすごく楽で良いですね。 少しですが私の紹介を・・ Software Design 2016年1月号に記事書きました！ この度本誌26P〜の「はじまっています。ChatOps - Slack+Hubotで環境構築解説」という記事を書かせて頂きました！ 内容としてはChatOpsを使って開発業務から社内交流など幅広くChatOpsで改善したお話になってます、是非皆さん買って読んで頂ければ！ 実際に使ってるスクリプトの紹介 呼びましたかスクリプト よくSlackでメンションだけ
npm でコマンドラインツール開発事始め - Qiita
node.js で Gmail API を叩きたい (https://github.com/takayukioda/cmail) 軌跡その2 Gmail をコマンドラインで確認できるツールを作りたい． 開発言語は興味あるけど中々手が出せてなかった node.js で作りたい． そんなわけで node.js の簡単な使い方を勉強 node.js のインストール node.js のインストール方法は色々ある 公式ホームページからダウンロードしてインストール Homebrew 等のパッケージ管理ツールからインストール nvm 等の node 用のバージョン管理ツールを利用してインストール などなど． 自分はバージョンが頻繁に変わるらしいという事で nvm をインストールして，そこから最新版をインストールした． プロジェクトの作成 Node でプロジェクト情報を package.json に書くの
node.jsのいろいろなモジュール50 – Google Spreadsheetにアクセスする | DevelopersIO
2.Google Developer コンソールでAPI許可とKeyファイルのダウンロード Google Developerコンソールにアクセスし、プロジェクトを作成します。 作成したプロジェクトを選択し、サイドバーのメニューからAPI->Drive APIを選択して、Drive APIを有効化しましょう。 次にプロジェクトを選択した状態で、メニューから認証情報->認証情報を追加 ボタンを押します。 「サービスアカウント」を選択し、JSON形式を選択して作成ボタンを押すと、JSONファイルがダウンロードされます。 3.jsonに記述してあるメールアドレスをアクセス許可する 最後に、Googleスプレッドシート画面で共有ボタンを押し、 ２でダウンロードしたJSONに書いてある「client_email」のアドレスを追加します。 なお、ここで許可するアカウントは、APIアクセス用に発行されたd
開発に便利なタスクランナー「gulp」で出来る事、導入方法などをまとめました ｜https://wp.yat-net.com/name
2015年 09月 10日 開発に便利なタスクランナー「gulp」で出来る事、導入方法などをまとめました カテゴリ： gulp タグ：gulpタスクランナー タスクランナーの一つであるgulp（ガルプ）。使い出すとすごく便利で今ちょっと手放せない開発ツールの一つなんですが、使ってない人からすると、導入コストとか学習コストが気になって、まだ手を出してないという方もいますよね。なので、今回導入用の記事を書いたので、ちょっと気になってるという方、試してみたかったという方に役立てばいいなと思います。 1.タスクランナーとは？ gulpで何ができるのか？ 2.gulpに必要な環境を整える – Node.jsのインストール 3.gulpに必要な環境を整える – package.jsonの作成 4.gulpに必要な環境を整える – gulpfile.jsの作成 5.gulp-ejsを使った開発環境 6.
Google App Scriptを用いてGoogleスプレッドシートからJSONを生成してみよう ｜ ガジェット通信
こんにちは、フロントエンドエンジニア（Angularおにいさん）のいなばです。 最近は「レッドブルしか入ってない自販機が社内にあればいいのに……」と思いながら仕事をしています。 さて、案件でちょろっとGoogle App Script（GAS）を触る機会がありました。Google App ScriptとはGmailやスプレッドシートなど、Googleが提供しているサービスのAPIをJavascriptで利用するクラウド型スクリプトのこと。Google App Scriptを用いることで、Googleのサービスを自由に拡張できたり、他サービスと連携することができます。 Google App Scriptについて詳しく知りたい方は、こちらをまずご一読ください。 今回はGoogle App Scriptを使って、スプレッドシートからJSONを生成する手順をご紹介いたします。 はじめに： スプレ
[Swift]APIで取得したJSONをswiftyJSONでパースして、天気情報をUITableViewで表示。お天気アプリを作ってみる。 - Qiita
[Swift]APIで取得したJSONをswiftyJSONでパースして、天気情報をUITableViewで表示。お天気アプリを作ってみる。XcodeiOS初心者Swift まえがき的な(2015年の年始あたりに書いた記事です) Swiftの勉強がてら、色々調べながら簡単なアプリを作ってみました。 どうせなら作るだけじゃなくて、これから同じようなことする人の役に立つような記事にしようと思って書いてみました。 Swiftでごくごく簡単なアプリを作ったことある人向けを想定していて、ざっくり説明になっています。 不明点あった場合、コメントいただけれは補足追加します(^O^) swift2対応しました(2015年12月5日) swift2向けに更新したのと、当時のスキルでは仕方なかった微妙な実装方法も改修しています。 Xcodeは7.1でiOS9.1向けに作ってます。あと、pullして更新する項目
![[Swift]APIで取得したJSONをswiftyJSONでパースして、天気情報をUITableViewで表示。お天気アプリを作ってみる。 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/1a0a8603051dfcfaed473168a57ef566117addf0/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCU3dpZnQlNURBUEklRTMlODElQTclRTUlOEYlOTYlRTUlQkUlOTclRTMlODElOTclRTMlODElOUZKU09OJUUzJTgyJTkyc3dpZnR5SlNPTiVFMyU4MSVBNyVFMyU4MyU5MSVFMyU4MyVCQyVFMyU4MiVCOSVFMyU4MSU5NyVFMyU4MSVBNiVFMyU4MCU4MSVFNSVBNCVBOSVFNiVCMCU5NyVFNiU4MyU4NSVFNSVBMCVCMSVFMyU4MiU5MlVJVGFibGVWaWV3JUUzJTgxJUE3JUU4JUExJUE4JUU3JUE0JUJBJUUzJTgwJTgyJUUzJTgxJThBJUU1JUE0JUE5JUU2JUIwJTk3JUUzJTgyJUEyJUUzJTgzJTk3JUUzJTgzJUFBJUUzJTgyJTkyJUU0JUJEJTlDJUUzJTgxJUEzJUUzJTgxJUE2JUUyJTgwJUE2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz03MTA2MzcxMjVhOGY3NjZlYzEyNWY1NDMxYzhjOWExYg%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB5b2RhMjAyMCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YTdiZTBkMjZiMDdhYjZkN2EzZDA1ZTc1NWRkZDg3ZDE%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Df78ed55500a0476924d619ec4a4ba289)
WebAPIリクエスト仕様書としてcurlコマンドのご提案 - Qiita
WebAPIの仕様を記述する方法はいくつかあると思う。 普通に日本語で記述する JSON Hyper-Schema、WADL、RAML、Swaggerなどを使う 仕様書の代わりにプログラムを書く HTTPメッセージそのものを記述しておく でも、文法にばらつきがあったり、読みにくかったり、ツールのセットアップが面倒だったり、どれもイマイチな所があって、手軽な方法が欲しいと思っていた。 何気なくcurlコマンドのオプションを調べていたら、「もうこれでAPIドキュメント扱いにしちゃえばいいんじゃね？」と思えてきたのでメモしておく。 curlコマンドのおさらい curlコマンドはlibcurlの付属コマンドで、最近のUnix系OSなら大抵最初から入っていると思う。コマンドの詳細はmanを読んでいただければ。 cURL - How To Use （マニュアルページ日本語訳） curlコマンドのオプシ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://qiita.com/ANTON072/items/790437592284224c3fe7