りきはん (rc-code)

田舎で暮らすフリーランスのWebフロントエンドエンジニア・iOSエンジニアです。 no…

りきはん (rc-code)

田舎で暮らすフリーランスのWebフロントエンドエンジニア・iOSエンジニアです。 noteでは別領域へのスキルアップを目的にやったことを公開していこうと思います！

これからプログラマに転職する前に知っておくべきこと 【①本当にプログラマの給料は高いのか】

これを読んでくださっているということは、あなたはプログラマになろうとしているか少し興味がある、あるいは周りにプログラマを目指そうとしている人がいるということでし…

りきはん (rc-code)
りきはん (rc-code)
1年前
9

Figma レベル4: ファイルとプロジェクトのシェア

こんにちは、アプリエンジニアの田中佑です。 今日はファイルとプロジェクトのシェア方法です。 意外と iframe を利用したシェアは知られていなそうだけど、いろんなサー…

りきはん (rc-code)
りきはん (rc-code)
2年前
3

Figma レベル3: DesignFile作成・Pin留め・複製・削除・リネーム、JamFileの説明

こんにちは、アプリエンジニアの田中佑です。 今日はDesignFileの作成とJamFileの説明、ファイルのPin留め・複製・削除・リネームです。 これができればあなたも一人前のF…

りきはん (rc-code)
りきはん (rc-code)
2年前
4

Figma レベル2: プロジェクトの削除と作成

こんにちは、アプリエンジニアの田中佑です。 今日はプロジェクトの削除と作成方法です。 そんなん見んでも分かるわ！！！というツッコミを言いつつ見てください。 8割備…

りきはん (rc-code)
りきはん (rc-code)
2年前
2

Figma レベル1: Freeプランでのチーム作成

こんにちは、アプリエンジニアの田中佑です。 さて今日から早速Figmaでモックを作っていこうと思います。 ということで、まずはチームを作ろうと思います。 チーム作成ま…

りきはん (rc-code)
りきはん (rc-code)
2年前
3

Figma レベル0: エンジニアがアプリデザインを作る

こんにちは、アプリエンジニアのリッキーです。 自分は今まで会社に勤めて大規模アプリケーションのフロントエンド開発・iOS開発をやってきたり、フリーランスになってか…

りきはん (rc-code)
りきはん (rc-code)
2年前
5
りきはん (rc-code)

りきはん (rc-code)

これからプログラマに転職する前に知っておくべきこと 【①本当にプログラマの給料は高いのか】

これからプログラマに転職する前に知っておくべきこと 【①本当にプログラマの給料は高いのか】

これを読んでくださっているということは、あなたはプログラマになろうとしているか少し興味がある、あるいは周りにプログラマを目指そうとしている人がいるということでしょう。

さて、あなたも最近よく
「プログラマは場所を選ばずに働ける！」
「自分で勉強しやすい！」
「給料が高い！」
「今需要がすごくある！」
というような話を聞くのではないでしょうか？

本当にそうなのか？
そしてデメリットなどはないのか

もっとみる
りきはん (rc-code)

りきはん (rc-code)

Figma レベル4: ファイルとプロジェクトのシェア

Figma レベル4: ファイルとプロジェクトのシェア

こんにちは、アプリエンジニアの田中佑です。

今日はファイルとプロジェクトのシェア方法です。
意外と iframe を利用したシェアは知られていなそうだけど、いろんなサードパーティのツールと組み合わせればすごく便利な気がしたので、ぜひご一読ください🙌

ファイルのシェアさて、チームを作成し複数人で作業していれば問題ないことですが、個人でデザインを作成していると、他者に確認してもらったり、場合によ

もっとみる
りきはん (rc-code)

りきはん (rc-code)

Figma レベル3: DesignFile作成・Pin留め・複製・削除・リネーム、JamFileの説明

Figma レベル3: DesignFile作成・Pin留め・複製・削除・リネーム、JamFileの説明

こんにちは、アプリエンジニアの田中佑です。

今日はDesignFileの作成とJamFileの説明、ファイルのPin留め・複製・削除・リネームです。
これができればあなたも一人前のFigmaデザイナー。
嘘です、まだ初歩にも至ってないです。笑
備忘録なのでおやつでも食べながら見てください！

Design File とはFigmaには2021/09現在 Design File と Jam Fil

もっとみる
りきはん (rc-code)

りきはん (rc-code)

Figma レベル2: プロジェクトの削除と作成

Figma レベル2: プロジェクトの削除と作成

こんにちは、アプリエンジニアの田中佑です。

今日はプロジェクトの削除と作成方法です。
そんなん見んでも分かるわ！！！というツッコミを言いつつ見てください。
8割備忘録なので。笑

プロジェクトとは前回チームを作成したと思うのですが、プロジェクトはそのチームで作成していく作業レイヤーのまとまりです。
次回紹介するFileも含めて階層的にはこんな感じですね。

- Team| ∟Project|

もっとみる
りきはん (rc-code)

りきはん (rc-code)

Figma レベル1: Freeプランでのチーム作成

Figma レベル1: Freeプランでのチーム作成

こんにちは、アプリエンジニアの田中佑です。

さて今日から早速Figmaでモックを作っていこうと思います。
ということで、まずはチームを作ろうと思います。

チーム作成まずFigmaのアプリを開いてログインします。
今までは個人的に遊びでいじったり、デザイナーから共有を受けたデザインを確認するだけだったので、基本的に Personal というチームしか使っていませんでした。

個人的に使うのであれ

もっとみる
りきはん (rc-code)

りきはん (rc-code)

Figma レベル0: エンジニアがアプリデザインを作る

Figma レベル0: エンジニアがアプリデザインを作る

こんにちは、アプリエンジニアのリッキーです。

自分は今まで会社に勤めて大規模アプリケーションのフロントエンド開発・iOS開発をやってきたり、フリーランスになってからはWebサイトの作成やアプリ開発の受託を行ってきました。

さてそんな中で、自分のアプリを作ってみようかなーと考えた時に「まずワイヤー作ってみよ！」と思いました。
ところが、プレゼンテーションツールなどでワイヤーを作り始めると結構大変

もっとみる