Socket.IO開発時に役立つツール4選とroom、namespaceライブラリの使い方:Socket.IOで始めるWebSocket超入門(終)(1/3 ページ) 本連載では、WebSocketを扱えるNode.jsのライブラリ「Socket.IO」の使い方について解説します。今回は、チャットアプリ開発を進めながら、「room」「namespace」ライブラリの使い方について説明し、最後に開発時に役立つツールを4つ紹介します。 本連載「Socket.IOで始めるWebSocket超入門」では、WebSocketを扱うことができるNode.jsのライブラリ「Socket.IO」を使って、サンプルアプリケーションを構築していきます。 具体的には、チャットを題材とし、送受信されるメッセージ内容が即時反映されるリアルタイムかつ双方向なWebアプリケーションの構築を目標とします。さらに構築の中で
基本 var port = 3000 var io = require('socket.io')(port) io.sockets.on("connection", function (socket) { io.sockets.emit("info", "全員に送信") //送信元含む全員に送信 io.emit("info", "省略可") //上と同じ socket.broadcast.emit("info", "送信元以外に送信") //送信元以外の全員に送信 io.to(socket.id).emit('info', '送信元のあなただけ') //特定のユーザーのみ(socket.idで送信元のみに送信) //とあるユーザーから「hogehoge」メッセージを受け取ったらpiyopiyoで送信 socket.on("hogehoge", function (message) { io
HTTP(GET)通信でページを読み込みます。 シンプルなGETリクエストを送る簡単な方法で、複雑な$.ajax関数を使わずにサーバと通信ができます。通信の完了時に実行される関数を引数で指定することも可能ですが、これは成功時のみ実行されるので、失敗時と成功時の両方をカバーするには、$.ajaxを使う必要があります。
eishis株式会社では、新しく生まれる技術やツールを学んで、日々成長していくレベルの高い人材が集まる会社を目指しています。そのために毎週水曜日の朝8時から「もくもく会」を開催しています。 これまで、Rails, Reactもくもく会、Sketch勉強会など全15回にわたって行いました。 社員以外にも「もっとスキルアップしたい!」「1人じゃなかなか続かないし躓くところを誰かに聞きたい」という70人以上の参加者にお越しいただきました。 もくもく会の様子もくもく会は各自で作業するだけではなく、Slackで情報共有や質問をしたり、勉強会後は情報交換の場して活用して頂けます。はじめに一言自己紹介とSlack上でやることを宣言し、成果の発表します。 参加者は「新しくRailsを始めたい」という初心者の方も多いので、作業途中でつまずいた点やわからない点は、Slackに投稿すると他の参加者が自由に答えて
2017年 3月5日 07時20分 6年前 プッシュ通知が簡単に実装できるJavascriptライブラリ「Push.js」の紹介です。 スマホで お馴染みのプッシュ通知ですが、 Webブラウザ上でも ' Notification API ' という形で デスクトップへのプッシュ通知が利用ができます。 'Notification API' はブラウザによって使える機能にバラつきがあったりしますが、 デスクトップにダイレクトに通知できるので、使い方次第で面白いことができます。 " アラートの代わりに " " WebSocketと合わせてリアルタイムで流す新着情報の通知に " " ログインした時のウェルカムメッセージに " ... etc 生のままでプッシュ通知を書いていくと Permissionの確認や 通知許可の処理。 その他、条件式の連続でコードが長くなる傾向があります。 そんな 'Not
前回の記事『10 Tips to Become a Better Node Developer in 2017(達人に学ぶ、優れたNode使いにレベルアップするための10のヒント)』では、いますぐ使える10個のNode.jsのヒントやテクニックを紹介しました。この記事もそれに続いて10個のベストプラクティスを紹介し、Nodeのスキルを次のレベルに上げられるようにしたいと思います。 以下が今回紹介する内容です。 npmスクリプトを使う:bashスクリプトを使わず、npmとNodeのスクリプトを使ったほうが管理しやすい(例:npm run build、start、test)。Nodeの開発者が新プロジェクトに取り組むには、npmスクリプトこそが唯一の真実 環境変数(process.env)を使う:process.env.NODE_ENVを、development(開発)あるいはproducti
【教えてくん】コミュニティーなのです。 なんかニュースとかあったらここに書こうかと思ってますよ。とりあえず、おいらのブログ 日本も非常事態宣言が必要じゃないですか?という提案。 : ひろゆき@オープンSNS ひろゆき@オープンSNS (ひろゆき@オープンSNS) 投稿者, @ 2017-06-13 00:24:00 日本も非常事態宣言が必要じゃないですか?という提案。 テロが事前に防げるというのが幻想です。 ほとんどのテロは事前には防げてないです。 フランスではほぼ毎月テロ事件やテロ未遂事件が起きてますが、現場で犯人を射殺したり無力化することで、2016年のニースのテロ事件以降、一般市民の被害者を出さないで済んでいます。 さて、フランスは、テロを事前に防ぐのをやってないのか?というと真逆です。 非常事態宣言が出ているので、警察は裁判所の令状無しに、誰の家でも強制捜査出来る権限があります。
スクロールバーの対応のためか、Modal表示時に"padding-right:17px"の値が追加され、左側にずれる件の対策。 CSSで対応 stackoverflow.com Modal表示時にDomが左側にずれる場合、以下の設定を追加する ①bodyのスタイル修正 ■ 原因 <body class="modal-open" style="padding-right: 17px;">★ ■ 対策 .modal-open { padding-right: 0px !important; } ②Modalのスタイル修正 ■ 原因 <div class="modal fade in" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: block; paddi
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#sampleModal" data-backdrop="true"> モーダル・ダイアログ 呼び出し </button> <!-- モーダル・ダイアログ --> <div class="modal fade" id="sampleModal" tabindex="-1"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span>×</span></button> <h4 class="mo
CSS の display プロパティについて紹介します! display: inline・display: block・display: inline-blockについてのおさらい。HTMLとCSSひよこちゃん向け! いろいろ便利な CSS の display プロパティ。今回は display: inline display: block display: inline-block についておさらいしてみます。HTMLひよこちゃん向けの記事です! displayプロパティで、ブロック・インライン・インラインブロックをおさらいしてみた displayプロパティ displayは、要素の「表示形式」を指定するプロパティ。 ブロックレベル要素をインライン形式で表示したり、インライン要素をブロックレベル形式で表示することができます。 構造的にはブロックレベル要素なんだけど、インラインとして表示
システム開発のプロジェクトを管理するプロジェクトマネージャー。プロジェクトが成功するかどうかは、プロジェクトマネージャーの腕に掛かっていると言っても過言ではありません。 プロジェクトが始まったものの、 要件がいつまでたっても固まらない 指示通りにメンバーが動いてくれない プロジェクトメンバー間のコミュニケーションがぎくしゃくしている どんどん進捗が遅れていく などの問題が発生したことがありませんか? システム開発を成功に導く為には、緻密なプロジェクト計画と進捗管理、課題管理、プロジェクトメンバーへの適切な指示など多くのプロジェクト管理スキルが求められます。 プロジェクト管理スキルは1冊の本になるほどボリュームがあるものです。 そこでこの記事では、忙しい方でも学べるよう特に重要なノウハウを5分で読めるよう1枚にまとめました。ぜひこの記事をプロジェクト成功の参考にして下さい。 1.プロジェクト
ある日、突然、身の覚えのない「殺人犯」と名指しされたことから、お笑い芸人・スマイリーキクチさんの人生は一変した。最初の書き込みは、1999年のこと。仕事が軌道に乗りはじめた頃だった。まさか、この日から10年にわたって、格闘が続くとは思わなかったという。 キクチさんが突然、事実無根の「殺人犯」にされた事件とは、1988年〜1989年に東京・足立区で発生した「女子高生コンクリート詰め殺人事件」のこと。全く無関係であるのにもかかわらず、2ちゃんねるや個人ブログ、Yahoo!知恵袋などに書き込みは続き、ようやく2009年になって、書き込んだ19人が摘発された。2011年には、10年間の戦いをまとめた「突然、僕は殺人犯にされた」(竹書房)を出版している。 しかし今もなお、殺害予告、中傷はやまない。いまだに事件との関連を示す「根も葉もない情報」はネット上に漂い、殺害予告は、1年に1度くらいはあるそうだ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く