クラウド・Webホスティングサービスのセキュリティと運用技術の研究クラウド・Webホスティングサービスのセキュリティと運用技術の研究 セキュリティ・キャンプ2018 全国大会 セキュリティ・ミニキャンプ2019 福岡 2019/03/03 さくらインターネット株式会社 さくらインターネット研究所 上級研究員松本亮介 / @matsumotory / まつもとりー
【Unity】ド素人からShaderを使えるようにまでに重宝したリンク集まとめ - Qiita
「Shaderって何それ？」ってレベルから、Shaderを雰囲気で理解できるレベルになりました(多分) ここまで到達できたのは、”間違いなく”先人たちの最強すぎる情報のお陰様です。 そんな役立った有用すぎるShader学習リンクを紹介していきます！ 2019/3/19 追記 まんてらさんによるシェーダーの解説スライドを追加しました！ シェーダーについて無知であっても、噛み砕いて解説してくださっております。シェーダー学びたい初心者は必見です！ 対象レベル Vertex/Fragment Shader(頂点/フラグメントシェーダー)を一から学ぶ予定の方 Shaderやろうとして、何度も挫折した方 Shaderを雰囲気で理解してみたい方 ※注意 Geometry ShaderやCompute Shaderは含まれていません。理由は私がまだ使えないからです(^p^) こちら扱えるようになったら、ま
「弱い人工知能」は、人のサポートなしでは何もできない AIに夢を託す時代の終焉とその先
2018年9月17日、T-KIDS シェアスクール 柏の葉にて「『人工知能はなぜ椅子に座れないのか』刊行記念 松田雄馬氏トークイベント」が開催されました。人工知能の実像を知ることで、はじめて見えてくる新たな技術。さらに、それによってもたらされる社会とはどんなものか。その前提となる知能、そして生命とは一体どんなものか？ このイベントでは人工知能の研究を続ける松田雄馬氏が、子どもたちにもわかるように噛み砕きながら、「人工知能とは何か」について語りました。本記事では、講演の前半の模様についてお送りします。 博士が語る、AIと人が共生する未来 尾花佳代氏（以下、尾花）：まだお揃いではないのですが、時間が過ぎましたので始めさせていただきます。本日はT-KIDSのトークイベントにお越しくださいまして、本当にありがとうございました。T-KIDS代表の尾花でございます。 今日は、ご予約いただいた方もいらっ
[EC2]サーバのリソース監視入門 - Qiita
■概要 AWSでEC2を使う際に、見ておく必要があるであろう項目を、洗い出して監視を実践する。 ■取っておきたいメトリクスについて ◆EC2を建てると標準で取得されるメトリクス一覧 「(公式)インスタンスの利用可能な CloudWatch メトリクスのリスト表示」に詳細が書いてあるが、一般的なアプリケーション監視に使う項目が標準ですべてとれるわけではない。 ※自分が運用/監視で標準メトリクスから使っている項目は下記くらい。
![[EC2]サーバのリソース監視入門 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/984883bc12d7c2603934ee878806979810975803/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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCRUMyJTVEJUUzJTgyJUI1JUUzJTgzJUJDJUUzJTgzJTkwJUUzJTgxJUFFJUUzJTgzJUFBJUUzJTgyJUJEJUUzJTgzJUJDJUUzJTgyJUI5JUU3JTlCJUEzJUU4JUE2JTk2JUU1JTg1JUE1JUU5JTk2JTgwJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz04NmE5NzljMmNlZWNmZTI1MTJkOGI0OGE3MTQyZjM0MQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBtb250YW1hJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1hOTI4NTFmYTM5MDViY2RkNmIxMzNjZTRmMjBiMGNjNQ%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D3c14b5003df1ce67ecaeef3c08824e43)
CSSの関数はどんどん便利になっている！minmax()を使うとMedia Queries無しでレスポンシブが簡単に実装できる
CSSの関数には便利なものがたくさんあります。例えば、div要素に「width: calc(100% - 50px);」と指定することで、幅いっぱいから50pxを引いた値を幅に適用できます。 minmax()関数はcalc()関数のように数字やキーワードを使って、要素の最小値と最大値を指定でき、簡単なCSSの記述でレスポンシブ対応の高度なレイアウトを作成できます。 下記のレスポンシブ対応のグリッドはたった2行のCSSで、プロパティも2つだけです。 How the minmax() Function Works 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 minmax()の基本的な使い方 minmax()を使うと、Media Queries無しでレスポンシブデザインができる サポートブラウザ minmax()の基本的な使い方
既存の WPF アプリケーションを .NET Core 3.0 に移行した - しばやん雑記
Visual Studio 2019 が RC に到達したという話だったので、検証用に使っているマシンにインストールして既存 WPF アプリの .NET Core 3.0 移行がどのくらいのコストで行えるのか試しました。 にぃにが書いているように .NET Core 3.0 を Visual Studio 2019 RC で使うには、プレビュー版の .NET Core を使うように設定を変える必要があります。 理屈としては分かりますが、まあまあはまりやすいポイントですね。設定を変えると .NET Core 3.0 向けのプロジェクトを読み込んでビルド出来るようになりました。 .NET Core 3.0 の Win Forms / WPF 対応について調べてみると、ほとんど dotnet new wpf とかで作ったコードを動かしていただけだったので、本当にマイグレーション可能なのか怪しく思
クラウドストレージをMacのローカルストレージのようにマウントできる「Mountain Duck」が次期v3.0アップデートで、ディスク容量を節約できるオフラインモードやスマートシンクに対応。
クラウドストレージをMacのローカルストレージのようにマウントできる「Mountain Duck」が次期v3.0アップデートで、ディスク容量を節約できるオフラインモードとスマートシンクに対応するそうです。詳細は以下から。 Mac/Windowsのクロスプラットフォームに対応したFTP/SFTPクライアント「Cyberduck」シリーズを開発しているスイスiterate GmbHは2016年よりDropboxやOneDriveなどのクラウドストレージをマウントし、Mac/Windowsのローカルストレージのように利用できるユーティリティアプリ「Mountain Duck」を開発＆販売していますが、現在このMountain Duckの時期メジャーアップデートとなるv3.0のPublic Beta版が公開されています。 Like Dropbox for any cloud storage wit
SVGを使うときに知っておくといいことをまとめました - Qiita
アイコンやロゴ、見出しやイラストなど、写真以外の画像ではSVGを使うことが多くなりました。 PNGのように荒れたりしないし、使い方によってはCSSで変更することができるので便利です。 ただ、PNGと違ってSVGは汎用性が高い分、作り方や使い方で気をつけることがたくさんあります。正直まだ把握しきれていないところもあるんですが、社内への共有も含めてドキュメント化しています。 もし、「ここが間違ってるよ」とか「こうしたほうがいいよ」みたいなことがあれば、Qiitaのコメント欄やGitHubのIssueをいただけたらとても嬉しいです。 SVGの作成時に注意すること サイズ削減のためにすること 「オブジェクト」→「パス」→「単純化」でアンカーポイントの数を最小化する（見た目を損なわない程度に留めます） 非表示にしているレイヤーを削除する（非表示レイヤーも書き出されます） 1回しか使わないシンボル図形
PostgreSQL11 設定パラメーター解体新書 / PostgreSQL 11 parameter
OSC 2019 Osakaの登壇資料です。
Coral Dev Board-Seeed Studio
0" :class="{'submenu-list':currentMenu.parent && currentMenu.parent.name,'last-menu':isLastLevel}"> �{>��U
無料の Microsoft Teams | Microsoft Teams
Microsoft Store</a> にアクセスしてください。" DisplayUnit="{}" NotFound="このバージョンの Microsoft 365 は、お客様の国/地域ではご利用いただけません。お客様の国/地域でどのバージョンの Microsoft 365 が利用可能かについては、<a href="https://go.microsoft.com/fwlink/p/?LinkID=506577" target="_self">Microsoft Store</a> にアクセスしてください。"> Teams の最も人気のオプションである Teams Essentials を利用して、より多くのことを成し遂げましょう。ユーザー 1 人あたり月 ¥599 で、無料版の内容すべてに加えて次のものを利用できます。 追加のクラウド ストレージ。 無制限のグループ会議 (最長 3
「半期チャンネル（対象指定）」が無くなり、Windows 10の機能アップデートはいつ実施すればいい？ (1/3)
何を言ってるかわからないだろうと思うが 「半期チャンネル（対象指定）」が終了したぜ 「半期チャンネル（対象指定）」ってなんだよ？ というのが多くの読者の感想だと思う。これは、Windows 10のバージョンアップタイミングを表す用語なのだが、「半期チャンネル（対象指定）」と「半期チャンネル」という用語を見ただけで、2つは違うものだと理解できる人は少ないだろう。大体「（対象指定）」とは一体なんなのだ。 そもそもこれは、英語の「Semi-Annual Channel(Tergeted)」と「Semi-Annual Channel」の訳語であり、さらに言えば、元の単語自体がわかりにくい。あまりにわかりにくいので、この記事では「半期チャンネル（対象指定）」を「SAC-T」、「半期チャンネル」を「SAC」と表記することにする（これはマイクロソフトがブログなどで使っている表記でもある。彼らも面倒なのだ
知っておくと便利！Pytestコマンドライン小ネタ集 | DevelopersIO
Pytestを実行するときに知っておくと便利なコマンド＆オプションをまとめました。 環境 Python3.6 pytest 4.3.0 venv 特定のテストのみを実行する モジュールを指定して実行 モジュール毎にテストを実行します。 pytest test_1.py パスを指定して実行 フォルダ別にテストを実行します。 pytest testing/ キーワードを指定して実行 文字列に含まれるキーワードにマッチするもののみを実行します。 マッチング対象はファイル名、クラス名、関数名です。 pytest -k "MyClass and not method" 上の例の場合、”TestMyClass”のキーワードを含むテストを実行しますが、”method”キーワードを含むものは除きます。 例えば、 "TestMyClass.test_something" は実行されますが、 ”TestMyC
React入門として書籍『りあクト！』を読み本家チュートリアルに挑戦した感想 - あるSEのつぶやき・改
はじめに 書籍『りあクト！』という同人誌を @YSRKENさんにご紹介いただき、一度は挫折した React 再入門しようと思い、書籍を読了した感想と、React 本家サイトの英語チュートリアルに挑戦した感想を書いていきたいと思います。 booth.pm 『りあクト！』の感想 この書籍は、技術書にありがちな技術解説というスタンスではなく、会社で先輩と後輩の会話の中で技術的な内容が出てくるという一風変わった特徴があります。それゆえに難しい概念にもなじみやすく理解しやすい内容になっています。 また、なぜ世間で React が難しいと言われるのかその原因を突き止め、その解法として、React の原理原則の解説に力点が置かれています。 自分が以前 React を理解できなかったのは、シンプルだけれども React の原理原則を理解していなかったためなのかと納得しました。いくら文法やコマンドを覚えても
sysloadや監視などの話（仮）
2015.10.3 にOSC2015 Fukuoka(＠九州産業大学）で講演した資料です。 PacemakerとPostgreSQLのレプリケーション機能を組み合わせた「PG-REX」(*)は、共有ディスクを使用しない安価な構成で、商用運用にも耐える可用性を実現することができます。 このPG-REXを含むPacemakerによるクラスタ構成は初期構築後、実際の故障が発生した際にその効果を発揮しますが、ログやコマンドが複雑で、フェイルオーバの原因を突き止めたり、 その後に正しい状態に復旧する方法がわからない、といった問い合わせを受けることが多々あります。 そこで、デモでも使用しているPG-REXを例として、故障内容によるPacemakerの挙動の違い、および原因解析方法、復旧方法を、実例を挙げながら網羅的にご説明します。 * PG-REXのコミュニティも立ち上げ、普及に努めています。 コミュ
シンギュラリティは来ないし、完全自動運転も実現しない 人工知能ブームの先にある豊かな未来のかたち
人工知能ブームの先に起こること 松田雄馬氏（以下、松田）：とうとう終わりに近づいてまいりましたよ。先ほど人工知能ブームを終わらせたがっている人がいる、ということを言いましたが、その人たちは人工知能ブームを今からどこに向かわせようとしているのか？ それについて、残り10分弱ほどお話をしたいと思います。 人工知能ブームがこれから先どうなるのかということを考える上で、とても大事な視点は、僕自身はこれだと思っています。 （スライドを指して）この人はビスマルクさんといって、昔のプロイセンの首相ですね。彼はこんなことを言いました。「愚者は経験に学び、賢者は歴史に学ぶ」ということです。歴史は繰り返すなんていうこともいいますが。過去の歴史に学ぶことで、これからなにが起こるかが予想できると。 そういうわけで、実は過去の歴史の中でも、これまでも何度か人工知能ブームというのがありました。とくに、1番最初のブーム
今度こそ理解する！俺式Lambda入門 | DevelopersIO
はじめに こんにちは、平野です。 AWS Lambdaがやっと使えるようになってきました。 私は新しい物事を理解しようと思った時、 「できるだけ最小限な構成から少しずつ要素を増やしていって、 そこから挙動を類推して確かめる」 というような調べ方でないとどうにも腑に落ちない性格のようなので、 そんな感じでLambdaも試行錯誤してみました。 Lambdaについては前から面白そうだと思いつつもなかなか手を出せずにいました。 事前の知識としては「あるイベントが起きたら、何らかのイベントを起こすもの」 ぐらいのふわっとした理解しかありませんでしたが、 私と同じ辺りの出発点からスタートする人の参考になればと思います。 最小限でLambdaを構成する ということで、できるだけ最小限の構成でLambdaを動かしてみます。 作るもの 以下のような動作で検証を行います。 究極的に最小限というわけでは無いです
政府が「技適」の条件を緩和へ--グローバル端末で“実験”しやすく
政府は2月12日、電波法改正案を閣議決定した。4月ごろの総務委員会に提出される予定。改正案では、5G時代に向けた電波利用料の見直しや、周波数割り当てに関するオークション制度の導入などについて言及しているが、その中には「技適」（技術基準適合証明）の条件の緩和も含まれている。 現状は、日本未発売のグローバル端末などを国内で使うためには、メーカーが技適を取得することが義務付けられており、事実上、技適の未取得端末で新サービスの実験などをすることは難しかった。 今後はこれを見直し、日本の技術基準に相当する基準を満たすなど、一定の要件を満たせば、届け出（氏名・住所、実験の目的、設置場所など）をすることで、最大180日間まで実験などを目的に、海外のスマートフォンやARグラス、スマートスピーカー、ドローンなどの使用が可能になるという。 具体例として、（1）日本で未販売のスマートフォンを用いた、アプリの
「マーケティングチームは何をしているのかわからない」と言われないために、成果を数字で説明する
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
アマゾンが｢Dashボタン｣を終了させる理由 ── 実はDashビジネスは好調だった
特定の商品注文専用の物理的なアマゾン注文ボタン｢Dashボタン｣の終了を発表したアマゾン。3月3日時点で、対応各社向けの注文ボタンは｢品切れ｣状態になっている。 撮影：伊藤有 アマゾンはさまざまな方法で商品を売っている。2015年にスタートした｢Amazon Dash Button｣（以下Dashボタン）は、その中でも驚きをもって迎えられたものの一つだ。 Dashボタンは洗剤やペットフードなど、特定の商品のロゴが描かれた、｢その商品専用｣の注文機器だ。ボタンを押すと自動的にアマゾンに注文情報が送られ、自宅に届く。｢選んで買う｣という通販の常識を覆した製品だ。 だがアマゾンは、2月28日より、ハードウエアとしての｢Amazon Dash Button｣の販売を終了した。これまでに買ったものはそのまま使えるが、｢ボタンだけを備えたハードウエア｣としての販売は終了する。 画期的と言われた｢Das
Googleのデザイナーなどのポートフォリオを300件以上閲覧できるサイト Bestfolios - LOGzeudon
海外のデザイナーのポートフォリオを見るのに便利なサイトの紹介です。 Bestfolios - UI/UX Design Portfolio Inspiration and Showcase ポートフォリオだけでなく、次の４カテゴリで情報がまとめられています。 Portfolios（ポートフォリオ） Resumes（履歴書） Resources（デザイン素材） Articles（投稿記事） オススメなページ順に、簡単に内容を紹介します。 Articles（投稿記事） ポートフォリオに関連した記事が読めます。 今のところ４記事しかありませんが、いずれもタイトルの魔力がすごい。 Google Designer Portfolio Collection 1 Facebook Product Designer Portfolio Collection 1 10 great fonts you may
下請け型受注生産という日本的形態を考える | タイム・コンサルタントの日誌から
あなたは、小さなパン屋の社長さんだ。町の商店街に店をかまえ、店の奥には小さいながらパン焼き工場（こうば）に職人も抱えている。店の売り場は、親族が受け持つ。実はあなたは少し前まで、都会でエンジニアをしていたのだが、やむを得ない事情で、郷里のパン屋を引き継ぐことになったのだ。 店を引き継いだ時は、赤字経営だと税理士さんから聞かされた。御多分に洩れず、地方都市の商店街は地盤沈下で客足が遠のき、売上の柱だった小中学校の給食パンも、少子化で減っていた。パン作りについては素人で何の知識もないが、ただ、あなたは一応、会社勤めで得たビジネス・センスを、多少は持っている。何とか頑張って、店や雇い人たちを盛り立て、まだ経営は低空飛行ながら、ようやく収支トントンのところまで持ち直した。 そんなあなたのところに、面白そうな商談が舞い込んできた。その地方のチェーンストアの店舗に、サンドイッチを納めないか、というのだ
SEOの「化石」手法 ～今や絶滅させるべき5つの恐竜たち | Moz - SEOとインバウンドマーケティングの実践情報
「SEOに効果がある」と過去にはされていたが、すでに時代遅れになってしまった「化石」の手法を5つ紹介する。古いやり方ではなく、今の時代に効果がでるやり方もあわせて紹介する。 なかなか認めにくいことだが、僕たちの多くは相変わらず時代遅れのSEO戦術を実践している。そうした戦術には、今なお大きなプラスの影響があると信じているからだ。 今回のホワイトボード・フライデーでは、ランドがそうした「化石」のような古代の手法を挙げ、現在それよりも効果的に機能する代替策を提示しながら、僕たちを優しく正しい方向に導いてくれる。あなたもコメント欄で、ぜひヒントやお気に入りの策をシェアしてほしい！ 化石戦術その1： Google広告のキーワードプランナーに頼ってキーワードを調査する最初に取り上げるのは、以前にも何度か話したことのある、Google広告（旧AdWords）のキーワードプランナーに基づくキーワード調査
「Excel手順書にさようなら」――運用管理者の不安を解消する「Kubernetes」のコンセプト
「Excel手順書にさようなら」――運用管理者の不安を解消する「Kubernetes」のコンセプト：これから始める企業のためのコンテナ実践講座（2）（1/4 ページ） 大量のコンテナ管理や負荷分散を実現する「Kubernetes」について概要から本番活用の仕方まで解説する本連載。第2回はコンテナ技術を本番環境で活用する際の課題を解決する「Kubernetes」と3つのコンセプトを解説します。 コンテナ技術の活用により、開発者や運用管理者の負担が減り、開発環境の構築、アプリケーション更新のスピードが飛躍的に向上しました。一方で、コンテナ技術をエンタープライズのサービス提供環境（以下、本番環境）で活用するには課題があります。 大量のコンテナ管理や負荷分散を実現する「Kubernetes」について概要から本番活用の仕方まで解説する本連載「これから始める企業のためのコンテナ実践講座」の第2回は、コ
git-updateがクソ便利 - くりにっき
git-sync にインスパイヤされて作りました qiita.com ソースコード gist.github.com モチベーション 例えばトピックブランチで作業してて、リポジトリのmasterが更新されたから最新のmasterを取り込んでrebaseするってことよくやると思うのですが、その時にいちいち git checkout master git pull --ff git checkout topic_branch git rebase master みたいなことをやるのが大変なのでサブコマンドにしました。 *1 3ヶ月くらい使ってるけど割と開発が捗ってます。 ~/.gitconfig のaliasにも up = update で登録してるので、1時間に1回くらいは g up 叩いてるんじゃないかなｗ https://github.com/sue445/dotfiles/blob/65
サーバーレスアーキテクチャのパターン別ユースケース - yoshidashingo
セクションナイン の 吉田真吾（@yoshidashingo）です。 昨今のサーバーレスアーキテクチャの実装パターンについて5つの分野でユースケースをまとめました。 実装方法はAWSがベースですが、クラウド各社のFaaSに大きな機能差はないので(そもそもシンプルなコンセプトなので)、FaaS単体よりも、連携可能な周辺サービスまで含めて自分のアプリケーションのユースケースに合っているかどうかが大事になってきます。また、そもそもいくつかの実装はPaaSのオプション機能として組み込まれている場合もあります。よって、この先連携先の機能強化などによってもっと多くのパターンが発見されることになると考えています。 【1】Webアプリケーション シングルページアプリケーション ex. Serverless Single Page Apps Web API REST API GraphQL 非同期Webジョ
Emacsモダン化計画 -かわEmacs編- - Qiita
EmacsJP Slackで話題に上がったEmacsモダン化計画という語感に触発され、Emacsひなまつりでそれっぽい話をすることにした。本記事では、見た目中心の変更方法について紹介する。 ちなみに現在82パッケージ導入しているが、use-packageでフル遅延ロード、なにか遅ければデフォルトのプロファイラで原因を解析して修正しているのでEmacsでも起動も動作も早い(現在の起動時間は0.4秒)。 コードが読みやすいテーマ -- doom-emacs-themes(doom-dracula) Doom Emacsという(Evilユーザ向け)Spacemacs系のプロジェクトがあり、このDoom Emacsのために開発されたテーマ。 目立たせるものと、そうでないもののバランスが良ため、非常に気に入っている。Dracula公式のEmacsThemeもあるが、Doomとは微妙に色味が異なる。
1日でSSHをやめることができた話 #jawsdays
TimeTree の SRE が海外展開においてやったこと＆やってないこと by【TimeTree × みてね勉強会】 グローバル対応への挑戦 〜SRE/インフラ編〜
Kubernetesアプリケーションの運用ツールポータル「OperatorHub.io」、Red Hatが開始。AWS、Google Cloud、Azureらが協力
Kubernetesアプリケーションの運用ツールポータル「OperatorHub.io」、Red Hatが開始。AWS、Google Cloud、Azureらが協力 Kubernetesには「Operator」と呼ばれる、Kubernetesの機能を拡張してアプリケーションの運用管理を支援するソフトウェアがあります。 Operatorとは、アプリケーションの運用ノウハウやテクニックをソフトウェアに組み込んだものだと、Operatorを開発したCoreOS（現Red Hat）のブログ「Introducing Operators: Putting Operational Knowledge into Software」で次のように説明されています。 A larger challenge is managing stateful applications, like databases, cac
webpackとBabelの基本を理解する(1) ―webpack編― - Qiita
独学の内容をまとめたものです。誤りがございましたら、ご連絡いただけると幸いです。 リンク 1. webpackとBabelの基本を理解する(1) ―webpack編―（本記事） 2. webpackとBabelの基本を理解する(2) ―Babel編― 3. webpackとBabelの基本を理解する(3) ―webpackとBabel編― 4. webpackとBabelの基本を理解する(4) ―React編― 5. webpackとBabelの基本を理解する(5) ―Sass編― 概要 この記事の概要 目的 フロントエンドの環境構築に利用されるツールへの理解を深める 本記事のゴール webpackでJSファイルを結合する方法を知る 対象者 WEBフロント担当者 HTML,CSS,JavaScript(es2015含む)の基本的な構文を理解している人 npmの利用方法を理解している人 環境
VS Codeでターミナルやエディター、エクスプローラー間の移動を楽にする - notebook
VS Code でなるべくマウスを触らない設定 - notebook swfz.hatenablog.com の続きです ショートカットの設定ではターミナル↔エディターなど特定のコンポーネント間の移動だけしか設定できなかったのでショートカット結構覚えないといけないかなーと思っていたのですがそんなことはなかったです。 デフォルトでそれぞれの領域に移動できるショートカットが用意されていました Ctrl + q で一覧が出てくるのでそれだけで移動できます 便利ですね VSCodeVim,Postmanの拡張を入れていたのでその設定とかぶっているので試してみても動作しなかったのですがショートカット設定を見直してみたら競合していたので該当の設定を消してあげれば移動ができるようになりました { "key": "ctrl+q", "command": "-extension.vim_winCtrlQ",
[ver 1.2] Git でよく使われるコマンドにイラストによる説明を加えて1枚のチートシートにまとめてみた - Qiita
本題のチートシートはこちら PNG SVG https://d.kuku.lu/6b5cc7b0a9 から DL できます 作った理由 git って他人に概念を説明するのって難しいし、自身も何度も反復させないと定着しなかったなあという感覚を持っていたので作ってみました 所感 こちらの Git チートシートですが、この中に盛り込めなかった内容で 第2段 を作成しようか考え中です 皆さまのオススメの便利コマンドとか、この内容は必須だろ！的なものがあればをご教示いただければ幸いです もし誤りがあれば、作者の心が折れない程度にご指摘いただければ幸いです あとがき ここまで反響を頂けるとは思っておらず、嬉しい限りです・・・本当にありがとうございます・・・！！ また、図は全て自作です。図における言語は英語、説明は日本語、と言う形に統一しました。（吹き出し部分だけ日本語になっていたのでこちらは修正しまし
![[ver 1.2] Git でよく使われるコマンドにイラストによる説明を加えて1枚のチートシートにまとめてみた - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/535e1dafd3e9e039ec14846c02e07dcad8a40851/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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCdmVyJTIwMS4yJTVEJTIwR2l0JTIwJUUzJTgxJUE3JUUzJTgyJTg4JUUzJTgxJThGJUU0JUJEJUJGJUUzJTgyJThGJUUzJTgyJThDJUUzJTgyJThCJUUzJTgyJUIzJUUzJTgzJTlFJUUzJTgzJUIzJUUzJTgzJTg5JUUzJTgxJUFCJUUzJTgyJUE0JUUzJTgzJUE5JUUzJTgyJUI5JUUzJTgzJTg4JUUzJTgxJUFCJUUzJTgyJTg4JUUzJTgyJThCJUU4JUFBJUFDJUU2JTk4JThFJUUzJTgyJTkyJUU1JThBJUEwJUUzJTgxJTg4JUUzJTgxJUE2MSVFNiU5RSU5QSVFMyU4MSVBRSVFMyU4MyU4MSVFMyU4MyVCQyVFMyU4MyU4OCVFMyU4MiVCNyVFMyU4MyVCQyVFMyU4MyU4OCVFMyU4MSVBQiVFMyU4MSVCRSVFMyU4MSVBOCVFMyU4MiU4MSVFMyU4MSVBNiVFMyU4MSVCRiVFMyU4MSU5RiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9YjRlMGFkY2RmZmMzNDQ3YzRlMTgwZjVmZjNiNzhiNmU%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBrb3p6eSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZGIzMGI1YjNjY2U0YzM3ZTQ3YzNkY2M3ZDA4ODdlMTU%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Dd07a8428cf4444e0572dc2ef9a64a8c8)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Cloud 公式ブログ
GitHub - vreeze/eboy: A Gameboy emulator for Emacs
超クールな Emacs Package（俺的）20 選
