この記事は私がsocket.ioのドキュメントを読んで基本を勉強したという内容ですので、間違いなどありましたらご指摘お願いします またドキュメントでjQueryが使われている部分はネイティブJavaScriptに書き換えています Get started The web framework 【expressフレームワークを使う】 1. Socket.IOを試すためのhtmlをexpressを使って表示 ※expressではなく、普通にnodeのhttpモジュールでもOKです。
![Socket.IOのドキュメントを読んで基本を勉強してみた - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/a3ac11a8172221aba37f9efe7b4f1ce4cf2ac55e/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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9U29ja2V0LklPJUUzJTgxJUFFJUUzJTgzJTg5JUUzJTgyJUFEJUUzJTgzJUE1JUUzJTgzJUExJUUzJTgzJUIzJUUzJTgzJTg4JUUzJTgyJTkyJUU4JUFBJUFEJUUzJTgyJTkzJUUzJTgxJUE3JUU1JTlGJUJBJUU2JTlDJUFDJUUzJTgyJTkyJUU1JThCJTg5JUU1JUJDJUI3JUUzJTgxJTk3JUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgxJTlGJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0zMDI2OTRlNWMxNmNiYzEzZDgxNmFiZTFhNDdlYjVlYw%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBva3VtdXJha2VuZ28mdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTM0YjlhMjA4ODVhOWI0MzgwZjU1ZmE4YWQ2YmQ4N2E4%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4gUWlpdGFkb27jg6bjg7zjgrbjg7zkvJo%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D26d6d445cfba70ab8a115020a4923f59)
この記事は私がsocket.ioのドキュメントを読んで基本を勉強したという内容ですので、間違いなどありましたらご指摘お願いします またドキュメントでjQueryが使われている部分はネイティブJavaScriptに書き換えています Get started The web framework 【expressフレームワークを使う】 1. Socket.IOを試すためのhtmlをexpressを使って表示 ※expressではなく、普通にnodeのhttpモジュールでもOKです。
DjangoでImageFieldを持ったFormがあるとします。こんな感じ。ModelFormでもいい(というか実際のコードはそっちで書いてる)。 class UploadForm(forms.Form): title = forms.CharField() photo = forms.ImageField() これをテストする際にStringIOで適当に作ったダミーを食わせたら「画像じゃないよ!」って怒られた。ダミー画像をテスト用に置いておくのもなんだかなぁ…と思ってたら、そうだ、PIL使ってるんだからPILで生成すればいいじゃないか。 #-*- coding:utf-8 -*- import io from PIL import Image from django.test import TestCase from django.core.files.uploadedfile imp
「カネカで働いていた夫がパタハラに遭った」という趣旨のツイートが話題になっている。呟きは6月1日に投稿されたもので、4月下旬に育休から復帰した夫が、復帰2日後、5月から転居を伴う異動をするよう命じられたという内容だ。 寮から戸建てへ引っ越したばかりであることなどから、会社には異動を1~2か月延期してもらえないかかけあった。しかし聞き入れてはもらえず、有休の消化も認められないまま、5月末日で退職したと説明している。 このユーザーは、カネカと直接名指しで書いていたわけではないが、同社のキャッチコピー「カガクでネガイをカナエル会社」も一緒に投稿。ネット上で注目が集まることとなった。 さらに、これら一連のツイートを受け、同社が企業サイトから、育児休業や男性の育休取得に関するページを削除したという噂が広がった。しかし、同社の広報担当者はキャリコネニュースの取材に対し、「故意に消したものではない」と噂
2021-01-25: 追記 ソーシャルログインだけでなく、通常のログインもやりたかったので、django-allauthを試してみた。 インストール pipで pip install django-allauth ファイルでの設定 settings.pyとurls.pyを設定 # settings.py INSTALLED_APPS = ( ... 'allauth', 'allauth.account', 'allauth.socialaccount', 'allauth.socialaccount.providers.twitter', #例としてTwitter ) AUTHENTICATION_BACKENDS = ( ... 'allauth.account.auth_backends.AuthenticationBackend', ) TEMPLATE_CONTEXT_PROC
老親のもの忘れが気になると、真っ先に疑うのは認知症だろう。今や認知症は大きな関心事で、情報も数多く発信されるようになった。 そんななかで見過ごされやすいのが“老人性うつ”。脳内の神経伝達物質が減ることで起こる脳の病気だ。 治療で治すことができるのに、認知症や老化と思われて治療に至らず、悪化するケースが多いと、長年、高齢者の精神科医療に携わる和田秀樹さんが警鐘を鳴らす。 ◆認知症や老化に間違われやすい“うつ”の症状 「高齢者のうつでいちばん問題となるのは、必ずしも典型的な症状だけが、わかりやすく現れるわけではないことです」と、和田さん。 一般的にうつは、悲観的になり、意欲が低下し、不眠になって心身ともにつらくなる。 高齢者の場合、これら典型的な症状以外に、一見うつとは無関係のような症状が出ることも多いという。特に多いのは記憶力の低下。年齢的に認知症と間違われやすいのだ。 「認知症は高齢者に多
GMOメディアは6月3日、無料メーリングリストサービス「freeml(フリーエムエル) byGMO」を12月2日正午に終了すると発表した。1997年にスタートしたメーリングリストの老舗が、22年の歴史に幕を閉じる。 freemlは「FreeML」の名称で97年にサービス開始。2006年にはSNS機能を追加しており、06年当時のアクティブユーザーは305万人だった。現在も「日本最大級のメーリングリストサービス」をうたってる。 終了に先立ち、メール一覧のダウンロード機能の提供を管理者向けに始めた。7月16日に新規メーリングリスト作成を停止し、8月26日にメーリングリストへのメンバー招待や、参加・追加機能を停止。12月2日正午に全サービスを終了する。 関連記事 メーリングリスト「FreeML」がSNSに 「Yahoo!ジオシティーズ」終了 「貴重な資料消えた」──ネットから惜しむ声 ネット上では
Vue.js と Fetch API を組み合わせた利用方法の個人的なメモです。 Vue.js のサンプルコードを見ていると、Ajax通信に axios を使う例が多いようです。 一方で、素のJavaScript を利用してAjax通信を行う場合は、XMLHttpRequestか、Fetch API を使うことになるかと思います。 MDNのドキュメントを見ていると、Fetch APIを利用できるブラウザが増えてきているようです。 そこで、今回はFetch APIでJSONデータを取得して、Vue.js でレンダリングを行ってみました。 やること Google Books APIから、Fetch API を利用して書籍情報を取得 取得したJSONをVue.js で読み込み、「書籍名」「著者名」「書籍の説明」を表示する 著者名で書籍の一覧データを取得して、ループ処理を行う Fetch APIに
しくみ¶ CSRF対策は以下のようなことを基本としています: 他のサイトがアクセスできないランダムな秘密の値である CSRF クッキー。 CsrfViewMiddleware は django.middleware.csrf.get_token() が呼び出されると、常にこのクッキーをレスポンスと一緒に送信します。その他の場合にも送信できます。セキュリティ上の理由から、secret の値はユーザがログインするたびに変更されます。 "csrfmiddlewaretoken" と名付けられた、すべての送信 POST フォームに存在する隠しフォームフィールド。 BREACH 攻撃から守るために、このフィールドの値は単なる秘密ではありません。マスクを使って、レスポンスごとに異なるスクランブルをかけます。マスクは get_token() を呼び出すたびにランダムに生成されるので、フォームフィールドの
from django.shortcuts import render import json from django.http.response import JsonResponse from django.views.decorators.csrf import ensure_csrf_cookie @ensure_csrf_cookie def index(request): if request.method == 'GET': return JsonResponse({}) # JSON文字列 datas = json.loads(request.body) # requestには、param1,param2の変数がpostされたものとする ret = {"data": "param1:" + datas["param1"] + ", param2:" + datas["par
from django.shortcuts import render # Create your views here. def index(request): return render(request, 'vuetest/index.html',{'form_name': 'index'}) {% extends 'commons/base.html' %} {% load static %} {% block links %} <script src="{% static 'js/vue.min.js' %}"></script> {% endblock %} {% block headertitle %} Vue.js(これは失敗する例です。) {% endblock %} {% block content %} </head> <body> <div id="app"> <p>
これまで承認制だったAmazon textractがついに一般公開となりました。 現段階では日本リージョンには来ておらず、また、日本語にも未対応ですが、今後各種言語に対応していくとのこと。 Textractとは、伝票などの画像ファイルを渡すと、そこに書かれているテキストを読み取った結果を返してくれるサービスです。 通常のOCRのように、読み取った文字列をただ返してくれるだけでなく、顧客名、住所、合計金額などの意味までを読み取ってくれるのが特徴です。 この処理には、機械学習の技術を使っているとのこと。 今回はブラウザ上からデータを渡して結果を参照しましたが、REST形式でデータを渡して結果をCSVで受け取ることなどもできます。 どの程度の精度を誇るのか以前から気になっていたので、実際に試してみました。 実験1 帳票データ まず最初に渡したのが以下のデータ。 これはインターネット上から探してき
Googleはこの機能のためにNASA、New Balance、Samsung、Target、Visible Body、Volvo、Wayfairなどと協力しており、今後は動物だけでなく、人体や宇宙、商品などをARで表示できるようになっていく見込みだ。 関連記事 Google、モバイル検索結果画像の3D→AR化機能や「Google Lens」の新機能を発表 Googleが開発者会議「Google I/O」でモバイル検索関連の新機能を発表した。検索結果の画像を3Dに、さらにはARにして表示する機能は5月中にローリングアウト予定。Google Lensも進化する。 Google I/O 2019まとめ 「AI for Everyone」、Pixel 3aも発表 Googleの年次開発者会議「Google I/O 2019」で発表されたことを時系列にまとめた。今年のテーマは「「Building
はじめに 去年、パチンコ屋で一番当たる台を見つける方法について研究したら、スペインのカナリア諸島で開かれた学会で発表できたのでその内容を宣伝します! (写真は学会会場のホテル) 元論文は Liyuan Xu, Junya Honda, and Masashi Sugiyama. "A fully adaptive algorithm for pure exploration in linear bandits." Proceedings of the 21st International Conference on Artificial Intelligence and Statistics (AISTATS2018). 2018. [PDF] ざっくり何をしたの? 「線形バンディット」における「最適腕識別問題」を解くアルゴリズムを提案し、提案手法は実データにおけるシミュレーションで既存手
日本マイクロソフトが展開しているAI「りんな」について、歌声を活用した第2弾シングル「snow, forest, clock」のティザー映像を、5月28日付で公開している。 りんなは、日本マイクロソフトがAI研究の延長線上で展開している、人に寄り添うAIを目指した女子高校生風のチャットボット。3月には高校を卒業している。歌にも力を注いでおり、最新AI技術を活用した歌声合成によって、りんなの歌声も公開。4月にエイベックス・エンタテインメントとAIアーティストとしてレコード契約を締結。メジャーデビュー曲としてbachoの「最高新記憶」をカバーした。 りんなの楽曲はカバー企画3部作としており、最高新記憶の「記憶」に続き、本作では「生死」を表現。次作は「感情」をテーマにした楽曲が発表される予定としている。公開されたティザー映像は、関東近郊某所で行われたAIがライブを行うためのシステムを活用した実験
現在、様々な画像認識技術において”GAN”が利用されるようになり、その応用範囲はめざましいものがあります。新しく発表された「Sphere GAN」では幾何の理論を基に構成することで次元数を引き上げ、計算精度の向上を実現しています。 参考論文 : Sphere Generative Adversarial Network Based on Geometric Moment Matching 従来のGANモデルの弱点 従来のGANモデルの主なアイデアは、偽物のデータと本物のデータ間の分布散らばりを最小化するものでした。GANはこれまで様々なモデルに利用されてきましたが、処理できない複雑な問題も存在します。例えば、連続的に画像データを生成し学習しようとすると、計算が爆発してしまう場合があります。 従来のGANが処理できない問題を解決するため、これまでIPMs(integral probabili
* { margin: 0; padding: 0; } body { display: flex; justify-content: center; align-items: center; width: 100vw; height: 100vh; background-color: hsl(0, 0%, 20%); } .wrap { position: relative; } .text { font-size: 20vw; line-height: .8; color: whitesmoke; text-transform: uppercase; font-weight: bold; /* background-color: pink; */ } .wrap .text:nth-child(2), .wrap .text:nth-child(3), .crack { positio
こんにちは、Web Engineer の @wozaki です。 今回は、スキルマップを私が所属する開発チーム*1に導入した事例をご紹介します。 スキルマップとは、業務で必要なスキル(技術力、業務知識)と、チームメンバーのスキルレベルを一覧にした表です。 スキルマップの例 引用 スキルマップ作成のすすめ | Ryuzee.com 目次 概要 スキルマップ導入の背景 他社の事例とカスタマイズした点 スキルマップ詳細と運用方針 運用結果 まとめ 概要 チームで必要なスキル、メンバーのスキルレベル、志向性が不明だった 個人の志向性を表現できるようにカスタマイズしたスキルマップを導入した 結果 新メンバーにとって、スキル全体が明確になり、チームの役割の理解にも役立った スキル喪失リスクがあるものが明確になり、勉強会などスキル伝承のアクションにつながった 個人の志向性は、スキル伝承時の期待値調整にも
from glob import glob files = glob('data/*.csv') len(files) # 10000 この 1万件の CSV ファイルを Pandas DataFrame として読み込みたい。 ちなみに検証用のデータは以下のようにして生成した。 (3列 x 10,000行 の CSV ファイル 10,000 個) import numpy as np import pandas as pd row_n = 10000 col_n = 3 columns = [f'col{i}' for i in range(col_n)] for i in range(10000): df = pd.DataFrame(np.random.randn(row_n, col_n), columns=columns) df.to_csv(f'data/{i:04}.csv',
スマホに「ボイスレコーダーアプリ」をインストールするだけで、盗聴器に早変わりします。また、このアプリを入れたスマホのマイクを壁に密着させれば壁越し音を聞くコンクリートマイクとしても利用可能。壁越し音を聞くアプリとして使用するなら、無音部分をスキップして録音できる機能を搭載したアプリを選ぶのが盗聴器やコンクリートマイクとして使う時のポイントです。 「自動ボイスレコーダー」は、音声を感知した時だけ録音できるボイスレコーダーアプリ。Google Playで無料で入手可能です。アプリをインストールしたスマホをターゲットとする場所に置くだけで、スマホが盗聴器に変身。スマホなら、棚やテーブルの上に無造作に置かれていても誰も気に留めることもありません。 さらに、スマホのマイクを壁に密着させてセットすれば、壁越し音を聞くコンクリートマイクとしても利用可能。ボイスレコーダーアプリを作動させておけば、日中に壁
スタートアップなのにkubernetes, Fargate等を使う PerlやPHPをろくに知らないのにdisり、GoやRustをろくに知らないのにageる CTOを名乗っているがgithubには 'react_hello_world' のようなレポジトリがいくつかあるだけ クロスプラットフォームという言葉に誘惑されがち 開発規模や体制によらず、常にTypeScriptを使おうとする React, Redux, redux-sagaなどの技術をやたら使う半面、最終的に吐き出されるjsのサイズや読み込み速度には気が回らない 技術構成にはやたらと気を使う半面、ソースコードのディレクトリ構成やフレームワークを使わない設計に頭が回らない typoが多い スター数の少ない(100未満)わけのわからないライブラリをアプリケーションのフレームワークに採用する そもそも実務経験が浅い 実務経験がSIerし
ヤマダ電機のオンラインサイト「ヤマダウエブコム・ヤマダモール」で不正アクセスによりクレジットカード情報が盗まれる事態が発生した。決済系のウェブアプリケーションを狙った攻撃は流行しているが、専門家は「利用者側の対策は困難」としており、事業者側の対策が急務だ。 ヤマダ電機の発表によると、ヤマダウエブコム・ヤマダモールに不正アクセスが行われ、決済アプリケーションが改ざんされた結果、クレジットカード情報が流出。期間は3月18日から4月26日までで、その間に「新規クレジットカード登録、及びクレジットカード登録の変更」をした利用者最大3万7832人の情報が窃取された可能性がある。 盗まれた情報は「クレジットカード番号」、「クレジットカードの有効期限」、「セキュリティコード」だ。 ヤマダ電機の発表から推定すると、決済アプリケーションの改ざんによってクレジットカードの登録・変更画面で入力した情報が、そのま
保険証利用時、顔認証でチェック=マイナンバーカードで検討-政府 2019年06月03日17時59分 マイナンバーカードを健康保険証として使えるようにする制度が2021年3月にも始まるのに合わせ、病院を受診するときに顔認証による本人確認システムを導入する案が政府内で浮上していることが分かった。他人によるカードの不正利用を防ぐとともに、各種手続きの電子化の普及にもつなげる狙いがある。 【特集】「個人情報保護法改正」で「忘れられる権利」は確立するのか 実現すれば、病院の窓口に置くマイナンバーカードの読み取り機器にカメラ付きの顔認証システムを組み込む。患者本人がカードをかざすなどして情報を読み取らせ、病院スタッフらの手にカードが渡らないようにする方向だ。 今国会で成立した改正健康保険法に基づき、厚生労働省は21年3月にもマイナンバーカードの保険証利用を始める考えだ。窓口でカード裏面のICチップを読
こんにちは。この春に第一子を出産しためいまおです。 当初、夫に育休を取ってもらうつもりが全くなかったのですが、結果として半年間、育休を取得してもらうことになりました。 そこに至るまでの育児、あるいは家族に関する自分自身の思考の変化が個人的に興味深かったので、メモとして残しておきます。 夫の記事はこちら。 blog.8arrow.org 当初、発想自体なかった「夫の育休取得」 妊娠発覚当初、当然のように自分が産休育休を取って一人で(いわゆる「ワンオペ育児」というやつ)をやるんだろうなーと考えていました。 なぜそう思っていたかというと、「夫(男性)の育休」という選択肢自体があるという発想がそもそもなかったのです。 「なぜなかったんだろう」と考えると、おそらく以下あたりが原因なのでしょう。 2019年現在の日本社会では、まだまだ男性の育休は一般的なものとは言えないこと 育休制度に関する知識がゼロ
先月子供が産まれました。この記事は育休を取得しようと思った経緯を書き綴ったものです。 妻の記事はこちら。 meymao.hatenablog.com ことの始まり 2019年1月。妻は妊娠7ヶ月を迎えていた。 うちは夫婦共働きで二人共30代の中堅会社員。子供が産まれても働き続けたいという希望はある。けれど初めての子であるために働きながら子育てをするとはどのようなものかという実感が薄い。Web上には育児の大変さを吐露する書き込みはいくらでもあるが、それらは隣町の火事程度にしか思えず漠然とした不安しかなかった。 夫婦の両母親には出産予定日を伝えてある。産後に手伝いに来てくれないかという依頼を伝えるためである。しかし二人とも仕事をしているという都合や、遠方 (福岡) に住んでいるという事情もありなかなか思い切りのよい返事は得られない。 妻から育休の話をされたのはその頃だった。 ――育休を取る予定
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く