プログラミング

プログラミング

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上でデータベースの作成を行います。 ※ ...
プログラミング

誰にも縛られない自由な未来を実現? ブロックチェーンとは

ブロックチェーンの歴史 ブロックチェーンのことの始まりは、1991年にStuart HaberとW. Scott Stornettaにより「ドキュメントのタイムスタンプを改ざんできないシステム」を実装するという思想から生ま...
キャリア・ビジネス戦略

プログラミングスクールの意義と、失敗しないための心意気

今需要が増加している「プログラミング」に挑戦してみようかな。 となると、「プログラミングスクール」に通った方が確実かな。 でも、プログラミングスクール受講料高いなー。 そもそもアラサーで未経験で転職なんてできるのか? ...
プログラミング

プログラミング初心者必見! 効率の良い学習方法

プログラミング実務未経験からWebエンジニアに転職した私が、様々な試行錯誤の末、行き着いたプログラミングの効率の良い勉強方法を解説したいと思います。 プログラミングと聞くと「なんか難しそう」とか「何から勉強すればいいのかわからない」とか...
タイトルとURLをコピーしました