AWS Single Sign-On 紹介 | Amazon Web Services ブログ
Amazon Web Services ブログ AWS Single Sign-On 紹介 12/7 にリリースされた AWS Single Sign-On (AWS SSO) サービスをご紹介します。このサービスにより、複数の AWS アカウントやビジネスアプリケーションへの SSO アクセスを簡単に集中管理できるようになります。AWS SSO はユーザポータルを提供するため、ユーザは既にある企業内の認証情報を使ってアサインされた全ての AWS アカウントやアプリケーションを確認して、アクセスできます。AWS SSO は AWS Organizations と統合されており、組織内にある複数の AWS アカウントへのアクセスを管理できます。加えて、AWS SSO は Security Assertion Markup Language (SAML) 2.0 をサポートしており、AWS S
PowerShell のコーディングスタイル - tech.guitarrapc.cóm
この記事は、PowerShell Advent Calendar 2017 3日目の記事です。 qiita.com 新しい言語を触るときに気になるのが、その言語はどのように書くことを意図しているのかです。私が触ってきた言語の多くは「その言語の考えの基本」となるものを持っており、コーディングガイドライン上でもそれを明示していることが多いように思います。 PowerShell はどうなのでしょうか? 今回はPowerShell ではどのようなコーディングスタイル (本記事ではコーディング規則も同じ意味で用います)で書くといいのかを考えてみたいと思います。 思いのほか記事内容がながくなってしまったので、結論だけ見たい方は まとめ をどうぞ ※ 決してこの記事の内容が絶対正しいと思っていません。みなさんが書いていく中でどうすればいいのか、と思ったときの良いヒントになることを願っています。 軽い記事
iOSアプリでWebRTC！リアルタイムコミュニケーションだ！ - Qiita
はじめに みなさんこんにちは。 今回は、自分と他人をつなぐコミュニケーションという勝手なテーマで、WebRTCを実装したいと思います。 WebRTCとは、wikipediaによると World Wide Web Consortium (W3C)が提唱するリアルタイムコミュニケーション用のAPIの定義で、プラグイン無しでウェブブラウザ間のボイスチャット、ビデオチャット、ファイル共有ができる。 的な感じに説明されています。 え、WebRTCってことはWebで？ みたいな勝手なイメージがあるのは私だけでしょうか。 今回はアプリで実装してみたいと思います。 ちなみに、今回はビデオチャットの実装をしてみます。 本記事では、実装にあたり、手軽に使えるサービスを発見したので、ご紹介とともに実際に利用してみます。 SkyWay NTTコミュニケーションさんが運用している、構築・運用サーバーを構築する必要も
一休.comのJavaScriptユニットテスト環境 - 一休.com Developers Blog
この記事は一休.com Advent Calenrad 2017の2日目です。 宿泊事業本部フロントエンドエンジニアの宇都宮です。 一休.comの宿泊予約サービス（以下、一休）では、以下のようなスタックでWebフロントエンドの開発を行っています。 言語：ES 2017 ライブラリ・フレームワーク：古いところはjQuery、新しいところはVue.js ビルドパイプライン：Webpack + Babel 一休では、主要導線のE2Eテストは整備されています*1。一方、フロントエンド(JavaScript)のユニットテストは発展途上といったところです。 本記事では、一休のJSユニットテスト環境の変遷と現状について紹介します。 AVA 2017年4月の時点で、一休のJSユニットテスト環境は以下のような状況でした。 テスティングフレームワーク：AVA Babelでビルドされているコード：1,000行程
ID生成大全 - Qiita
セッションIDやアクセストークン、はたまた業務上で使う一意の識別子など、いろんなところで一意のIDを生成しなきゃいけないケースが存在します。 そこで世間で使われているIDの生成方法について調べてみました。 選択基準 ID生成における要求として、以下の観点が上げられるかと思います。 生成の速度 大量にデータを短期間で処理し、それらにIDを付与する場合、ID生成そのものがボトルネックとなることがあります。 推測困難性 IDを機密情報と結びつける場合、IDを改ざんされても、機密データが見れないようにできている必要があります。 順序性 採番した順にデータをソートする必要がある場合は、IDがソートキーとして使えないといけません。 それぞれについて各生成手段を評価します。 ID生成の手段 データベースの採番テーブル 採番用のテーブルを作り、そこで番号をUPDATEしながら取得していくやりかたです。古い
2017年度・自分なりのWebサイト制作向けCSS設計論 - Qiita
株式会社アンティー・ファクトリーXAチーム（マークアップエンジニアチームの名称）の Advent Calendar 1日目担当の@kokushinです。 業務ではWebサイトのマークアップに加え、JavaScriptを用いた演出・機能実装などを行っております。 プライベートでは、Vue.jsを使ったWebアプリやCSSフレームワークなんかを自作して遊んでおり、最近だとサーバーサイド言語にも手を出し始めました。楽しいです。 CSS設計に関してはまだ苦手意識がありますが、OOCSS・SMACSS・BEM・FLOCSSなどの設計論や、Atomic Designといった考え方が登場したことで昔よりかは随分と良くなりましたね。 弊社では主にFLOCSSを取り入れて業務に活かしているのですが、プライベート開発のときは「独自のCSS設計を考えて実際に使ってみよう」と決めていたので、Webサイトのソースや
細かすぎるけど伝わって欲しいlodash.jsの話 - KAYAC engineers' blog
ギリギリの時間にこんばんは、12/2のアドベントカレンダーは、HTMLファイ部ののびーがお送りします。受託事業でWebフロントを書いたり、テクニカルディレクションをやったりしている人です。 さて今年はさっくりと、常日頃からお世話になっているlodash.jsというライブラリについて、掘り下げた紹介をさせていただきます。 lodash.jsとは https://lodash.com/ A modern JavaScript utility library delivering modularity, performance & extras. つまるところ、 ユーティリティー（なんか便利）関数を集めたやつ めっちゃかるい という特徴を持つライブラリです。近頃のフロントエンドの流行りであるThree.jsだったり、Vue.jsだったりといったものに比べると 地味 です。非常に地味ですが、個人的
Windows 上でのUnix 開発環境 2017年版 - Qiita
まえおき この記事は FUJITSU Advent Calendar 2017 の1日目です。FUJITSU グループ会社勤務の @euxn23 です。 PC メーカー系勤務だと支給マシンがWindows ということがあるかと思います。 こういうときに一般的なのはVM を作成して SSH クライアントから接続すると思いますが、それではクリップボードや日本語文字列周りの不具合に遭遇することがあります。 それらを解決するために Windows 上でUnix 環境を快適に使う方法をいくつか試したので、それを書き記します。 求める条件 クリップボードがUnix 内と共通化されている GUI でファイルが操作できる まともなターミナルが使える 日本語表示の問題が発生しない 現状の問題点 rlogin 等の ssh クライアントから ssh した場合、tmux 等で日本語の挙動がおかしくなる問題 VM
これからの時代のメタプログラミングJavaScriptの正義を語ろう - Qiita
JavaScript Advent Calendar 2017 - Qiitaの第一日目です。JavaScriptにおいてメタプログラミングを用いて、エンジニアリングにおける邪悪と闘うという趣旨の記事です。 秋のJavaScript祭 in mixi 2017 - Javascript祭りでこれからのメタプログラミングJavaScriptの正義を語ろうという発表をしてきました。この記事はそれをベースにしています。 技術書典3で頒布した簡単JavaScript AST入門という同人誌ですが、どうも電子版を求める声が多いので、簡単JavaScript AST入門 - 東京ラビットハウス - BOOTH で電子版を販売しています。 結論から メタプログラミングを活用すればこの三つを達成できます。 コーディングタイムコンパイルという新しい概念・技術 暖かみ溢れる手作業を根絶 生産性を向上して、相対
WindowsにおけるRuby/Rails開発 2017 Winter - Qiita
この記事はRuby on Rails Advent Calendar 2017 1日目の記事です。 まとめ Windows Subsystem for Linux RubyMine 2017.3 Docker for Windows つらみとの決別 古来よりWindowsユーザーたちは、Windowsでの健康で文化的な最低限度の開発を望み、様々な手法を模索してきました。 その道は多くの無駄な努力とぬか喜びにあふれた、長く険しいものでした。 Rubyバージョンのつらみ 使いたいバージョンのバイナリが提供されていない問題 gemインストールのつらみ native extensionでうまくいかなかったり ミドルウェアインストールのつらみ Windows向けバイナリが提供されていない or インストールが面倒 仮想マシンのつらみ いちいち起動や環境準備が面倒 Windows側と仮想マシン内のX
MapboxとGoogle Mapsを比べながらMapboxの本当の素晴らしさを発掘する - Qiita
こんにちは、@nazomikanです。 この投稿はLifull Advent Calenderの1日目の投稿になります。 本記事はざっくり言うとmapboxすごいよって話です。 ※言うまでもなく素晴らしいgoogle maps apiと比較することでmapboxを深掘りするのが目的で、決してgoogle mapsを貶めるつもりの記事ではないことをご理解ください Mapboxとは 地図サービスです。 GoogleMapsと近い感じでJSやnative appのsdkが公開されてていい感じに開発できるやつです。 データソースはopen streatmapになります。 Google Mapsとの違い タイルのレンダリングについて google mapsは地図をサーバサイドレンダリングして256x256の地図タイル画像として配信してタイル上に配置していきます。 一方でmapboxは地理情報のvec
What's New In DevTools (Chrome 64) | Blog | Chrome for Developers
Welcome back! New features coming to DevTools in Chrome 64 include: Performance Monitor. View a page's performance in real-time. Console Sidebar. Reduce Console noise and focus on the messages that are important to you. Group similar Console messages. The Console now groups similar messages together by default. Read on, or watch the video version of these release notes below. Performance Monitor U
JavaScriptのプログラミングはこれだけ効率化できる！ 使用歴5年目のエンジニアが送るWebStormの厳選神業集 - ICS MEDIA
JavaScriptのプログラミングはこれだけ効率化できる！ 使用歴5年目のエンジニアが送るWebStormの厳選神業集 JavaScript（ES2015+）、TypeScriptの需要は高まる一方ですが、プログラミングの効率化をどれくらい意識していますか？ プログラミングが効率化されれば、作業時間の短縮、ケアレスミスの軽減、プロダクトの品質の向上、そしてストレスの軽減に繋がります。 筆者が5年間使用している「WebStorm（ウェブストーム）」は、JavaScriptのプログラミングをする上での面倒な処理をほとんど自動化するための機能が揃っていて、ロジックの検討や表現の作り込みに時間を割けるようになります。 本記事では、多くの機能の中からとくに便利だと感じるものをピックアップして紹介します。WebStormを使ったことがない方も、「この作業はツールで自動化できるのか」という知識を得て、
全モダンブラウザで使えるJavaScriptのdynamic import（動的読み込み） - Qiita
JavaScriptでは他のJSファイルを読み込みES Modulesという仕組みがあり、Chrome、Edge、Safariなどブラウザのサポートが拡大しつつあります（参考記事「JavaScriptでモジュールを使う時代に！ ブラウザで覚えるES Modules入門」）。 さらに、モジュールをimport()を使って「関数のように」呼び出すためのdynamic importという仕組みが2020年に公開されるECMAScriptの仕様で導入されます（tc39/proposal-dynamic-import）。Google Chrome、Firefox、Safariではではモジュールのdynamic importに対応しており、ブラウザでその挙動を確認できます。 dynamic importのメリットは、任意のタイミングでモジュールを読み込めること。たとえば、ページの初期表示に必要なJav
Node.jsのドキュメント管理について - 技術探し
じいちゃんが米寿なため、実家で書いています。 あと家族増えてました👨👨👦👦 左の4ヶ月の子。 家帰ったら家族が増えてました👪 pic.twitter.com/4rmjpCNf4J— hiroppy😶 (@about_hiroppy) 2017年11月19日 先日、こちらのOSSドキュメント勉強会で話しました。 kbkz.connpass.com 今回はスライドの要約です。 how to manage the document of Node.js ドキュメントの重要性 Node.js Foundationについて Node.js APIドキュメント コミット数 issue/prのコメント数によるラベルの種類 レビュワー レビューをするポイント スタイルガイド 書き方 オートメーション CI Lint ドキュメントをビルドする サポートツール APIの翻訳 英語のタイポ検知
Webセキュリティ覚書 : "攻撃" 編 [ 初学者向け ] - Qiita
Webのセキュリティ プログラミングスクールからエンジニアデビューしたものですが、セキュリティの重要さと、攻撃された時の恐ろしさに戦々恐々としました。今でもしてます。 たとえ、エンジニアでなくとも、最低限の対策をしないとリリースするのは危険です。 プログラミングスクールではセキュリティについては、深く学ぶことはあまりないと思います。 自分と同じ駆け出しエンジニアさんや、エンジニアじゃないけど、Webサービスリリースしたい！みたいな方に共有できたらと思います。 セミナーでセキュリティについて学んできたので、復習も兼ねて自分なりの解釈で記事に落とそうと思います。 脆弱性? Webサイトの脆弱性は二種類。 ロジックエラー(設計段階で生まれる脆弱性) セッションの管理不備や特殊文字を処理せずにデータを受け渡してしまうことです。 テクニカルエラー(実装段階で生まれる脆弱性) SQLインジェクション、
![Webセキュリティ覚書 : "攻撃" 編 [ 初学者向け ] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/9cd60d834e7670c5c46367f5a563bdc44316be42/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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9V2ViJUUzJTgyJUJCJUUzJTgyJUFEJUUzJTgzJUE1JUUzJTgzJUFBJUUzJTgzJTg2JUUzJTgyJUEzJUU4JUE2JTlBJUU2JTlCJUI4JTIwJTNBJTIwJTIyJUU2JTk0JUJCJUU2JTkyJTgzJTIyJTIwJUU3JUI3JUE4JTIwJTVCJTIwJUU1JTg4JTlEJUU1JUFEJUE2JUU4JTgwJTg1JUU1JTkwJTkxJUUzJTgxJTkxJTIwJTVEJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0wNTg3MzFjOTYyYTBjNzFiN2Q0ZjhjYTcwZDcxNWQzOQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBUc3V0b3UmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWJlZWI5ZjFhYzNmYjAyOTRiZjNmMmFlZjdmYTZhNzIy%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4gVGltZXJzIGluYw%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3Dd758944b11d85a5db1cfab2c1f2f59d4)
「どうぶつの森 ポケットキャンプ」が配信開始
スマートフォン用アプリ、「どうぶつの森 ポケットキャンプ」iOS版の配信がスタートしました。ダウンロードは無料。 全ての写真はこちらから! 画像は公式サイトより 「どうぶつの森」第1作は2001年にNINTENDO64用ソフトとして発売。シリーズ最新作となる今作「どうぶつの森 ポケットキャンプ」は、キャンプ場を舞台に他の動物たちと親交を深め、さまざまな家具を作成することでキャンプの動物がどんどん増やせるという内容で、釣りや虫取りといったこれまでの「どうぶつの森」シリーズの要素を継承しています。なお、当初は22日配信とアナウンスされていました。 現在配信されているのはiOS版のみで既にプレイも可能。Android版は未配信となっています。 追記（2017年11月21日18時05分） Android版も配信されたため、タイトルを修正しました。 ゲーム画面集 advertisement 1|2
私にとって JavaScript 開発はもはや面白くない - Frasco
Web の仕事を始めて10年になりました。特別な教育は受けず（学校をサボっていたわけではなく、単にラッキーだっただけです）、フロントエンドの開発も行う .NET 開発者として仕事を始めました。しばらくした後、自分が本当に好きなのはユーザインタラクションだということに気づきました。また、画面上にモノを配置することやアクセシビリティの問題を解決することも好きでした。私にはバックエンドの業務が不向きで、フロントエンドのプロジェクトを終えたとき、バックエンドの業務を行わなければならないことが非常に苦痛でした。 そんな時、同僚（Pascal Vree）がこのようなことを私に言ったのです。 Fronteers Conference に行くべきだ。ホームにいるような気分になれるから。 そういったこともあり、私はそのカンファレンスに行ってみることにしました。そして、フロントエンドしか好きでないのは自分だけ
The Ultimate AJAX Guide For Vue.js Apps
Anthony Gore | August 28th, 2017 (Updated January 20th, 2020) | 8 min read If you ask two Vue.js developers "what's the best way to implement AJAX in a Vue app?", you'll get three different opinions. Vue is a UI library and therefore doesn't provide an official way of implementing AJAX. There are a number of different approaches that may be used effectively, each with its pros and cons that should
スマホが使えなくなったときのために。AppleやGoogleなどのアカウントの復元コードを取得して保存する方法 | ライフハッカー・ジャパン
バックアップコードを取得する方法Microsoft Microsoftのアカウントページにアクセスして、上部の「セキュリティ」タブをクリックしてください。 ここでは、パスワードの変更、アカウントの復旧に使う予備のメールアドレスや電話番号の登録、アカウントのアクティビティーの監視ができます。そして、ページの下のほうに「その他のセキュリティオプション」というリンクが見えるはずです。この先に2段階認証の設定が隠れています。 Image: Microsoftリンクをクリックして、2段階認証をセットアップしましょう。2段階認証にはSMS（セキュリティー上の懸念があるのでオススメしないですが）か、認証アプリ（数分おきに新しいパスコードが生成される）を使います。セットアップができたら、復元用コードを取得します。「回復用コードを置換」をクリックし、表示されるコードを印刷するなどして安全に保管してください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
