マガジン一覧

フリーランス1年目が終わったので仕事や生活スタイルや売上をまとめてみた

※このnoteは後半有料エリアがありますが、半分くらいは無料で読めますしたっぷりの長文なので楽しく読んでもらえると嬉しいです。 コロナだなんだで気づいたらフリーランスの初年度、一年目がもうすぐ終わりそうです。あっという間ですね、恐ろしい。 どうも、フォトグラファーのクロカワです。 2019年の5月末で前職を退職してフォトグラファーになったので、あと数日で1年目が終わります。終わってからnote書けば良いんですが、ちょっと今月末はありがたいことに撮影が集中しており余裕なさそ

全員参加型の写真コンテスト「CURBON Preset Festival」 5月1日START！#プリセットフェス

こんにちは！ 写真を軸に、クリエイターを支援する様々な事業を手がけている「CURBON（カーボン）」です。 写真の楽しみと、おうち時間の新しい拡充方法の模索として、2020年5月より、新しい写真コンテスト「CURBON Preset Festival」を開催します！ CURBONについての詳細は、以下noteを参照ください 「CURBON Preset Festival」とは CURBONが発売するアーティストプリセットを使用した、投稿型写真コンテストです。 CUR

SIGMA fp Webカム化とリグ遊びへの誘い

全国のリモートワーカーの皆さま、こんにちは。 前回このようなnoteでSIGMA fpのWebカム化をご紹介しました。 その後、fpをWebカム化に使用している機材についてご質問いただく事が増えてきたので、現在使っているものをまとめておきます。 1. SIGMA fpボディ 何はともあれ、これが無いとはじまらないSIGMA fpボディです。 こんなかわいいボディでスチル・シネマはおろかUVC(USB Video Class)に対応しておりUSBを挿すだけでWebカム

高画質で映える顔してないけど

SIGMAの山木社長のTwitterなどでfpはキャプチャーボードなどを使用しなくてもUSB-CでPCと繋ぐだけでWebCamとして認識してくれることを知る。 こういうガジェット遊びは嫌いではないし、ちょうどfpがオフィスに転がっている。特に追加で必要なものもないしやってみる価値はありそうだ。 先日リグ遊びをした状態のSIGMA fpにMacBookAirのType-Cケーブルを挿して接続。設定によってはUSBモードの選択を聞かれるので「ビデオクラス」を選択するだけ。

UIモーション01： UIになぜ動きが必要か？

スマホアプリやWebサービスなど、スクリーン上のUIには様々な形でモーション（動き）が使われています。
こうしたUIモーションは利用者として毎日何気なく目にしているものですが、そこには作り手がいて目的があるはずです。この記事ではUIモーションの目的と効果的な使用方法について考察します。 UIモーションとUIアニメーション「モーション」と「アニメーション」はどちらも動きを表す言葉として、同じ意味で使われることもありますが、元々の言葉の意味を踏まえると以下のような違いがあると言

海外のおすすめタイプファウンダリ10選 #偏愛フォント Vol.4

こんにちは！シフトブレイン 外部デザイナーの宮坂（@Miyasaka_Arisa）です。   これまで『SHIFTBRAINのデザイナーが選ぶ #偏愛フォント』記事のVol.1とVol.2に参加していましたが、今年の春にシフトブレインを卒業したので本記事では外部デザイナーとして記事をお送りします。 私はシフトブレイン在籍時にとある社内プロジェクトで、海外のタイプファウンダリをリサーチしていました。今回はその中からみなさんにおすすめのタイプファウンダリ10選をご紹介したいと思

STUDIOを使って、アクセシブルなWebサイトを作ってみた：その1　STUDIO PARTNERSとマシンリーダビリティ編

この記事は、STUDIO アクセシビリティ委員会のマガジン vol.2 です。 おはようございます。 STUDIO 株式会社に所属するデザイナー、いっちゃです。🪅 今回の記事は「STUDIOを使って、アクセシブルなWebサイトを作ってみた：その1　STUDIO PARTNERSとマシンリーダビリティ編」と題して、2022年の9月にリニューアルオープンを敢行したSTUDIO PARTNERS公式サイトを制作する際、マシンに対して適切に情報を伝達するマシンリーダリビティの観点

