アプリ開発マガジン

107

本

株式会社Pentagonでは、「アプリを駆使した事業を立ち上げたい」方のために、アプリの設計・デザイン・開発までまるっとサポートしています。当社では、日々の学びをnoteに執筆す… もっと読む

運営しているクリエイター

FlutterGenの使い方

こんにちは、株式会社Pentagonでエンジニアをしている阿久津です。今回はFlutterGenを使う方法に触れたいと思います。 FlutterGenとは Daichi Furiyaさんらが開発されている、assetsの利用を安全・簡単にしてくれるOSSライブラリ(MIT License) 使い方1. pubspec.yamlに追加して`pub get` dev_dependencies: flutter_test: sdk: flutter flutter_g

FlutterでLintを使う

こんにちは、株式会社Pentagonでエンジニアをしている阿久津です。今回はFlutterでLintを使う方法に触れたいと思います。 Lintとは端的に言うと"あからさまにバグっぽい"箇所を自動で見つけてくれるもの主にC言語のソースコードに対し、コンパイラよりも詳細かつ厳密なチェックを行うプログラムである。静的解析ツールとも呼ばれる。(wikipediaより引用) FlutterでのLintの使い方"analysis_options.yaml"をFlutterのル

Go言語開発環境を一新しようとした話

こんにちは、株式会社PentagonでエンジニアをしているYamatoです。以前Go言語で開発を行うときにDockerを使う記事を書きましたが、Docker環境を使った開発をするときにVSCodeを使うと便利という情報が多々あったので試してみました。 VSCodeのマーケットプレイスからRemote-Containersをインストールをし、コマンドパレットから「Add Development Container Configuration Files」を選ぶと簡単にコンテ

ChromeでGPUがうまく動かない時の備忘録

こんにちは、株式会社PentagonでエンジニアをしているYamatoです。普段の記事とは関係のない記事内容になりますが、備忘録として残しておきます。普段はスリープを使って電源を切ることが少ないのですが、最近久しぶりにOSの再起動を行って、ちょうどいいタイミングでChromeの更新が適用されChromeから動画などGPUを使用するときに動作が重くなり不安定になったので、調べてみました。僕の環境ではGPUを積んでいるMacやWindowsで確認しています。 chrom

Flutterでのダイアログ利用

こんにちは、株式会社Pentagonでエンジニアをしている阿久津です。今回はFlutterでダイアログの利用方法について取り上げます。ダイアログとはISOによると、"ユーザとシステムが相互作用するもの"みたいな定義らしい。 interaction between a user and an interactive system as a sequence of user actions (inputs) and system responses (outputs)

【Figma】コンポーネントの命名規則とオススメ運用ルール①（Icon, Image編）

こんにちは。株式会社Pentagon でアプリデザインをしている natsumaru です。 Component の命名規則について、何回かに分けて note を執筆しようと思います。プロダクトの内容やデザインチームの運用方法によって、各チームでやりやすい方法を決めていくのが良いと思いますが、今回は私のやり方をまとめることでがどなたかのヒントになればと思いまとめます。今回は、アイコン、イメージ編です。ベースとなるルールまず、命名する際のベースとなるルールについて。

Flutterとauth0の認証でandroid.content.ActivityNotFoundExceptionが起きたときの対処方法について

こんにちは、株式会社Pentagonでアプリ開発をしている石渡港です。 https://pentagon.tokyo android.content.ActivityNotFoundExceptionが起きたときの対処方法について簡単にまとめます。引用記事エラーログD/AndroidRuntime( 6770): Shutting down VME/AndroidRuntime( 6770): FATAL EXCEPTION: mainE/AndroidRuntime

Flutter×FirebaseでSNS認証②

Flutter×supabaseのログイン調査してみたこんにちは、株式会社Pentagonでアプリ開発をしている石渡港です。 https://pentagon.tokyo Flutter×FirebaseでSNS認証を実装したのでTwitter認証部に関してまとめます。ソースコード一部抜粋 import 'dart:convert';import 'dart:math';import 'package:firebase_auth/firebase_auth.dar

Flutter×FirebaseAuthでSNS認証①

Flutter×supabaseのログイン調査してみたこんにちは、株式会社Pentagonでアプリ開発をしている石渡港です。 Flutter×FirebaseでSNS認証を実装したので簡単にまとめます。実装したコードとUIざっくりとコードとUIだけ記載します signin_screen.dart import 'dart:convert';import 'dart:math';import 'package:crypto/crypto.dart';import '

【Flutter】Textの内容が大きすぎる場合の対応方法

こんにちは、株式会社Pentagonでアプリ開発をしている山田です。 https://pentagon.tokyo 今回はFlutterを使い始めた私がつまづいた箇所として、Textが長くなった場合の対処法をまとめました。 ■ つまずいた点開発をしていると以下の様なところでつまずきました。 return ListView(children: <Widget>[ new Card( child: new Container( paddi

【Figma】デザインファイルの整理方法を考える

こんにちは。株式会社Pentagon でアプリデザインをしている natsumaru です。 Figma のデザインファイルの整理はどのようにされていますか？画面一覧、条件分岐、遷移の整理…。これまで案件ごとにどんな整理が良いのか模索してきたのですが、ようやく「この整理ならイケるのでは？」と落ち着いてきたのでその整理方法を考えてみたいと思います。まだ完全な運用までには至っておらず、お試し状態ではありますがご了承ください。ページ構成Master（1つ）と Bra

Figmaの「Color Space」Windows版アプリでの設定方法

こんにちは、株式会社Pentagonでデザイナー／コーダーをしているmaoです。最近デザイン業務でFigmaを使い始めました！そこで、FigmaでWebデザインをする場合、Figmaアプリ上の色の見え方とブラウザで表示した場合の色の見え方が異なる場合があるため、Figmaアプリの「Color Space」の設定を「sRGB」にしておくといいと聞きました。ところが、MacとWindowsでは設定方法が異なるようで少し設定に戸惑いましたので記録に残しておこうと思います。

アプリデザイナーの仕事は「削る」ことである

「やることを決める」のは簡単だが「やらないことを決める」のは難しい。アプリ制作の現場においても言えることです。こんにちは、株式会社Pentagon代表の山本です。今まで1,000画面を超えるアプリ開発の制作にたずさわってきました。今回のnoteでは、アプリデザイナーの仕事について考えをまとめました。このnoteの結論を言うと、アプリデザイナーの仕事は、無駄を削ぎ落とし、お客様の要望を叶え、時には説得することである。そして、最終的にはユーザーに良い体験を与え

[Flutter]flutter_reaction_button画面がおかしくなった時の対処法

こんにちは、株式会社Pentagonでアプリ開発をしている山田です。 https://pentagon.tokyo 今日は、flutter_reaction_buttonのプラグインを使っていたら、おかしな挙動に引っかかってしまったので、その解決した方法を記載します。 ■ 問題とする挙動こちらの挙動をまず見て下さい。この様に、リアクションボタンをおうかすると、下の画面も移動し、ズレたリアクションボタンのPreviewが表示されます。 ■ 参考になった解決方法こち