3年前に、図解の基本をまとめた本『図で考える。シンプルになる。』を書きました。その内容から、エッセンスを抽出したのが本noteになります。 （１）「幕の内図解」と「イチオシ図解」 図には、大きく分けて、2つのアプローチがあります。 ひとつは、幕の内弁当のように、いろんな要素を盛り込んだ図で、もうひとつが、唐揚げ弁当のように、イチオシのおかずにフォーカスした図です。 たとえば、桃太郎の話を「幕の内図解」のアプローチでまとめてみたのが、つぎの図です。 登場人物とエピソードをフラットに扱って、網羅的に盛り込んでいます。 この図を使って、人に説明しようとすると、「まず、お婆さんですが……」「つづいて、お爺さんですが……」といった具合に、「お婆さん」「お爺さん」「桃太郎」それぞれの視点に切り替えが必要になり、話す方も話しづらければ、聞く方もまどろっこしく感じてしまいます。 相手がじっくり聞く耳を持っ
インターネットゲートウェイへのルートがないルートテーブルに関連付けられたプライベートサブネットのEC2を、セッションマネージャで操作します。 手順はSystems Manager を使用してインターネットアクセスなしでプライベート EC2 インスタンスを管理できるように、VPC エンドポイントを作成するにはどうすればよいですか?のとおりです。 対象のEC2インスタンスが使用しているセキュリティグループIDをソースにして、443を許可しているVPCエンドポイント用のセキュリティグループを作成済です。 作成するVPCエンドポイント バージニア北部ですので、以下のようになりました。 com.amazonaws.us-east-1.ssm com.amazonaws.us-east-1.ec2messages com.amazonaws.us-east-1.ssmmessages 最後のssmme
私の Amazon Elastic Compute Cloud (Amazon EC2) インスタンスはインターネットにアクセスできません。AWS Systems Manager を使用してインスタンスを管理したいと思います。 解決策 システムマネージャーで Amazon EC2 インスタンスを管理するには、Amazon EC2 インスタンスをマネージドインスタンスとして登録する必要があります。 注: 仮想プライベートクラウド (VPC) エンドポイントは特定のサブネットにマップされます。VPC エンドポイントの作成時に複数のサブネットを選択すると、選択したサブネットごとに 1 つのエンドポイントが作成されます。その場合、エンドポイントごとに料金が発生するため、請求コストが増加します。 システムマネージャー用の IAM インスタンスプロファイルを作成する 以下の手順を実行します。 SSM
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? TypeScript全然わかんない... という状態から、プロジェクトに導入できるまでになんとかなったので、 学習の参考になったものなどをまとめて学習ロードマップを作成いたしました。 私自身もまだまだのレベルですが、これからTypeScriptを勉強したい!という方の道しるべになれば幸いです Level 0: TypeScriptってなんぞや？ まず学習する前に、その対象がなんなのか、を見極める作業です。 TypeScriptは altJS の１つです。 JSは元々大規模なコードを組むには不向きな設計になっているので、 altJSという
こんにちは、AWS営業部の洲崎です！ 今回はテレワークでおすすめのAmazonConnectを立ち上げてみました。 こんにちは、AWS営業部の洲崎です！ 昨今の状況でAmazon Connectは非常に注目されているサービスです。 そんなAmazon Connectを実際に立ち上げてみようと思います！ Amazon Connectとは 一言でいうとセルフサービスで構築できるクラウド型コンタクトセンターサービスになります。 コールセンターで必要なACD(自動振り分け機能)やレポートといった基本機能を兼ね備えております。 それだけでなく通話録音はS3と連携したり、テキスト化はTranscribeと連携することも出来ます。 初期費用は掛からず、通話した分の従量課金のサービスになる為、コールセンターの黒船と言われているサービスです。 また、Amazon Connectは非エンジニアの方でも利用して
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ 「SEOのエキスパート」という肩書を考えるにあたり、そもそも検索アルゴリズムがブラックボックスであることや、対象範囲が拡大の一途を辿るという状況を考えると、どの段階までいけば「SEOのエキスパート」と呼べるのか、なかなか定義が難しいです。 もちろん、他の業種もそうではありますが、自分自身の力量を把握する際、悩ましい気持ちになったりします。 今回の記事は、「SEOのエキスパートになる方法」という記事ですが、自身のスキルアップを図る際の指針となりそうな内容です。初心者の方にはもちろん、中級者以上の方にも、SEOのレベルアップの参考になればと思います。 あなたはSEOのエキスパートを目指したいと考えて
fzf インストール アップデート 使い方：基本 動作確認 絞り込み画面での操作 絞り込み画面の表示変更 絞り込み画面での検索パターン キーバインド オートコンプリート 環境変数 使い方：応用 fzf-tmux オートコンプリート（プロセス、ホスト名、環境変数） --ansi, --nth, --with-nthと性能 外部プログラム実行 プレビューウィンドウ 色変更 Wikiに書いてあった使用例 プレビューにツリー表示 --select-1, --exit-0 フルコマンドプレビュー fe, fkill Vim連携 fzf github.com fzf（fuzzy finder）はコマンドラインであいまい検索ができるツール（類似ツールとしてはpercol, peco, selecta, pick, pmenuなどがある）。ファイル名やコマンド履歴などをインタラクティブに絞り込んでいくこと
こんにちは、コカコーラが大好きなカジです。 当エントリは弊社コンサルティング部による『AWS 再入門ブログリレー 2020』の 1日目のエントリです。 このブログリレーの企画は、普段 AWS サービスについて最新のネタ・深い/細かいテーマを主に書き連ねてきたメンバーの手によって、 今一度初心に返って、基本的な部分を見つめ直してみよう、解説してみようというコンセプトが含まれています。 AWS をこれから学ぼう！という方にとっては文字通りの入門記事として、またすでにAWSを活用されている方にとっても AWSサービスの再発見や2020 年のサービスアップデートのキャッチアップの場となればと考えておりますので、ぜひ最後までお付合い頂ければ幸いです。 では、さっそくいってみましょう。1日目のテーマはAmazon Inspectorです。 目次 Amazon Inspectorとは？ メリット 導入の
Amazon SES(Simple Email Service) が東京リージョンで利用できるようになりました。 Amazon SES での E メールのセットアップ を読みながら設定を行ったのでメモを共有。全部で 3 回くらいを予定しています。初回は、From メールアドレスに使うドメインの検証と、サンドボックスでもメールを送れるように送信先のメールアドレスの検証、サンドボックスの解除について解説をします。 目次 ドメインの検証を行う テストメールを送信する サンドボックスの解除は必要に応じて ドメインの検証を行う Amazon SES でメールを送信するには、「From」アドレスを所有していることを証明する必要があります。証明する方法は Amazon SES の ID の検証 にあるように、証明したいメールアドレスでメールを受信するか、メールアドレスに使うドメインに確認用のレコードを設
# 最初にGoogle Apps Script = GAS のスクリプトを書くときのエディタはちょっと物足りないです。ローカルでお気に入りのエディタ(Vim, Emacs, VSCodeなど)で書いたほうが確実に効率が上がります。 これを claspを用いて実現します。 以下は readme を砕いて書いてます。少しでもGASが広まればいいなぁ。 # 一度だけやること## claspのインストール### NodeJS のバージョンチェック 2020/04/25現在の NodeJS のバージョンは 10.3.0以上が必要です。 node -vで要チェック。 ### npmでインストール npm install -g @google/clasp## Google Apps Script APIのオン Google Apps Script API をオンにする。 この時、Google アカウント
2020年夏のウェブ技術の見直しシリーズ第2段（第1段はこちら）として見直していたWebPの情報ですが、2022年2月にPhotoshopデスクトップ版でWebPがネイティブサポートされました。macOS Big Sur / iOS 14以降のSafariを含む最新のブラウザではWebPがサポートされています。導入しやすくなったいま、もう一度特徴をおさらいしておくと良さそうですね。 ということで、以下はWebPについてのまとめです。2020年7月の情報を2022年2月に更新しました。 なんでもかんでもWebPでいいわけではない 試しにUnsplash でランダムに10枚の写真を選んで、ImageOptimとcwebpコマンドラインツールでjpgとwebpに書き出してみました。結果、WebPのファイルサイズが小さくなる画像もあれば、JPEGのほうが小さくなる画像もありました。たまたまだと思い
今日は、セミナーやプレゼンの資料を良いものにするためのノウハウを。私がこれまでに行った数十回のセミナー講演経験から、ポイントをまとめて10個、整理してお届けします。 このまとめのポイントは、1番目の「対象者像と目的の定義」と、6番目の「スライド間の接続詞を考える」です。 そのセッションが、「だれが」「何を得る」場なのかを定義します。 最も大切な部分です。対象者像とセッションの目的が揺れると全体に影響してしまいますからね。セミナーなら主催者に全体の意図や想定参加者像を聞きましょう。 ここで大切なのは、「あなたが何を説明するか」ではありません。「こんな人が、このセッションを聞くとこうなる（セッションを聞く前とあとでこう変わる）」ための場だという定義を考えるのです。 特に「だれが対象か」に関しては、「Web担当者」「広告関係の仕事をしている人」といったざっくりとしたものではダメです。 数百ページ
Event-driven programming can be overwhelming for beginners, which can make Node.js difficult to get started with. But don't let that discourage you. In this article, I will teach you some of the basics of Node.js and explain why it has become so popular. Introduction To start using Node.js, you must first understand the differences between Node.js and traditional server-side scripting environments
私がRSpec使ってテスト書く時はこんな感じで書いてるよ〜ってのを書いてみた。*1 テストを書く順番について TDDでコードを書く場合、先にテストを書く事になります。 そして、そのテストを書く順番ですが、私は下記のような順番で書くように意識しています。 設計する describe を書く itを書く subjectを明確にする before(context)を明確にする その他に、気をつけている点はこんな感じ 別のメソッド呼ぶ時は基本的にstubなどで潰す contextは「〜の場合」、it は「〜であること」になるようにする 一つずつ、詳細を書きます。 設計する テストを書き始める前に、まず実装しようとしてるクラス、メソッドを簡単に設計します。 少なくとも、「クラス名」「クラスメソッド or インスタンスメソッド」「メソッド名」「メソッドの戻り値」ぐらいは決めます。 describe を
僕はWebアプリの開発言語にPerlを使っていますが、Perlで書くためのWeb Application Frameworkとして、 Mojoliciousを最近では利用しています。 Web Application Framework（WAF）とは、 Webアプリケーションの開発を効率的に行うためのライブラリ群（つまりフレームワーク）で、これがなければ少しでも大きめのアプリになると大変な思いをします。以下Mojoliciousについてとりあえずの、参考リンクです。 ちなみに昨日かな？Mojoliciousはバージョン3.0が出ました。 PerlのWAFはMojolicious推しな件とそのノウハウ - ゆーすけべー日記 Mojolicious - Perl real-time web framework Mojolicious 3.0 released: Perl real-time we
みなさん、こんばんは。笹亀です。 アシアルのコーポレートサイトが先日、５年ぶりくらいにリニューアル致しました！ サイトもHTML5で組み直し、全面リニューアルしております。 とてもインパクトがあるサイトになっておりますので、是非、覗いて行ってください。 http://www.asial.co.jp 本日は、JMeterについてご紹介しようと思います。 JMeterは負荷テストを行うための有名なツールですが、ヘッダー情報などの設定を自由にできることが便利です。自分がよく負荷テストをかけるときには、よくユーザ固有な情報を使った負荷テスト（例：携帯のUIDを使った操作）を考えて実施することが多いです。その手法についても一緒にご紹介させていただきます。 まずはJMeterをインストールしましょう。下記の箇所を参考にするとインストールできると思います。JMeterはインストーラーはないので、コマンド
これから数回にわたって、いよいよGoogleアナリティクスの基本用語とレポートの見方について解説していくが、今回はその前に、レポートを理解するうえで欠かせない「ディメンション」と「指標」という用語を説明する。次回以降に解説していく基本用語にはこれらどちらの用語も混在しているので、その前にしっかり理解しておきたい重要な用語だ。 ディメンションと指標を区別する方法Googleアナリティクスのレポートというのは、ひとことで言うなら、あるWebサイトについて、 ○○ ごとに、 ×× を見てみたい というユーザーの解析ニーズに対する答えを一覧にしたもののことだ。 そして、この「○○」にあたるのが「ディメンション」で、「××」にあたるのが「指標」である。 たとえば、 「ページ（のURL）」ごとに、「ページビュー数」を見てみたい「ランディングページ」ごとに、「直帰率」を見てみたい「キーワード」ごとに、「
私のまわりには「バージョン管理が未体験」なデザイナーさん多いです。 デザイナーでも、プログラマーと一緒に仕事すると、Gitやsvnを使うことになると思うんですが、Gitとかsvnはまず「その仕組みとかカタチとか」が、デザイナーにとっては分かりにくいと思います。 そんなわけで（元）デザイナーの私が、理解してる範囲のことを分かりやすい言葉で解説してみます。 例の図を描いてみました。 だいたいこんな感じなのですが。。。 解説すると みんなの場所 プログラマーの人がremote（りもーと）とかorigin（おりじん）とか言ってる場所です みんなのファイル共有置き場です branch（ぶらんち）というものがあります。branchはプロジェクトやリリース毎や機能ごとに作られます。 図では「デイリーランキング機能追加用のdaily-rankingというbranch」「検索ページリニューアル用のse
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