SPEEDAデザイン原則のビジュアルができるまで

SPEEDAデザインチームは、以前デザイナーが制作の際に共通した認識を得るためのSPEEDAというキャラクター像、マインド、ビジュアル要素を "デザイン原則" として制定しました。（原則については過去のnoteをご参照ください） いつでも原則に立ち返り、デザインに取り組む際のワクワク感や意思表示として原則ビジュアル制作のPJが立ち上がってから約10ヶ月、いくつかの波乱や思いを経て無事完成しましたのでお披露目させてください👏👏👏 SPEEDAの５つのデザイン原則 多面的だが、

STUDIOで適切なマークアップやアクセシビリティについて、エンジニアさんからレビューをもらったらよかった話

この記事は、株式会社ゆめみの23卒 Advent Calendar 2023と YUMEMI Design Advent Calendar 2023の2日目の投稿になります🎄 こんにちは！ゆめみの0riです🐨 11月初旬に、ゆめみのコーポレートフォント「YUMEMI Sans」の発表をしました！ その際、開発を記念し、STUDIOで特設サイトを制作しました。 わたしはディレクター兼、このLPのSTUDIO実装も担当していました。 STUDIOはノーコードでエンジニア以外

STUDIOで実践する、万人のためになるウェブアクセシビリティ対策

はじめまして、この春からSOMPO Digital LabのSprintチームにプロダクトデザイナーとしてジョインした松葉（ https://twitter.com/tiyou01 ）です。 これまでは映像業界でエディターとして働いたり、スタートアップでデザイナーを経験してきました。また個人としてもウェブ制作や映像制作をしており、ノーコードウェブ制作ツールSTUDIOの公式パートナーも務めています。 STUDIOはコードを書かずにウェブサイトを制作できるノーコードウェブ制

STUDIOを使って、アクセシブルなWebサイトを作ってみた：その4 STUDIO PARTNERSとアニメーション編

この記事は STUDIO アクセシビリティ委員会のマガジン vol.9 です。 こんばんは。STUDIO 株式会社に所属するデザイナー、いっちゃです。🪅 今回の記事は「STUDIOを使って、アクセシブルなWebサイトを作ってみた：その4 STUDIO PARTNERSとアニメーション」。 2022年の9月にリニューアルオープンを敢行したSTUDIO PARTNERS公式サイトを制作する際、アクセシビリティの観点を取り入れたアニメーション設定を行った事例を解説していきます

アコーディオンUIのアクセシビリティを改善してみよう！

この記事は STUDIO アクセシビリティ委員会のマガジンvol.8 です。 こんにちは！STUDIO株式会社 フロントエンドエンジニアのjimbouです。 私からはSTUDIO アクセシビリティ委員会マガジンにて、主にエンジニア/デザイナーさん向けに技術的な記事を発信しています。 STUDIOに限らずWebサイト、Webアプリに携わる全ての方々に読んでいただければと思います🌟 今回は「アコーディオンUI」についての記事になります💡 Webサイト、Webアプリでアコーディ

OPENちゃんが選ぶ「本当においしい台湾料理＆スイーツ店」 15選！

こんにちは！　美麗(メイリー)！台湾のMahaです。 今日は台湾の国民的キャラクター『OPENちゃん』とのコラボ企画「TAIWAN美味認定」の第五弾公開を記念して、これまでにOPENちゃんが紹介してくれた台湾料理＆スイーツ店をふり返ります！ ▶「TAIWAN美味認定」公式サイトはこちら ところで、みなさん、『OPENちゃん』をご存知ですか？ OPENちゃんは、台湾のセブンイレブンのマスコットキャラクター・虹色頭の宇宙犬。 2005年7月11日に、宇宙のOPEN星から台湾

「人に期待しない」の正しいやり方

「おれは人に期待していないから」と言いながらめちゃめちゃ期待してるじゃねえか、と思った話。 「人に期待しない」というのは人生を軽やかにする方法としてよく聞く言葉だ。だけど、その使い方や捉え方にもやっと違和感を覚えることもよくある。 「どうせ俺をバカにしているんだろう」「どうせ何を言っても口だけだろう」「どうせ俺が困っても助けないだろう」と、「どうせ」のオンパレード。そして「それが俺にはわかっているから、はじめから期待しないんだ」という。 このように「人に期待しない」とい

