axios を利用した API の使用 — Vue.js
最終更新日: 2018年3月20日 基本的な例ウェブアプリケーションを構築するとき、 API からデータを取得して表示することがよくあります。これを行うにはいくつかの方法があり、一般的なアプローチは Promise ベースの HTTP クライアントの axios を使うことです。 この例題では、 CoinDesk API を利用して Bitcoin の価格を表示し、毎分更新します。最初に、 npm か yarn もしくは CDN リンクのいずれかを利用して axios をインストールします。 API から情報を取得する方法はいくつかありますが、表示する内容を知るために、まずデータ形式がどうなっているかを調べることをオススメします。 API エンドポイントを呼び出して出力をすることでデータ形式がどうなっているか調べられます。 CoinDesk API ドキュメントをみると、 https://
SwiftMailerを使ってメール送信する - 本日も乙
皆さんは、PHPでメール送信する際に何を使っていますか？ mail(), mb_send_mail(), PEAR::Mailなど様々な関数やライブラリがありますが、最近のモダンなライブラリとして SwiftMailer があります。 SwiftMailerはPHP5.2以上で動作するメールライブラリで、PEARやComposer などで簡単にインストールでき、Symfony2 にも組み込まれています。 今回は SwiftMailerをComposerでインストールして簡単なメール送信プログラムを作成してみます。 今回の目標 SwiftMailerをComposerでインストールする SwiftMailerを使って簡単なメール送信をしてみる サーバ環境 CentOS 6.4 Postfix 2.6.6 PHP 5.4.16 composerでインストール Composerのインストール c
Slim Framework
Slim is a PHP micro framework that helps you quickly write simple yet powerful web applications and APIs. <?php use Psr\Http\Message\ResponseInterface as Response; use Psr\Http\Message\ServerRequestInterface as Request; use Slim\Factory\AppFactory; require __DIR__ . '/../vendor/autoload.php'; $app = AppFactory::create(); $app->get('/hello/{name}', function (Request $request, Response $response, ar
HSTS Preload List Submission
I am the site owner of example.com or have their permission to preload HSTS. (If this is not the case, example.com may be sending the HSTS preload directive by accident. Please contact hstspreload@chromium.org to let us know.) I understand that preloading example.com through this form will prevent all subdomains and nested subdomains from being accessed without a valid HTTPS certificate: *.example
AIYスピーカーを、ほぼ日本語版Google Homeに【Google Assistant SDKアップデート】
どうやら、Google Assistant SDKが日本語その他複数の言語に対応したとのこと。 あらまぁ、それは嬉しいわ。つまり、AIYスピーカーのGoogle Home的日本語版への道が開かれたということ。ということで、再びモチベーションがぐぁぁんと上がった私は、さっそく作業へ取り掛かりました。 結論から言いますと、12月25日現在で、いちおう、日本語でOk Googleのようなことができるようになりました。「Ok Googleのようなこと」と書いたのは、今はまだ、OK Googleと言うのではなく、パソコンのキーを押して話しかけるスタイルになっているからです。 ですが、とにかく、日本語で話しかけて、日本語で答えてくれるレベルには到達したので、こちらで、その過程をメモしておこうと思います。 ただし、その途中では、かなり四苦八苦して、何度もインストールを繰り返したりしたので、途中の段階のプ
ラズパイ の 簡易スマート・スピーカー Google AIY を 組み立てる
The MagPi Magazine 57号 の 付録だった Google AIY が Pimoroni さん で 先行予約が始まって１ヶ月、遂に届きました！ さっそく組み立てます. 作業環境 Raspberry Pi 3 Model BGoogle AIY Voice KitGoogle AIY Voice Kit とは？Raspberry Pi 3 と 組み合わせることで、簡易的なスマート・スピーカーを作ることができるキットです. Google の 音声認識を使って指示をさせることができるものになります. ちょうど Google Home が 発売され、Amazon Echo の 招待予約も開始され、スマート・スピーカーが熱い中に、DIY で 作れるキットとなります. さすがに、掛け声で起動とまではいかずボタン押してから話しかけるようですが. とはいえ、この辺はラズパイだからカスタマイ
Introduction to Service Worker: How to use Service Worker - HTML5 Rocks
Service workers essentially act as proxy servers that sit between web applications, the browser, and the network (when available). They are intended, among other things, to enable the creation of effective offline experiences, intercept network requests and take appropriate action based on whether the network is available, and update assets residing on the server. They will also allow access to pu
gulp.js を今一度キチンと！gulp.js 導入基礎
フロントエンドのお仕事として、HTMLやCSS、JavaScript のコーディング回りを行っていると、以前に比べてやらなければならないことが増えてきていました。そのため、細々した作業でも、自動化して効率よく開発をすすめないと、時間がかかってしまうことが多いです。 そんなときに活用できるのが、今回使い方を紹介する gulp です。 gulp.js このエントリーでは、gulp が使えるように、gulp とはどういうものなのかの簡単な説明から、導入の基礎部分までを書いておきます。コピペでしか使ったことがない！という人や、誰かのコピペに頼って使っていたような人も、今後の活用していくための参考に利用してもらえたら嬉しいです。 gulp とは？ gulp.js は Node.js 製の毎回行うような作業を自動化してくれるツールです。よく様々なサイトでタスクランナーとして紹介されていますが、正確には
yarnチートシート - Qiita
webpackに引き続き、Railsが推してるフロントパッケージマネージャのyarnを調べてみました。npmも慣れてきたんで変えるのやだなー、と思ってたのですが互換性高くて移行しやすいし、動作も速くていい感じです。 概要 yarn = フロント(js)のパッケージマネージャ Facebook発、オープンソース、BSDライセンス npmと互換性がある npmと同じpackage.json, node_modules/で構成される コマンドも似ている バージョンの厳密な管理ができる package.jsonでバージョンそのものではなく、許容するバージョンの範囲を指定する 実際にインストールされた際のバージョンはyarn.lockに記録され、別マシンで再現可能になる npmに比べて高速に動作する 導入 Homebrewあるいはnpmでインストールできる。
How speeding up your mobile site can improve your bottom line
Marketing is at an inflection point. Here’s why that’s an opportunity
世界も評価！ アニメ制作の“新手法”｜NHK NEWS WEB
日本時間の今月１８日に閉幕した、世界で最も歴史のあるフランスのアニメーション映画祭「アヌシー国際アニメーション映画祭」。この映画祭で２２年ぶりに、日本人監督の作品が最高賞を受賞しました。 湯浅政明監督の「夜明け告げるルーのうた」 です。人魚の女の子と出会った少年の心の動きを丁寧に描いたこの作品。実は 「残業なし・土日休業」 で作られ、内容だけでなく、長時間労働が当たり前のアニメの制作環境に一石を投じています。作品の高い質を保ったまま「働き方改革」を実現させた、アニメの新たな作り方とは？（科学文化部・岩田宗太郎記者） 湯浅政明監督の「夜明け告げるルーのうた」は、両親の離婚を理由に、寂れた漁港の町に引っ越してきた中学生の男の子「カイ」が、人魚の女の子「ルー」と出会い、それまで他人に閉ざしていた心を徐々に開いていくというストーリーです。 世界で最も歴史のあるアニメ映画祭として知られる、フランスの
Amazon CloudSearchで日本語文書を検索する | DevelopersIO
Amazon CloudSearchが大幅アップデート 先日、CloudSearchが大幅アップデートされたということでニュースになっていました。日本語を含む多くの言語に対応し、自動補完、位置情報、フィールドタイプ、MultiAZ、IAM対応など盛りだくさんです。そこで、今回はCloudSearchの使い方や使いどころをご紹介します。 基本的な使い方 CloudSearchの使い方は3ステップです。ドメインの作成、文書のアップロード、そして検索です。順番に見て行きましょう。 ドメインの作成 管理コンソールからCloudSearchを選んでドメイン作成を選択してください ドメイン名、インスタンスタイプ、レプリケーション数を決めます。まずはお試しとして最小構成を指定します。 次にドメイン内に定義するインデックスのフィールドを指定します。自分でゼロから定義することもできますが、文書をアップロード
MySQL with InnoDB のインデックスの基礎知識とありがちな間違い - クックパッド開発者ブログ
こんにちは、サービス開発部の荒引 (@a_bicky) です。 突然ですが、RDBMS の既存のテーブルを見てみたら「何でこんなにインデックスだらけなの？」みたいな経験はありませんか？不要なインデックスは容量を圧迫したり、挿入が遅くなったりと良いことがありません。 そんなわけで、今回はレコードを検索するために必要なインデックスの基礎知識と、よく見かける不適切なインデックスについて解説します。クックパッドでは Rails のデータベースとして主に MySQL 5.6、MySQL のストレージエンジンとして主に InnoDB を使っているので、MySQL 5.6 の InnoDB について解説します。 InnoDB のインデックスに関する基礎知識 インデックスの構造 (B+ 木) InnoDB では B+ 木が使われています。B+ 木は次のような特徴を持った木構造です。 次数を b とすると、
AWS+Video.jsでお手軽ストリーミング動画配信 - Qiita
以下のサービス・ライブラリを利用してHLSでお手軽ストリーミング配信できたので、やったことをメモしておく。 AWS S3：動画をHLS配信しVideo.jsで閲覧できるように Amazon Elastic Transcoder：動画のHLS変換 Video.js：safari以外のブラウザでHLSを再生できるように S3準備 以下のようなバケットポリシーのバケット作成 { "Version": "2012-10-17", "Statement": [ { "Sid": "", "Effect": "Allow", "Principal": "*", "Action": "s3:GetObject", "Resource": [ "arn:aws:s3:::[バケット名]/*", "arn:aws:s3:::[バケット名]/js/*", "arn:aws:s3:::[バケット名]/css/*
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vue.js 2.3 CheatSheet
パスワードを指定してmysqlコマンドを実行すると表示されるワーニングを回避 - Qiita
CHARAT -AVATAR MAKER-
各種営業施設・教室等での演奏・上映 | JASRAC
GitHub - stutrek/scrollmonitor: A simple and fast API to monitor elements as you scroll
トレンドン
