北田 荘平 / THE GUILD

デザイナー / エンジニア / THE GUILD Co-Founder / 多摩美 統合デザイン学科非常勤講師 / Fujirocker (2006-) / FRF APP (2011-2018) / FUJI ROCK '19 by SoftBank 5G (2019)

北田 荘平 / THE GUILD

デザイナー / エンジニア / THE GUILD Co-Founder / 多摩美 統合デザイン学科非常勤講師 / Fujirocker (2006-) / FRF APP (2011-2018) / FUJI ROCK '19 by SoftBank 5G (2019)

    マガジン

    最近の記事

    Processing4 移行のすすめ

    以前このnoteでも取り上げたProcessing 4が8/9にbetaリリースされました 🎉 Processingの講師を務める多摩美統合デザイン学科の新学期に合わせてさっそく導入して試してみました。 今すぐインストールすべきか?Processing 3がリリースされたのは6年前。当時は2015年8月に 3.0 beta1 → 2015年10月に 3.0 正式リリース。という流れだったようです。 今回はファイナルリリースまでのスケジュールは未定と書かれているので、当面

    スキ
    9
      • Notionをキーボードだけで操るためのショートカット集

        以前、 Figma編 や Sketch編 でも書きましたが、 ツール習得 = ショートカットキー習得 です。今回は今激推し中の Notion についてまとめました! ---- いつでもウインドウ複製 Cmd + Shift + N サイドバーの表示・非表示 Cmd + \ ページを大きく開く Cmd + Enter ドキュメント選択の戻る・進む Cmd + [ or ] 開いているページのリンクをコピー Cmd + L ---- ブロック編集中ブロックを選

        スキ
        63
        • オンライン化が進んだ2020年のプログラミング授業の振り返り

          多摩美統合デザインでcocoponとプログラムを教えるようになって3年目。今年はコロナの影響で春学期は完全にオンライン授業、後期になって対面での授業が解禁されました。そんな1年も今週からは最終課題の制作期間に入るので、このタイミングで一度総括とメッセージ発信。 春学期の振り返り春学期は3年生と4年生 (全員前年から継続メンバー)の両学年の授業。 まずコミュニケーションの拠点としてDiscordの導入を決めて環境整備をした。Discordの取説を作ってチャンネルをセットアップ

          スキ
          4
          • ProcessingのVideoキャプチャ、SoundキャプチャがMojave, Catalinaで動かない時の対処法 (2020年10月時点)

            (2021/9/9追記) Processing 4では、この記事の方法は必要ありません。こちらの記事をご覧ください!  -------- macOS Mojave (10.14) 以降、Mac OSのセキュリティが強化された影響で、VideoライブラリでWebカメラの入力を扱ったり、Soundライブラリでマイクの入力を扱う際に少々面倒なことが置きてしまっています。 以前にもnoteでそれぞれの対処法を書きましたが、Videoライブラリの最新版リリースや、大学の講義で使っ

            スキ
            3
            • Notionをキーボードだけで操るためのショートカット集

              スキ
              63
              • オンライン化が進んだ2020年のプログラミング授業の振り返り

                スキ
                4
                • ProcessingのVideoキャプチャ、SoundキャプチャがMojave, Catalinaで動かない時の対処法 (2020年10月時点)

                  スキ
                  3

                マガジン

                マガジンをすべて見る

                記事

                記事をすべて見る
                  • Mac OS CatalinaでProcessingのSoundの入力値が0の時の対処法

                    (2021/9/9追記) Processing 4では、この記事の方法は必要ありません。こちらの記事をご覧ください!  -------- 今年の頭にVideoについての記事を書きましたが、同様の問題がSoundでも起きていたようで、対処法を調べてみました! 検証環境 ・Mac OS Catalina (10.15.6) ・Processing 3.5.4 ・Sound Library (2.2.2) 問題こちらの講義資料を参考に以下のコードを実行してみると、コンソール

                    スキ
                    3
                    • note 7週間経過

                      noteをコツコツ書き始めて7週間経過。 コツコツ書いてません。なんと1週間も空いてしまいました。経過報告だけが続くといけないので、やっと1記事書いた! 更新をさぼれば、それだけビュー数は落ちていく。。 ロングテールだけの身体になりつつある。 フォローしてくださる方がいつもいて嬉しい。 そろそろnoteのフォロワーがTwitterのフォロワーを超す日が見えてきた。 当初このnoteは、現在全力で執筆中の書籍プロジェクトのウォーミングアップと、もうじき全力で動き出す新組

                      スキ
                      9
                      • Figmaで最初に覚えたショートカットキー

                        Design Tools Survey 2019 で2020年、最もエキサイティングなツール 1位に選ばれた Figma。調べながら、まだしばらく Sketch でに良いんでは、と保守的に考えていたけれど、ショートカットキーがけっこうよく考えられている。。これは良い。。 以前、Sketchを爆速で使うためのショートカットを紹介する記事を書いたりしたこともありました。 自分にとってはツール習得 = ショートカットキー習得でもあるので、実際に「Figmaを使いこなせている」と

                        スキ
                        57
                        • note 6週間経過

                          6週間経った平日note更新生活。先週からかなり不定期になってしまいました・・・ 気合いの入った記事を書くとペースが落ちてしまうので、欲を出さずにコツコツアウトプットしてみようと思います。 (↓ 燃え尽きる原因となった記事) サービスのリテンションレートを考えたり、コンテンツ更新をする人の気持ちに立った時に、このあたりで一度谷があるんだな、ということを学べて良かった。 痩せ続けるロングテール。スキとフォローしてくださる方がいる限り頑張ろうと思います!

                          スキ
                          5
                          • 2019 Design Tools Survey 翻訳 (後編)

                            前回書いた前編に続き、2019 Design Tools Survey の翻訳の後編です!  07. Handoff Tools (実装引き渡しツール) Handoff Tools とは、デザイナーからエンジニアへ実装のためにデザインを引き渡すツールのことを言います。 Key Insights 翻訳 1. Handoff Toolsを使わない人が18%から12%に減りました。 2. 他のカテゴリから予期できる通り、Figma の利用率が13%から27%に増えました。 3

                            スキ
                            6
                            • note 5週間経過

                              5週間経った平日note更新生活。 先週は1つの記事がとてもたくさん読んで頂けた! 週のビュー数はこちら。ロングテールがどんどん痩せ細って行く・・ そして月のPVが1万超え!ビュー数の偏りを見ての通り、noteのプラットフォーム上でなければ実現できなかったであろう。 嬉しい。 フォロワーもまだ増えている。ありがとうございます! 実は昨日の更新をさぼっているのだけれど、祝日前だったのでどこかで穴埋めしたい。

                              スキ
                              1
                              • 2019 Design Tools Survey 翻訳 (前編)

                                最近ツールのことが気になってしょうがないので情報収集していた流れで、こちらのレポートを翻訳して掲載します! グラフ (そのまま掲載) と引用の書式 (灰色囲み) 部分には、訳者のバイアスが入らないように気をつけています。 01. Demographics (構成) Design Tools Surveyとは Design Tools Surveyは毎年、クリエイター・企業・教育の場でそれぞれのニーズに最適なツールを考えるために行われている調査で、3000人以上のデザイナー

                                スキ
                                39
                                • Pixel 4のMotion Sense解禁。Pixelは着々と進化を重ねていた

                                  Pixel 3 XL を使って以来、思い切ってAndroidをメインにして生活しています。昨年発売したPixel 4 XLも買ったものの、顔認証より指紋に愛着があって、結局3を使っていたりしたんだけれど、最近は新しさを優先して4を使っています。 そして、昨日ついに日本でもMotion Senseが日本でも利用できるようになりました! サイレントアップデートなのでニュースフィードで解禁を知った時には使えるようになっていて、「どこから有効化するんだっけ...」と思ったら設定ア

                                  スキ
                                  2
                                  • Mac CatalinaのChromeでヒラギノ角ゴシックProが表示されない問題 (解決済み)。や、その他不思議な挙動たち

                                    Mac OS CatalinaのChromeで、「見慣れたサイトのフォントがヒラギノではなく、メイリオやヒラギノ以外のフォントになっている」という問題が起きていました。 この件に関して、「Mac OSでヒラギノ角ゴシック Pro (Hiragino Kaku Gothic Pro)」と「Mac OSでヒラギノ角ゴシック ProN (Hiragino Kaku Gothic ProN)」が、OSに標準インストールされなくなり、代わりに「ヒラギノ角ゴシック (Hiragino

                                    スキ
                                    16
                                    • Sketchデータの仕上げ。シンボル整理の心得

                                      プロジェクトのフェーズがデザイン〜実装に移り変わるにあたって、そろそろデザインの大きな変更も落ち着いてきたので、シンボル名を掃除しよう、となった。 その時の手順。 Pageを分けるこんな感じで。 ・Design ... デザインのアートボードのあるPage ・Components ... デザインのパーツ (BEMで言うとBlock以下) 全部 ・Assets ... ロゴデータとかを置いておく場所 ↓ こちらの記事にも様々なケースがまとめられていて、勉強になります!

                                      スキ
                                      5
                                      • note 4週間経過

                                        noteを平日に欠かさず更新をするようになって、4週間経過。 1月最終日に更新できなかったけど、記事が19本になった! だんだんビュー数が落ちてきたけど、たくさん書くとその分人が集まりやすくなる、ということを体感。 フォロワー数は右肩上がり! 昨晩まとめて頂いたのでまたビュー数が増えるかも。

                                        スキ
                                        1
                                        • 品川コンビニ無人レジ探訪

                                          品川駅港南口周辺で、スマホレジ&無人レジを触ってきました! ローソンスマホレジ最初に行ったのは、ローソン 品川インターシティ店。 その他の体験できる店舗リストとサービス概要はこちら ↓ 代々木八幡にないので全く知らなかった・・ 起動まずはAppStoreからローソンアプリを入れて、登録! タブバーの右下から「スマホレジ」を起動して、「お買い物する」を選択。 入店近くのお店を探してくれます。店頭にあるQRコードからも入店可能。 スキャン「入店して商品をスキャンする」を押

                                          スキ
                                          15