続かない人のための、マイプロジェクトの「続け方」

こんにちは、発明家の高橋鴻介です。 普段は主にコミュニケーションにまつわるものを発明しています。 自己紹介は以下にまとめているので、よかったら読んでください。 自分の活動は、基本的にマイプロジェクトとして始めることが多いのですが、様々なマイプロジェクトを立ち上げてきた中で、それを「続ける」ことの難しさに直面してきました。このnoteではその難しさをどう乗り越えるかについて書きたいと思います。 発明家として、ここ8年くらい、様々なマイプロジェクトを立ち上げてきました。マイプ

UIモーション01： UIになぜ動きが必要か？

スマホアプリやWebサービスなど、スクリーン上のUIには様々な形でモーション（動き）が使われています。
こうしたUIモーションは利用者として毎日何気なく目にしているものですが、そこには作り手がいて目的があるはずです。この記事ではUIモーションの目的と効果的な使用方法について考察します。 UIモーションとUIアニメーション「モーション」と「アニメーション」はどちらも動きを表す言葉として、同じ意味で使われることもありますが、元々の言葉の意味を踏まえると以下のような違いがあると言

OPENちゃんが選ぶ「本当においしい台湾料理＆スイーツ店」 15選！

こんにちは！　美麗(メイリー)！台湾のMahaです。 今日は台湾の国民的キャラクター『OPENちゃん』とのコラボ企画「TAIWAN美味認定」の第五弾公開を記念して、これまでにOPENちゃんが紹介してくれた台湾料理＆スイーツ店をふり返ります！ ▶「TAIWAN美味認定」公式サイトはこちら ところで、みなさん、『OPENちゃん』をご存知ですか？ OPENちゃんは、台湾のセブンイレブンのマスコットキャラクター・虹色頭の宇宙犬。 2005年7月11日に、宇宙のOPEN星から台湾

台北旅行に来たらまずはここに行ってほしい、実際食べて「紹介したい」と思ったお店｜ジャンル別32店

台北に来られる方が増えてきたので、おすすめのお店を聞かれることが増えてきました。なので今回は、僕が実際に行って紹介できるかなあと思ったおすすめお店をジャンル別にいくつか紹介します。 小籠包 / 水餃子が食べたい鼎泰豊 新生店（小籠包 / 炒飯｜東門） ここの店舗が雰囲気的にいちばん好き。開店前に行って整理券をもらうのがいちばん待たない。席数的には101の方が多いので待たないかも。 杭州小籠湯包 民生東路店（小籠包 / 炒飯｜南京復興 / 中山國中） 小籠包を食べたい時はい

金沢21世紀美術館にふらっと行ってみませう

京都市京セラ美術館に行ってきました。

ミュージアム部のキムチです。大阪在住。子供のころから両親に連れられ、天王寺の大阪市立美術館や岡崎の京都市美術館に通い、どちらかと言えば行き返りに連れて行ってもらえるレストランや喫茶店を楽しみにしていました。そのころから数えれば、美術鑑賞歴は半世紀にも！ さて、2017年4月からリニューアルのために休館になっていた京都市美術館が、命名権を得た京セラの名前を冠した京都市京セラ美術館としてリニューアルオープンしました。当初の開館予定が、新型コロナウイルス感染拡大の影響で遅れていま

（詳細版）「ARR 一億円を超えたSaaS企業が立ち向かう壁」〜 FOND 福山太郎とBEENEXT 前田ヒロのセッション メモ

9/26（水）に前田ヒロさん主催のSaaS特化カンファレンス「SaaS Conference Tokyo 2018」のプレイベントに参加しました。 「ARR 一億円を超えたSaaS企業が立ち向かう壁」〜 FOND 福山太郎とBEENEXT 前田ヒロのセッションということで、FOND福山太郎さんが圧倒的な情報量で色々至言を尽くされていたのでメモ。かなり載せたので頑張って読んで…要約はこちらでどうぞ！！ --------------------------------------

