akipon

日々の個人的な備忘録。 youtubeや読書で学んだことを備忘録として残す用のブログで…

akipon

日々の個人的な備忘録。 youtubeや読書で学んだことを備忘録として残す用のブログです。 いかに脳のリソースを使わずに生きるかを模索中。 現在、webデザイナーとして日々奮闘中。

記事一覧

固定された記事

[iOSアプリ]個人開発でSNSアプリ作ったよ

先日個人開発したiOSアプリをリリースしました。 私はデザイナーとして入っているので、UIについての内容がメインになります。(エンジニアの旦那さんとの夫婦での共同開発…

akipon
3年前
37

GoogleI/O 2024 セッション日本語要約 アダプティブ アプリをデザインする(Designing adaptive apps)

先日開催されたGoogle I/O 2024のセッション「アダプティブ アプリをデザインする」について、自分の備忘録を兼ねて日本語でまとめてみました。 セッションはこちら 興味…

akipon
1か月前
2

Soucetreeでコミットを取り消す方法(push前)

今回が、うっかりブランチ切るのを忘れてdevelopブランチでコミットしてしまったので、その時の対処法を備忘録として残しておきます。 push前であればgit recetでやりまし…

akipon
1年前

ざんねんなデザイン図鑑

ざんねんなデザイン集めてみました。 1.トイレ男女マーク全部あげるとキリがないので、レベル別に3つピックアップしました。 レベル1(ギリわかる) レベル2(難問) …

akipon
1年前
3

Nuxt.jsコードレシピ集

いろいろ覚えたことメモ。自分用のリファレンスです。 随時更新します。 初期設定関連1.Googleフォントを読み込む 手順1 読み込みたいGoogleフォントのページからCDNのU…

akipon
1年前
1

スクラッチで最小限必要な要素だけでNuxt.jsの開発環境をサクッと作る方法(mac)

自分用備忘録。最小限必要な要素だけでnuxt.jsの開発環境を作成する方法です。 今nuxtの勉強中だもんで、しばらくこんな記事ばっかりだと思いますが、ご容赦ください。 …

akipon
1年前
1

create-nuxt-appでNuxt.jsの開発環境をサクッと作る方法(mac)

自分用備忘録。Nuxt.jsの環境を作る方法です。 新規プロジェクトの作成手順1. ターミナルで作成したいディレクトリに移動 cd 作成したいディレクトリ 手順2. 下記のコマ…

akipon
1年前
3

ピン留め系UIまとめてみた

ピン留め機能を入れようとした際の、UI比較をしたのでメモ (※2022年9月現在のUIです) LINEチャット単位でのピン留め(メッセージ単位でのピン留めは不可) 右方向にス…

akipon
1年前
6

SouceTreeから GitHub(GitLab) へ Push するとき、古いアカウントで Push してしまう場合の対処方法【mac】

GitLabのID名の変更をした際にリモートリポジトリにpullやpushができなくなってしまい、めちゃくちゃにハマったので、対処法をメモしておきます。 pushしようとしたら、ア…

akipon
2年前
2

[納品前チェックリスト]わたしがWEBサイトを納品する前に確認している項目をまとめてみた(テンプレートあり)

サイト制作において、わたしが納品前に最低限チェックすべきだと思っている項目をまとめてみました。 QAQCエンジニアといった職種がいる企業であれば、公開後に不具合や実…

akipon
2年前
1

[コピペで使える]Sass(scss)でflexboxを作る方法2パターン

Sassでflexboxを使う時の方法を2つまとめました。 備忘録としてのメモです。 ちなみに、ベンダープレフィックスについてはコンパイルの時につける設定にしてくださいね! …

akipon
2年前
2

[個人開発]超簡単に目標管理ができるアプリを作ったよ 〜夫婦での個人開発ってどんな感じなのか解説してみた〜

今年の1月に個人開発したアプリをリリースしました。 今回もわたしはデザイナーとして入っており、エンジニアの旦那さんとの夫婦での共同開発です。 そして、ついに3サー…

akipon
2年前
14

公開されている日本企業のデザインシステムをまとめてみたよ

はじめに UIデザインについて勉強しようとすると、必ずデザインシステムについて目を通しておく必要があります。 デザインシステムを導入することで、一貫性のあるデザイ…

akipon
2年前
20

ヘルプページの作り方 ヘルプページを制する者は世界(?)を制す

ヘルプページ、ちゃんと作ってますか? 新規制作時に、後回しにされがちなヘルプページ。 個人開発者や小規模のチームでプロダクト開発されている方は、割とヘルプページ…

akipon
2年前
5

M1チップ搭載のMacでXDが開かなくなった時のメモ

古いMacから移行した当初は普通に動いていたのに、ある日突然エラーが出てXDが起動できなくなってしましたので、その時の対処方法をメモとして残しておきます。 こんなん…

akipon
2年前
5

ガルプラO.O.Oミッション 数値分析による順位予測してみた

今ハマっているガルプラについて、youtubeから数値分析して結果の予測を立ててみました。 1~10話までに行った3ミッション(コネクトミッション、コンビネーションミッショ…

akipon
2年前
1
[iOSアプリ]個人開発でSNSアプリ作ったよ

[iOSアプリ]個人開発でSNSアプリ作ったよ

先日個人開発したiOSアプリをリリースしました。

私はデザイナーとして入っているので、UIについての内容がメインになります。(エンジニアの旦那さんとの夫婦での共同開発です)
ビジュアルデザインやUI設計については、かなりこだわりを持って作ったので、どのような意図でデザインを作ったか、個人的な備忘録も兼ねて書いていこうと思います。

▼AppStoreリンク

どんなアプリなの?ざっくり説明すると

もっとみる
GoogleI/O 2024 セッション日本語要約 アダプティブ アプリをデザインする(Designing adaptive apps)

GoogleI/O 2024 セッション日本語要約 アダプティブ アプリをデザインする(Designing adaptive apps)

先日開催されたGoogle I/O 2024のセッション「アダプティブ アプリをデザインする」について、自分の備忘録を兼ねて日本語でまとめてみました。

セッションはこちら
興味ある方は英語原文でどうぞ

アダプティブアプリとは?まず、アダプティブアプリとは何なのか?
アダプティブアプリとは、ウィンドウやサイズ、折り畳まれた状態、入力方法、ユーザーの好みなどの条件に応じて対応することです。
条件に

もっとみる
Soucetreeでコミットを取り消す方法(push前)

Soucetreeでコミットを取り消す方法(push前)

今回が、うっかりブランチ切るのを忘れてdevelopブランチでコミットしてしまったので、その時の対処法を備忘録として残しておきます。

push前であればgit recetでやりましょう。

1.xxx(ブランチ名)をこのコミットまで戻すを選択取り消したいコミットの1つ前を選択して右クリック
xxx(ブランチ名)をこのコミットまで戻すを選択

2.Mixedを指定3下記のようなダイアログボックスが

もっとみる
ざんねんなデザイン図鑑

ざんねんなデザイン図鑑

ざんねんなデザイン集めてみました。

1.トイレ男女マーク全部あげるとキリがないので、レベル別に3つピックアップしました。

レベル1(ギリわかる)

レベル2(難問)

レベル3(超難問)

知識がないと使えないトイレはさすがにしんどい(たとえ知ってても入るの躊躇う)。
子供は使わせないつもりなのだろうか…

2.ワイルドなトイレちなみに手を洗うところもバケツだそう。

ちなみに、渋谷駅にはこん

もっとみる
Nuxt.jsコードレシピ集

Nuxt.jsコードレシピ集

いろいろ覚えたことメモ。自分用のリファレンスです。
随時更新します。

初期設定関連1.Googleフォントを読み込む

手順1

読み込みたいGoogleフォントのページからCDNのURLを取得

手順2

/nuxt.config.jsのlinkの記述がある箇所に以下のように記述

手順3

cssで適用させてみる

2.axiosを手動インストールする

axios(アクシオス)とは、非同期

もっとみる
スクラッチで最小限必要な要素だけでNuxt.jsの開発環境をサクッと作る方法(mac)

スクラッチで最小限必要な要素だけでNuxt.jsの開発環境をサクッと作る方法(mac)

自分用備忘録。最小限必要な要素だけでnuxt.jsの開発環境を作成する方法です。

今nuxtの勉強中だもんで、しばらくこんな記事ばっかりだと思いますが、ご容赦ください。

手順1.
ディレクトリを作成する

手順2.
新規でpackage.jsonを作成し、以下をコピペする

package.json

{ "name": "nuxt-scratch-app", //プロジェクト名

もっとみる
create-nuxt-appでNuxt.jsの開発環境をサクッと作る方法(mac)

create-nuxt-appでNuxt.jsの開発環境をサクッと作る方法(mac)

自分用備忘録。Nuxt.jsの環境を作る方法です。

新規プロジェクトの作成手順1.
ターミナルで作成したいディレクトリに移動

cd 作成したいディレクトリ

手順2.
下記のコマンドを入力してEnter

npx create-nuxt-app 任意のプロジェクト名

手順3.
プロジェクト名を聞かれるので入力

そのままEnterで2でつけたプロジェクト名が適用されます。
ややこしいけど、2

もっとみる
ピン留め系UIまとめてみた

ピン留め系UIまとめてみた

ピン留め機能を入れようとした際の、UI比較をしたのでメモ
(※2022年9月現在のUIです)

LINEチャット単位でのピン留め(メッセージ単位でのピン留めは不可)

右方向にスワイプでピン留めメニューが出現(左スワイプチャットの非表示と削除)

ピン留めされたチャットは、ユーザーアイコンにピンのアイコンがついて上部にチャットが固定される

複数ピン留めされた場合は、最新の発言があった順に表示され

もっとみる
SouceTreeから GitHub(GitLab) へ Push するとき、古いアカウントで Push してしまう場合の対処方法【mac】

SouceTreeから GitHub(GitLab) へ Push するとき、古いアカウントで Push してしまう場合の対処方法【mac】

GitLabのID名の変更をした際にリモートリポジトリにpullやpushができなくなってしまい、めちゃくちゃにハマったので、対処法をメモしておきます。

pushしようとしたら、アクセスが拒否されてる!↓

remote: HTTP Basic: Access deniedremote: You have 2FA enabled, please use a personal access tok

もっとみる
[納品前チェックリスト]わたしがWEBサイトを納品する前に確認している項目をまとめてみた(テンプレートあり)

[納品前チェックリスト]わたしがWEBサイトを納品する前に確認している項目をまとめてみた(テンプレートあり)

サイト制作において、わたしが納品前に最低限チェックすべきだと思っている項目をまとめてみました。

QAQCエンジニアといった職種がいる企業であれば、公開後に不具合や実装漏れなどが少ないかと思いますが、うちはまだまだそんなフェーズではないよ〜っていうところも世の中的にまだ多いのではないかと思います。

ネットで探してみても、ざっくりした内容しかなかったりするケースが多かったので、もっと実務で使える粒

もっとみる
[コピペで使える]Sass(scss)でflexboxを作る方法2パターン

[コピペで使える]Sass(scss)でflexboxを作る方法2パターン

Sassでflexboxを使う時の方法を2つまとめました。
備忘録としてのメモです。

ちなみに、ベンダープレフィックスについてはコンパイルの時につける設定にしてくださいね!

方法1:classとして使う方法Bootstrapとかみたいにcssフレームワーク的な感じでクラス名でflexboxを使いたい方向け。

scss

.flex { display: flex; &._fxd

もっとみる
[個人開発]超簡単に目標管理ができるアプリを作ったよ 〜夫婦での個人開発ってどんな感じなのか解説してみた〜

[個人開発]超簡単に目標管理ができるアプリを作ったよ 〜夫婦での個人開発ってどんな感じなのか解説してみた〜

今年の1月に個人開発したアプリをリリースしました。

今回もわたしはデザイナーとして入っており、エンジニアの旦那さんとの夫婦での共同開発です。
そして、ついに3サービス目のリリースとなりました。

▼iOSはこちら

▼Androidはこちら

1サービス目の頃から現在に至るまで、夫婦での共同開発は、本当に多くのトラブルや課題がありました。

仕事上の同僚や上司とは違い、つい遠慮なく言ってしまうの

もっとみる
公開されている日本企業のデザインシステムをまとめてみたよ

公開されている日本企業のデザインシステムをまとめてみたよ

はじめに
UIデザインについて勉強しようとすると、必ずデザインシステムについて目を通しておく必要があります。

デザインシステムを導入することで、一貫性のあるデザインが実現できるため、ユーザビリティの向上はもちろん、デザイナー・エンジニア双方にとって開発効率が上がります。

「事業を立ち上げたばかりだから...」「スモールスタートで開発に関わるメンバーが少ないから...」といった理由で、まだデザイ

もっとみる
ヘルプページの作り方 ヘルプページを制する者は世界(?)を制す

ヘルプページの作り方 ヘルプページを制する者は世界(?)を制す

ヘルプページ、ちゃんと作ってますか?

新規制作時に、後回しにされがちなヘルプページ。
個人開発者や小規模のチームでプロダクト開発されている方は、割とヘルプページをおざなりにしてしまった方もいらっしゃるのではないでしょうか。

かく言う、わたしも今まで過去のコンテンツを流用したり、ネットからコピペしてちょっと手直し程度しかしておらず、リリース後に直せばいいや(→だいたいやらない)みたいな感じでした

もっとみる
M1チップ搭載のMacでXDが開かなくなった時のメモ

M1チップ搭載のMacでXDが開かなくなった時のメモ

古いMacから移行した当初は普通に動いていたのに、ある日突然エラーが出てXDが起動できなくなってしましたので、その時の対処方法をメモとして残しておきます。

こんなん出ました↓

対処方法
結論から言えば、Creative Cloud Cleaner Toolを使って破損したと思われる古いソフトを削除して、再度インストールし直せば、無事直りました。

※注意:Creative Cloud アカウン

もっとみる
ガルプラO.O.Oミッション 数値分析による順位予測してみた

ガルプラO.O.Oミッション 数値分析による順位予測してみた

今ハマっているガルプラについて、youtubeから数値分析して結果の予測を立ててみました。

1~10話までに行った3ミッション(コネクトミッション、コンビネーションミッション、クリエイションミッション)全てのyoutubeチッケム再生数とGoodボタン獲得数から、11話発表予定のO.O.Oミッションの順位結果予測をしてみました。

と定義して算出してみると、計測結果は以下の通りです。

▼O.O

もっとみる