Takumon blog

Takumon
東京でJavaのSIerやってます。
follow us in feedly

AppSync + Cognitoによる認可制御

なにこれAppSyncはCognitoと連携して認可制御ができます。今回はそのやり方についてご紹介します。ざっくりいうと以下のようなことが実現可能です。✨スキーマ定義におけるQueryやMutationごとの認可制御(ユーザーグループ)💎...

2019/03/17

AWS AppSyncで入力チェックエラーを複数返す方法

なにこれAppSyncのリゾルバーでDynamoDBのデータを更新する場合、更新処理の前に入力チェックは必ず実施すると思います。この時、入力チェックエラーを見つけた時点で1つのエラーメッセージを返すより、すべてのチェック実施後にまとめてエラ...

2019/02/26

WEBエンジニア勉強会 初LT感想と参加レポート / 「MDX-DeckとCode Surferでスライドを作ろう!」補足情報

なにこれ2019/2/1(金)、WEBエンジニア勉強会 #11でLTしてきました。本記事では自分のLTスライドと、10分の枠では伝えきれなかった補足情報を紹介します。また他の方のLTの様子や、勉強会の雰囲気なども参加レポートとして書いていま...

2019/02/03

Gatsbyショーケースに自分のWebサイトを登録する方法

なにこれGatsbyの公式サイトにはショーケースなるものがあって、世の中に公開されているGatsby製のWebサイトを一覧で見ることができます。実はこのショーケース、けっこう簡単に自分のWebサイトを登録できるということに最近気づきました。...

2019/01/15

「いちばんやさしいGit&GitHubの教本」を読んだ

なにこれいままで雰囲気でGitを使ってたので、ちゃんと勉強するために読みました。感想タイトルの通り、かなり「やさしい」です。新人さんでOfficeは触ったことあるけどプログラミングは触ったことないって人でも、2~3日で読破でき、GitHub...

2019/01/01

パソコンで肩こりに悩んでいる人はデュアルキーボードを試してみよう

なにこれパソコンで肩こりに悩まされている方は比較的多いと思います。その要因の1つがキーボードです。自分に合わないキーボードを使い続けていると、手首、肩、腰など体に負担がかかり、肩こりの原因になるといわれています。市場には楽にタイピングができ...

2018/12/29

Vimを始める時に取り組んだ4つのこと

なにこれ最近DockerまわりをやっていてLinux上でDockerfileなどを編集するのがつらいので、ちゃんとVimを覚えようと思い立ち、とっかかりとして下記4点取り組みました。整理もかねて本記事にまとめます。vimtutor実施Vim...

2018/12/09

CSSのclip-pathでSlit Animationを実現する

なにこれSlit Animationを実現するReactコンポーネントをCSSのclip-pathを使って作りました。Slit Animation(スリットアニメーション)は下記のようなものです。コマ画像を縞々にして合成した画像に、スリット...

2018/12/02

Gatsby themeを使ってみる

なにこれ下記の記事を読んで、実験的に追加されたGatsby themeで何ができるのかサンプル作って試してみました。そのときのメモです。Gatsby themeはどんな問題を解決してくれるかGatsbyはスキャフォールド機能があって初期導入...

2018/11/24

Gatsby PluginでGraphQLデータ追加

なにこれ前回のunifiedでMarkdownをHTMLに変換 & ReactでQiitaっぽい目次を作るで、GraphQLで取得したヘッダー情報をReactコンポーネントで加工していましたが、あらかじめGraphQLのデータとし...

2018/11/03

Gatsbyプラグイン45選

なにこれGatsbyのプラグインは、公式プラグインとコミュニティ提供のものをあわせると、なんと502個もあります。(2018/10/21現在)今回はその中でもおすすめプラグイン45個をユースケース別にご紹介します。ユースケース別目次※クリッ...

2018/10/22

Gatsbyプラグインの使い方・作り方・公開方法

なにこれGatsby公式サイトのプラグインの章のまとめ。プラグイン概要Gatsbyプラグインは、Gatsbyの全処理を拡張および修正可能です。例えば下記のようなことができます。外部コンテンツ(CMS、ファイル、REST APIなど)を追加し...

2018/10/21

Gatsbyにおけるコンポーネント分割とCSS Module

なにこれGatsbyでブログを作っていて、機能拡張とともにテンプレートが肥大化してきたので、下記図の青枠単位でコンポーネント分割しました。あわせてCSS Moduleも採用しました。そのときのメモです。CSSをコンポーネントスコープにする方...

2018/10/14

Gatsby2系の新機能

なにこれGatsby(React製の静的サイトジェネレーター)が2018年9月に2系にアップデートしたそうです。2系の新機能について、公式ブログ(Announcing Gatsby 2.0.0)を参考に、主要な部分をピックアップして紹介しま...

2018/10/12

GatsbyでPWA対応

なにこれスマホでネイティブアプリっぽいUXを実現するため、GatsbyでPWA対応した時のメモです。以下の4つが可能になりました。前提ServiceWorkerを利用するため、SSL化が必須です。そのためブログはhttpsでアクセスできるよ...

2018/10/08

GatsbyでYouTubeとTwitter埋め込み

なにこれブログに良くあるYouTubeやTwitterの埋め込みをGatsbyでやる方法のメモです。こんな感じで埋め込めるようになります。YouTubeyoutube:https://www.youtube.com/embed/z8Kt1g...

2018/10/07

Gatsby製ブログ開設手順

ブログ開設手順Gatsbyってなにって状態から30分程度でブログを開設できました。下記にそのときの手順をメモしておきます。0. 前提条件Git、Node、npmは事前にインストールしておいてください。1. ブログのスターターキットを起動Ga...

2018/09/11

Gatsbyでブログ始めました。

ブログをやろうと思った理由Qiitaは、誰得な作業メモは載せられないしはてなブログは、見た目が好きじゃない...一時期、WikiHub日報とかもやっていたんですが、なかなか続かず...そのせいか、やったことを3ヶ月後には忘れてしまう状況がコ...

2018/09/10

Java SE8 Gold取りました。

先日Java SE 8 Programmer II(Java SE8 Gold)に合格しました。そのために自分がやったことと受験した感想をメモします。▼試験結果勉強期間 :3カ月得点率  : 73%(ボーダー65%) 結構ギリギリ(>...

2017/03/12