STUDIOを使って、アクセシブルなWebサイトを作ってみた：その4 STUDIO PARTNERSとアニメーション編

この記事は STUDIO アクセシビリティ委員会のマガジン vol.9 です。 こんばんは。STUDIO 株式会社に所属するデザイナー、いっちゃです。🪅 今回の記事は「STUDIOを使って、アクセシブルなWebサイトを作ってみた：その4 STUDIO PARTNERSとアニメーション」。 2022年の9月にリニューアルオープンを敢行したSTUDIO PARTNERS公式サイトを制作する際、アクセシビリティの観点を取り入れたアニメーション設定を行った事例を解説していきます

STUDIOを使って、アクセシブルなWebサイトを作ってみた：その3。STUDIO PARTNERSとaltテキスト編

この記事は STUDIO アクセシビリティ委員会のマガジン vol.6 です。 こんばんは。 STUDIO 株式会社に所属するデザイナー、いっちゃです。🪅 今回の記事は「STUDIOを使って、アクセシブルなWebサイトを作ってみた：その3 STUDIO PARTNERSとaltテキスト編」。 2022年の9月にリニューアルオープンを敢行したSTUDIO PARTNERS公式サイトを制作する際、画像に設定するaltを記述することでアクセシビリティに取り組んだ事例を解説して

STUDIOを使って、アクセシブルなWebサイトを作ってみた：その2。STUDIO PARTNERSとフォーム編

この記事は STUDIO アクセシビリティ委員会のマガジン vol.4 です。 こんにちは。 STUDIO 株式会社に所属するデザイナー、いっちゃです。🪅 今回の記事は「STUDIOを使って、アクセシブルなWebサイトを作ってみた：その2　STUDIO PARTNERSとフォーム編」。 2022年の9月にリニューアルオープンを敢行したSTUDIO PARTNERS公式サイトを制作する際、設置しているフォームを改良を通じて、アクセシビリティに取り組んだ事柄を解説していきま

STUDIOを使って、アクセシブルなWebサイトを作ってみた：その1　STUDIO PARTNERSとマシンリーダビリティ編

この記事は、STUDIO アクセシビリティ委員会のマガジン vol.2 です。 おはようございます。 STUDIO 株式会社に所属するデザイナー、いっちゃです。🪅 今回の記事は「STUDIOを使って、アクセシブルなWebサイトを作ってみた：その1　STUDIO PARTNERSとマシンリーダビリティ編」と題して、2022年の9月にリニューアルオープンを敢行したSTUDIO PARTNERS公式サイトを制作する際、マシンに対して適切に情報を伝達するマシンリーダリビティの観点

ジェネラティブアートを始めよう

どうも、なめらかサンショウウオです。この投稿が初投稿なのでちょっと自己紹介すると、趣味でジェネラティブアートやWebを作っているサンショウウオです。ジェネラティブアートを広めるために、ジェネラティブアートとはなんぞやというところから、勉強方法などを紹介していきます。この投稿内で具体的なプログラムを見せて解説することはしません。 ジェネラティブアートとは？この条件に当てはまるものをジェネラティブアートと呼ぶ、というような正確な定義があるわけではなさそうですが、「アルゴリズムや

Generative Art #185

