KDE BLOG

Webデザインやコーディングについて書いています

【Human Interface Guidelines 翻訳 vol.2】iOS - Mac Catalyst

下記ページの翻訳です。 https://developer.apple.com/design/human-interface-guidelines/ios/overview/mac-catalyst/ Mac Catalyst Before You Start(始める前に) Plan Enhancements for Your Mac App(Macアプリの機能強化を計画する) Adopt macOS App…

【Origami Studio】Coming From Code の翻訳

アニメーションのプロトタイピングを作るのに最適なツールを探していて、Origami Studio を使い始めました。 最初はちょっと取っ付きにくくて「やっぱタイムライン式のほうがいいかな…」と思ったけれど、チュートリアルをやっていくうちに大体使い方を分かっ…

【Human Interface Guidelines 翻訳 vol.1】iOS - Themes

UIの勉強のため、最新版の Human Interface Guidelines を読もうと思います。 ほぼ Google 翻訳です。 なんども見返すことになると思うので記事として残しておきます。 まずは iOS から。本記事は下記ページの翻訳となります。 https://developer.apple.com/…

さくらのVPS に Let's encrypt を導入してお名前.comで取得したドメインをサブドメイン含めてSSL対応する

やりたいこと さくらのVPSでSSL対応をしたい 独自ドメインはお名前.comで取得済み 本番環境用のドメイン(example.com)、テスト環境用のサブドメイン(test.example.com)の両方をSSL対応したい 個人開発で上記を達成するためにいろいろ試行錯誤したので備…

【SVG 基礎 vol.1】SVGとは・viewPortとviewBox・基本の書き方・埋め込み方法

SVG

これまでSVGに関しては、アイコンやロゴをpngやgifなどのビットマップ画像の代わりに少し使う程度で、アニメーションに関してもCSSアニメーションやJavaScriptのDOMアニメーションで事足りていました。 しかしSVGのことをちゃんと知ってマイクロインタラクシ…

bindActionCreators を使うと何がいいのか実際コードを書いて理解する

前回の記事で触れた bindActionCreators ですが、今まで使ったことがないので簡単なカウンターアプリを作って、実際に使ってみて一体何がいいのかを確認してみました。 カウンターアプリ ver.1 コード(ファイル名押下でコード展開) redux container compon…

【React Redux】mapDispatchToProps の公式ドキュメント訳

前回の mapStateToProp に続いて mapDispatchToProps の公式ドキュメントについても google 翻訳の力を借りて目を通したので、残しておきます。 react-redux.js.org