akipon

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

akipon

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

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

先日個人開発したiOSアプリをリリースしました。 私はデザイナーとして入っているので、UIについての内容がメインになります。(エンジニアの旦那さんとの夫婦での共同開発です) ビジュアルデザインやUI設計については、かなりこだわりを持って作ったので、どのような意図でデザインを作ったか、個人的な備忘録も兼ねて書いていこうと思います。 ▼AppStoreリンク どんなアプリなの？ざっくり説明すると、完全匿名の疑問解消系SNSです。 Twitterのように自分の思っていることを

akipon

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

      今回が、うっかりブランチ切るのを忘れてdevelopブランチでコミットしてしまったので、その時の対処法を備忘録として残しておきます。 push前であればgit recetでやりましょう。 1.xxx(ブランチ名)をこのコミットまで戻すを選択取り消したいコミットの1つ前を選択して右クリック xxx(ブランチ名)をこのコミットまで戻すを選択 2.Mixedを指定3下記のようなダイアログボックスが出るので、モードはMixedを指定してOK。 ちなみに、softだとコミットメッ

      akipon

      • ざんねんなデザイン図鑑

        ざんねんなデザイン集めてみました。 1.トイレ男女マーク全部あげるとキリがないので、レベル別に3つピックアップしました。 レベル1（ギリわかる） レベル2（難問） レベル3（超難問） 知識がないと使えないトイレはさすがにしんどい（たとえ知ってても入るの躊躇う）。 子供は使わせないつもりなのだろうか… 2.ワイルドなトイレちなみに手を洗うところもバケツだそう。 ちなみに、渋谷駅にはこんなトイレの手洗い場があります 3.ロフトの意識高い案内板Next creati

        akipon

        • Nuxt.jsコードレシピ集

          いろいろ覚えたことメモ。自分用のリファレンスです。 随時更新します。 初期設定関連1.Googleフォントを読み込む 手順1 読み込みたいGoogleフォントのページからCDNのURLを取得 手順2 /nuxt.config.jsのlinkの記述がある箇所に以下のように記述 手順3 cssで適用させてみる 2.axiosを手動インストールする axios（アクシオス）とは、非同期通信でデータを取得することのできるjsのライブラリです。 create-nux

          akipon
        • 固定された記事

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

        akipon

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

          自分用備忘録。最小限必要な要素だけでnuxt.jsの開発環境を作成する方法です。 今nuxtの勉強中だもんで、しばらくこんな記事ばっかりだと思いますが、ご容赦ください。 手順1. ディレクトリを作成する 手順2. 新規でpackage.jsonを作成し、以下をコピペする package.json { "name": "nuxt-scratch-app", //プロジェクト名 "dependencies": { "nuxt": "^2

          akipon

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

          akipon

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

          自分用備忘録。Nuxt.jsの環境を作る方法です。 新規プロジェクトの作成手順1. ターミナルで作成したいディレクトリに移動 cd 作成したいディレクトリ 手順2. 下記のコマンドを入力してEnter npx create-nuxt-app 任意のプロジェクト名 手順3. プロジェクト名を聞かれるので入力 そのままEnterで2でつけたプロジェクト名が適用されます。 ややこしいけど、2で入れた方はプロジェクト用に生成するフォルダ名らしいです。何も書かないと直下にイ

          akipon

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

          akipon

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

          ピン留め機能を入れようとした際の、UI比較をしたのでメモ （※2022年9月現在のUIです） LINEチャット単位でのピン留め（メッセージ単位でのピン留めは不可） 右方向にスワイプでピン留めメニューが出現（左スワイプチャットの非表示と削除） ピン留めされたチャットは、ユーザーアイコンにピンのアイコンがついて上部にチャットが固定される 複数ピン留めされた場合は、最新の発言があった順に表示される Slackメッセージ単位のピン留め（チャット単位は「スター付き」機能を使う

          akipon

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

          akipon

          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 token for Git over HTTP.fatal: Authenticati

          akipon

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

          akipon

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

          サイト制作において、わたしが納品前に最低限チェックすべきだと思っている項目をまとめてみました。 QAQCエンジニアといった職種がいる企業であれば、公開後に不具合や実装漏れなどが少ないかと思いますが、うちはまだまだそんなフェーズではないよ〜っていうところも世の中的にまだ多いのではないかと思います。 ネットで探してみても、ざっくりした内容しかなかったりするケースが多かったので、もっと実務で使える粒度のテンプレートがあればなあ..と個人的に思ったので作ってみました。 まだまだ

          akipon

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

          akipon

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

          Sassでflexboxを使う時の方法を2つまとめました。 備忘録としてのメモです。 ちなみに、ベンダープレフィックスについてはコンパイルの時につける設定にしてくださいね！ 方法1：classとして使う方法Bootstrapとかみたいにcssフレームワーク的な感じでクラス名でflexboxを使いたい方向け。 scss .flex { display: flex; &._fxd { &_c { flex-direction: co

          akipon

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

          akipon

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

          今年の1月に個人開発したアプリをリリースしました。 今回もわたしはデザイナーとして入っており、エンジニアの旦那さんとの夫婦での共同開発です。 そして、ついに3サービス目のリリースとなりました。 ▼iOSはこちら ▼Androidはこちら 1サービス目の頃から現在に至るまで、夫婦での共同開発は、本当に多くのトラブルや課題がありました。 仕事上の同僚や上司とは違い、つい遠慮なく言ってしまうので、意見の食い違いや、ちょっとした物の言い方で喧嘩をすることは日常茶飯事です。

          akipon

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

          akipon

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

          はじめに UIデザインについて勉強しようとすると、必ずデザインシステムについて目を通しておく必要があります。 デザインシステムを導入することで、一貫性のあるデザインが実現できるため、ユーザビリティの向上はもちろん、デザイナー・エンジニア双方にとって開発効率が上がります。 「事業を立ち上げたばかりだから...」「スモールスタートで開発に関わるメンバーが少ないから...」といった理由で、まだデザインシステムなんて無くても問題ないよね...と、考える企業は未だに多いかと思います

          akipon

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

          akipon

          ヘルプページの作り方　ヘルプページを制する者は世界（？）を制す

          ヘルプページ、ちゃんと作ってますか？ 新規制作時に、後回しにされがちなヘルプページ。 個人開発者や小規模のチームでプロダクト開発されている方は、割とヘルプページをおざなりにしてしまった方もいらっしゃるのではないでしょうか。 かく言う、わたしも今まで過去のコンテンツを流用したり、ネットからコピペしてちょっと手直し程度しかしておらず、リリース後に直せばいいや（→だいたいやらない）みたいな感じでした。 今回改めてヘルプページの設計が重要だと感じたので、備忘録として残しておきま

          akipon

          ヘルプページの作り方　ヘルプページを制する者は世界（？）を制す

          akipon

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

          古いMacから移行した当初は普通に動いていたのに、ある日突然エラーが出てXDが起動できなくなってしましたので、その時の対処方法をメモとして残しておきます。 こんなん出ました↓ 対処方法 結論から言えば、Creative Cloud Cleaner Toolを使って破損したと思われる古いソフトを削除して、再度インストールし直せば、無事直りました。 ※注意：Creative Cloud アカウントに同期されていないファイルが消えてしまう可能性があるので、Creative C

          akipon

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

          akipon

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

          今ハマっているガルプラについて、youtubeから数値分析して結果の予測を立ててみました。 1~10話までに行った3ミッション(コネクトミッション、コンビネーションミッション、クリエイションミッション)全てのyoutubeチッケム再生数とGoodボタン獲得数から、11話発表予定のO.O.Oミッションの順位結果予測をしてみました。 と定義して算出してみると、計測結果は以下の通りです。 ▼O.O.Oミッション計測結果 ※データは10/13時点 ネットでもバヒエちゃんはベ

          akipon

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

          akipon

          ガールズプラネット999から見るオーディション番組のマーケティング戦略

          普段はUIやwebデザインついての内容をメインで書いておりますが、今回はいつもと違った内容の記事を書いてみようと思います。 30過ぎて突然k-popにハマった自分の行動や思考から、最近人気のオーディション番組のマーケティング戦略について考察してみました。 リアルタイムではないですが、私はsixteenやプデュ、niziプロ、I-LANDなども一応見てました。 が、正直わたしは思いっきり新参者です。 ガチのファンダムの方とは全然知識量や経験が違うので、あくまでもライトなファ

          akipon

          ガールズプラネット999から見るオーディション番組のマーケティング戦略

          akipon