Codevoid setup() { size(900, 900); pixelDensity(2); noLoop();}void draw() { background(#FFE562); int c = int(random(50, 300)); for (int i=0; i<c; i++) { float x = random(width); float y = random(height); float ns = 0.007; float s

STUDIO CMSを使って、画像と背景色をリンクさせたい記事

こんにちは、STUDIOで遊んでいるタイプのいっちゃです。 先日STUDIOを使って以下のような表現をするtweetをしたのですが、思いのほか多くの人に見てもらえて驚いています。 なので作り方をまとめてみることにしました（セルフ便乗とも言います） 最後までお付き合いくださいませ。 作るもの画像と、画像にいい感じでリンクする背景（色） 登場人物CMSリストさん 主人公、全力で横幅100%を維持するタイプ ぼかしちゃんの親 ぼかしちゃんが存在する前提の名前だが、特段不満

STUDIOレシピ トークイベント記事を作る

STUDIOレシピ第三弾！ 今回のSTUDIOレシピはトークイベント記事を作る方法です。 こんな感じの奴↓ このレシピはイベントのレポート記事などに活用することがでるので ・実際に仕事で活用することができ、 ・その仕事の実績であなたにインタビューが舞い込み、 ・さらに自分がインタビューされているページを作る依頼がやってきます。 何言ってんだ？ 気を取り直して、それでは実際に作っていきましょう！ パーソナリティーこと、ZELKOVA STUDIOのいっちゃがお送りい

STUDIOレシピ ホバーで内容が入れ替わるアニメーションを作る　応用編

こんにちは！ZELKOVA STUDIOのいっちゃです。 STUDIOレシピ第二弾！ 前回の基本編に引き続き、ホバーで表示内容を入れ替えるアニメーションを制作していく記事になります。 まだ基本編を読んでいない人は、先にこちらを見ると理解しやすいのでオススメです。 ついでに♡を押したり記事をシェアするのもオススメです。 サンプルプレビューページ それでは実際に作ってみましょう！ 完成形今回は、ZELKOVA STUDIOで実際に使用しているSNSリンクボタンのアニメ

STUDIOレシピ ホバーで内容が入れ替わるアニメーションを作る　基本編

こんにちは！ZELKOVA STUDIOのいっちゃです。 皆さん、STUDIOのアニメーション機能使ってますか？ さっそく街行く人に聞いてみました！ 「アニメーション？触ったことないですね」 「アニメーションまで手が回らなくて....」 「アニメーションといえば1秒間に24枚のセル画を描ki....」 ...ｺﾞﾎﾝ そんな皆さんにおすすめ、STUDIOで役立つちょっとしたトピックを、STUDIOレシピと題して公開することにしました！ 今回はホバーで表示内容を入れ替

新人デザイナーを成長に導く23のヒント

webサイトのディレクションとデザイン歴22年。新人デザイナーがチームに加入した際、成長を促すために意識している心構え、作業、デザイン、フィードバックのコツについて、これまで実践してきたことを23のヒントとしてまとめてみました。新人を指導する立場のディレクターさんやデザイナーさんの参考になれば幸いです。 1. 最初が肝心最初は「心構え」から。 最初は先輩のサポートや規模の小さい仕事をお願いすることも多いと思いますが、「これは簡単な（楽な）仕事だから」という説明はNG。どん

レイアウトデザインの視点を増やす思考＆Tips

はじめにこのnoteは、私がTwitterで発信した「デザインの思考＆Tips」のなかから、レイアウトデザインに関する内容を編集してまとめたものです。普段のデザイン業務で私が意識している、webデザインを中心としたレイアウトの考え方やTipsを紹介します。 「レイアウト」といっても、ただ単にドキュメント上に要素を置くのは誰でもできます。どんな素材にするか、どんな動線にするかを考えて位置を決めていくのが「デザイン・レイアウト」。こちらがデザイナーの仕事ですね。デザイナーは、達

ついやってしまう、プロのテロップの作り方

こんにちは、炭酸水大好きナカドウガです。 とりあえずテロップを作ってみたものの「これで本当にいけてるのだろうか…？」と、自信が持てないことってありませんか？ テロップが垢抜けない理由は「とってつけた感」だったり「手抜き感」が見え隠れしてしまうから。 「なんとなく不自然」そんなふうに感じてしまうのですね。 では「不自然にならないようにする方法って？」そのヒントになるのが今回のnote。 テーマは「プロの技」として【こざいく・こだわり・ひきだし】この3つのキーワードで話

【noteカイゼン】noteのロゴ使用に関するガイドラインを公開しました

noteをお使いのクリエイターの方々や、noteを紹介してくださるメディアの方々が、noteのロゴやイメージ写真を正しく使っていただけるようにガイドラインを作成し公開しました。 今回配布するデータは、以下です。 【左上】noteロゴ 【中上】noteロゴ（タグライン付き） 【右上】noteロゴ（シンボルのみ） 【左下】PC＋スマホ スクリーンショット 【中下】PC画面 スクリーンショット 【右下】スマホ画面 スクリーンショット 上記画像のダウンロードリンクを、noteヘ