学習

Udemy(ユーデミー)で最高の学習体験を

教育動画プラットフォーム「Udemy」の「活用方法」、「メリット・デメリット」をまとめました。
Blog

もうブログを書くときに迷わない!著作権について

ブログを書く時に注意したい、著作権についてのまとめ
プログラミング

Reactで表現するUIモーションデザイン【マウス & タッチパネルジェスチャー】

以下記事の続きとなります。 Reactで表現するUIモーションデザイン【モーションスタイリング】 前回の記事でモーションスタイリングによりどのような表現が可能になるのかについて学びました。 これまでの記事ではどちらかといえば、モーションの役割は単純に動いているものをみるだけの「動画(アニメーション)」に近かったものが、今回からユーザーの入力を受け付ける事により「インターフェイスとしての機能」の役割を持つようになります。 車でいうところの「アクセル」「ブレーキ」「ハンドル」などの機能を動作...
プログラミング

Reactで表現するUIモーションデザイン【モーションスタイリング】

以下記事の続きとなります。 Reactで表現するUIモーションデザイン【デュレーション & イージング】 前回の記事でモーションの速度・変動率を調整するデュレーションとイージングについて学びました。 今回は引き続きreact-springを使用しながら、CSSのスタイリングを動的に変更することでどのようなモーション表現ができるか検証を行っていきます。 モーションスタイリング手法 ここで紹介しているのは基本的な動きですが、組み合わせで複雑なモーションを実現することもできます。 ...
プログラミング

Reactで表現するUIモーションデザイン【デュレーション & イージング】

近年UIの表現方法の進化によって、単純にUIのレイアウトや配色・大きさが整っていてわかりやすいだけでなく、モーション(アニメーション・マイクロインタラクション)によるユーザーサポートがUX向上に大きな影響を与えるようになってきました。 Webやアプリは単に「閲覧する」だけでなく「使うための道具」として、より物理的に存在する道具と同等に高度な機能を求められているということだと思います。 その一方でUIモーションはユーザーのUXを著しく害する要因にもなっており、「不用意にモーション(アニメーション)...
プログラミング

ReduxとReact (Native)Hooksとの共存

Reactは「自由にカスタマイズできる」かつ「日進月歩」というのがメリットの反面、 ネット上には新旧の情報が入り乱れていてベストプラクティスが見つけづらいというのがデメリットになっているのではないでしょうか。 その最たる例がHooks、Reduxをどういった構成にするかだと思います。 巷ではHooksはReduxの機能を補えるから、Reduxはもはや必要ないといった意見もでているようです。 本当に不必要なのでしょうか? 初学者の方にもなるべくわかりやすいようにReduxの概要・非同期処理につい...
プログラミング

React Native & Expo デバッグ方法いろいろ

私がシステム開発(環境整備)をする上でもっとも重要視しているのが「デバッグ」です。 プログラミングを始めたばかりのころはデバッグの重要性を知らず、 エラーやバグの原因が特定できずなんども挫折してしまった経験があります。 ただ、その重要性を知っていても、未経験の言語だったりフレームワークだったりすると設定が意外と難しかったり、ベストプラクティスが決まっておらず案外はまってしまったりするのではないでしょうか。 今回はReact Native + Expo + Typescriptでのアプリの開発を通...
Git

【初心者向け】難しいコマンド操作なし Git・Githubの導入方法

Githubというツールはご存知でしょうか。 Microsoft傘下のソフトウェア開発のプラットフォームであり、ソースコードをホスティングすることができます。 「ソフトウェア開発」とありますが、平たくいうとフォルダ・ファイルをクラウ...
プログラミング

「Golang」 ×「Gorm」でシンプルに「Mysql」を操作する

「REST APIサーバから受け取ったリクエストパラメータの内容を元にリレーショナルデータベース(Mysql)を更新する」という流れで、説明を進めています。 以下の記事の続編という形で投稿を行っておりますので、仕様などの前提条件はこちらで確認していただけるとありがたいです。 「Golang」 ×「gorilla/mux router」でシンプルなREST APIサーバーを開発する データベース(Mysql)準備 コードを実装する前に、Mysql上でデータベースの作成を行います。 ※ ...

「Golang」 ×「gorilla/mux router」でシンプルなREST APIサーバーを開発する

Why Golang? Golangの特徴として「シンプル」「静的型付けのため高速」「マルチプロセッシングによる並列処理」があります。 このような特徴からDockerやKubernetesなどの高速処理を要求されるインフラ基盤構築サービスでも使われており、またイーサリアムのGethなど「ブロックチェーン」の基盤として活用されているケースもあるようです。 また、C言語をベースに開発された言語のため、「構造体」「ポインタ」「チャネル」など普段TypescriptやPythonなどのコードを書...
タイトルとURLをコピーしました