この度、初めてのはてなブログ用のテーマ 「Rough」 を作成し、テーマストアに公開しました。 https://blog.hatena.ne.jp/-/store/theme/26006613680527852 今見ているこの KDE BLOG にもこの「Rough」を適用しています(2021/1/24時点)が、デモサイトも用…
こちらの書籍を読んだ感想です。 www.mina-perhonen.jp こちらの書籍は、minä perhonen(ミナ ペルホネン)というブランドのデザイナーである皆川明さんが、幼少期から現在までの軌跡、そして未来への展望が、様々なエピソードともに書かれた自伝的な内容に…
こちらの書籍を読みました。 www.oreilly.co.jp UIデザイナーである自分にとって明日から使えるTipsがたくさん詰まっておりとても読み応えのある良い本でした。 まだ全てを理解できていませんが、現時点の読んだ感想などを書き残したいと思います。 理解でき…
元ページ Typography - Visual Design - iOS - Human Interface Guidelines - Apple Developer Typography(タイポグラフィ) SF Pro and SF Compact SF Pro Rounded and SF Compact Rounded SF Mono New York Choosing Fonts to Enhance Your App(アプリを…
元ページ Terminology - Visual Design - iOS - Human Interface Guidelines - Apple Developer Terminology(用語)
元ページ developer.apple.com Materials System-Defined Materials and Vibrancy(システム定義のマテリアルと鮮やかさ)
元ページ Launch Screen - Visual Design - iOS - Human Interface Guidelines - Apple Developer Launch Screen(起動画面)
元ページ https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/dark-mode/ Dark Mode(ダークモード) Dark Mode Colors(ダークモードでの色) Image, Icon, and Symbol Color(画像、アイコン、シンボルの色) Materials(…
元ページ https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/color/ Color(色) System Colors(システムカラー) Dynamic System Colors(ダイナミック[動的]システムカラー) Color Management(色の管理)
元ページ https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/branding/ Branding(ブランディング)
元ページ https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/animation/ Animation(アニメーション)
元ページ https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout/ Adaptivity and Layout(適応性とレイアウト) Device Screen Sizes and Orientations(デバイスの画面サイズと向き) Auto Layout(自…
元ページ https://developer.apple.com/design/human-interface-guidelines/ios/app-architecture/settings/ Settings(設定)
元ページ https://developer.apple.com/design/human-interface-guidelines/ios/app-architecture/requesting-permission/ Requesting Permission(許可の要求)
元ページ https://developer.apple.com/design/human-interface-guidelines/ios/app-architecture/navigation/ Navigation(ナビゲーション) Hierarchical Navigation(階層ナビゲーション) Flat Navigation(フラットナビゲーション) Content-Driven or …
下記ページの翻訳です。 https://developer.apple.com/design/human-interface-guidelines/ios/app-architecture/modality/ Modality(モーダリティ) Sheet(シート) Fullscreen(全画面表示)
下記ページの翻訳です。 https://developer.apple.com/design/human-interface-guidelines/ios/app-architecture/loading/ Loading(ローディング)
下記ページの翻訳です。 https://developer.apple.com/design/human-interface-guidelines/ios/app-architecture/onboarding/ Onboarding(オンボーディング)
下記ページの翻訳です。 https://developer.apple.com/design/human-interface-guidelines/ios/app-architecture/launching/
下記ページの翻訳です。 https://developer.apple.com/design/human-interface-guidelines/ios/overview/interface-essentials/
下記ページの翻訳です。 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 を使い始めました。 最初はちょっと取っ付きにくくて「やっぱタイムライン式のほうがいいかな…」と思ったけれど、チュートリアルをやっていくうちに大体使い方を分かっ…
UIの勉強のため、最新版の Human Interface Guidelines を読もうと思います。 ほぼ Google 翻訳です。 なんども見返すことになると思うので記事として残しておきます。 まずは iOS から。本記事は下記ページの翻訳となります。 https://developer.apple.com/…
やりたいこと さくらのVPSでSSL対応をしたい 独自ドメインはお名前.comで取得済み 本番環境用のドメイン(example.com)、テスト環境用のサブドメイン(test.example.com)の両方をSSL対応したい 個人開発で上記を達成するためにいろいろ試行錯誤したので備…
これまでSVGに関しては、アイコンやロゴをpngやgifなどのビットマップ画像の代わりに少し使う程度で、アニメーションに関してもCSSアニメーションやJavaScriptのDOMアニメーションで事足りていました。 しかしSVGのことをちゃんと知ってマイクロインタラクシ…
前回の記事で触れた bindActionCreators ですが、今まで使ったことがないので簡単なカウンターアプリを作って、実際に使ってみて一体何がいいのかを確認してみました。 カウンターアプリ ver.1 コード(ファイル名押下でコード展開) redux container compon…
前回の mapStateToProp に続いて mapDispatchToProps の公式ドキュメントについても google 翻訳の力を借りて目を通したので、残しておきます。 react-redux.js.org
React-reduxの公式ドキュメントを久しぶりに見てみると、いろいろと更新されていたので、ちゃんと読みこむことをしています。 今回、connect を使って store とコンポーネントを接続する際に使用する mapStateToProps についての下記ドキュメントを google …
ここしばらくフロントの勉強が疎かになっており、会社での立場に危機感(?)を感じたので、現実から逃げずにちゃんと勉強していくことにしました。 今回は 下記公式ドキュメントを元に Context API について理解したいと思います。 ja.reactjs.org Context …
WEB+DB PRESS VOL.110 の特集「設計も、実装も、ここから始まる!名前付け大全」を読んだメモです。 第1章 「良い名前」とは何か なぜ名前付けが重要なのか 悪い名前の問題 理解が困難 勘違いが起こる 変更が難しい 読みにくい なぜ名前はあるのか 第2章 名…