ことのはじまり 私は最近Google Apps Script(GAS)の学習を始めました。 GASの学習を始めると、まずはAppsScript公式のIDEでスクリプトを書いていくことになると思います。 しかし、普段VSCodeを使い慣れている身からすると、VSCodeの便利機能が使いたくて仕方なくなります。 それじゃあ、使い慣れたVSCodeを使おうじゃないか！！ AppsScript公式のIDEだとGitに差分を残していくこともできないぞ！！（できます） というわけで、GASをVSCodeを使って開発する為の環境構築の手順を書いていきたいと思います。 前提条件 VSCodeがインストールされている Node.jsがインストールされている (npm が使える) VSCode, Nodeのインストールに関して、この記事では説明しません。 有名なので、検索すれば多くの記事がたくさんわんさか出て

はじめに 最近のCSSのアップデートは目覚ましいものがありますが、 みなさんは、CSSの値と単位がここ1年くらいで大きく変わっていることはご存知ですか？ Dynamic viewport が追加されたり、math 関数が追加されたりなどの大きな変更は、ご存知かもしれないですが、calc()で ネイピア数 e や 円周率 πなどが使えるようになったり、 フォントに相対的な長さ単位が追加されていたりと細かい変更も多くあります。 そのため、この記事では、CSS Values and Units Module Level 3 から CSS Values and Units Module Level 4の変更点を中心に紹介しようと思います。 Viewport単位 CSS Values and Units Module Level 3 から CSS Values and Units Module Le

デスクトップアプリケーションのUIパターン - ウインドウ編（公開版） macOSらしいウインドウをデザインするために役立つ基本パターンを紹介します。 macOS native Symposium #09 https://macos-native.github.io https://macos-native.connpass.com/event/286455/

ショコラティエ/パティシエ/江口和明 @チョコレート情報を発信します@ショコラティエ　@デリーモ @EguchiKazuaki 遂に完成したのでレシピを紹介します 自分史上最高の<スフレチーズケーキ> フワッシュワっ！焼き立てぷるぷる とにかく混ぜまくって 熱いお湯で湯煎焼きをする それさえ守ればおウチで作る 完璧なスフレチーズケーキが出来ます 私のチーズケーキ完結編です レシピは画像で貼っておきます ↓↓ pic.twitter.com/VVuyNUO0Nm 2023-06-28 20:00:08 ショコラティエ/パティシエ/江口和明 @チョコレート情報を発信します@ショコラティエ　@デリーモ @EguchiKazuaki 細かい数字は気にしない 卵のサイズも気にしない 混ぜすぎも気にしない 湯煎焼きで焼いて欲しい それさえ守ればフワッフワッに焼けます 詳しい作り方は動画にまとめました

世界的にシーシャ（水タバコ）が特に若い世代を中心に広がっているようだ。日本でも都市部の繁華街などでシーシャの喫煙可能店が増え始めているが、このシーシャ、健康への害はないのだろうか。 シーシャって何？ シーシャというのは、イスラム圏やインドなどで行われてきたタバコの喫煙法の一つだ。水タバコというように、水に通したタバコ煙を吸い込んで喫煙する。 一般的なシーシャの喫煙具は、タバコの葉が置かれる火皿、ホース、水を入れた容器、ホースにつながれたマウスピース（吸い口）で構成されている。アルミホイルなどの上に置かれた葉タバコは、火皿の木炭などによって加熱される。加熱された葉タバコの煙を喫煙者が吸い込むことで容器の水の中へタバコ煙が導かれ、水で冷却されたタバコ煙を喫煙者がさらに吸い込む。 シーシャは、フルーツやメンソールなど多様なフレーバーが用意されていることもあるが、若い世代が集まるクラブやカフェなど

「地方自治体、府省庁、民間企業が誰でも利用できる素材を配布することで、別々の機関が同じものを制作したり、検討する時間を省く」（デジタル庁）という。アイコンなどを共通化し、ユーザーが一目で理解しやすいデザインを広げることにもつなげる。今後は実際に利用する自治体や企業の声を踏まえ、順次素材数を増やす。 関連記事 デジタル庁、Web・アプリデザインの指針まとめた「デザインシステム」公開　地方自治体の活用も見込む Webサイトやアプリの開発時、一貫したデザインにできるようドキュメントやデータをまとめた「デザインシステム」をデジタル庁が公開した。「デザインシステムに関わる活動をオープンにし、デザインシステムの認知向上や改善につなげる」という。 デジタル庁のWebサイトは阿部寛HPより「やばい」と話題に　河野大臣も「読んでね」 エンジニアの知識共有サービス「Qiita」に6月11日に投稿された「デジタ

こんにちは、ふじけん(@kenshir0f)です。 Figma Config 2023 で Developer Mode (Dev Mode) が追加され、エンジニアなど実装を担当する人目線でのデザインの確認がより便利になりました。 この Dev Mode はいったい何が便利なのか、どうやって既存のファイルで活用するのかを紹介したいと思います。 公式のチュートリアルはこちら↓ Dev Mode とは？Dev Mode はデザインデータを実装担当者が見るときのモードです。 エンジニアが Figma にあるデザインを実装する時に、デザインに関する情報をすぐに参照したり、UIに関連するコードを確認したりすることができます。 具体的なメリットは以下の通りです。 開発に必要なデザイン・画面だけを素早く参照できる デザインに関連するリンク(GitHub や Storybook, Notion など)を

» 東京国立博物館「古代メキシコ展」がガチだ！ 全てを放り出して見に行け!! / もう鶯谷は終わった 特集 2023年6月16日から9月3日まで、東京国立博物館 平成館にて開催される特別展「古代メキシコ マヤ、アステカ、テオティワカン」（以下 古代メキシコ展）。 マヤ文明、アステカ文明、テオティワカン文明にフォーカスしたもので、約140点の出土品が展示されるというもの。 そのメディア向け内覧会がひと足先に実施された。これはヤバい気がすると思って私も参加したところ、想像を超えたヤバさであることが発覚！ これはとんでもない展示ですよ皆さん。仕事とか辞めて見に行った方が良い。 ・メソアメリカ トップの写真は平成館に入ってすぐの光景。展示はエスカレーターをのぼった先で行われている。現時点では、個人利用に限り会場内の全作品が撮影OK。驚愕の対応だと思う。 上白石萌音さん（ナビゲーター）と杉田智和さん

https://forest.f2ff.jp/introduction/7866?project_id=20230601

今回、アドビさんの「みんなの資料作成」という企画に参加させていただくことになりました。せっかくの機会ですので「コピーライター流のプレゼン資料作成のコツ」を書いていきます。 わたしはこれまでコピーライター（セールスライター）として広告やセールスレター、本の表紙などのコピーを書く仕事をしてきました。 直近の実績は以下の通り↓ ・会員数100万人スキルシェアサービス ストアカ１位 ・ストアカ受講者１万人以上 ・Kindle出版総合１位 ・音声配信Podcast １位 ・アメブロランキング１位（語学部門） ・note「ライターの仕事」定番１位（累計40万PV） また、わたしのプレゼンの成約率は最大69%です（93人の参加者のうち65人が商品購入）通常、成約率の平均が5%と言われている業界ですので、単純計算で13.8倍です。 まだ道半ばで、特に才能もなく凡人のわたしが、誰の影響力も借りずに、このよう

当ブログでもたくさんのSVGアイコンのライブラリを紹介してきましたが、それらのほとんどがひとまとめに閲覧・検索できる便利なサイトを紹介します。 複数のアイコンライブラリから探せるだけでなく、異なるライブラリのアイコンをまとめてアイコンフォントにもできます。矢印アイコンはMaterial Iconsで、ホームアイコンはBootstrapで、ということもできます。

その昔、ユニクロがブレイクした当時は「ユニクロ ＝ フリース」というイメージが私（サンジュン）にはあった。月日は流れ「ヒートテック」や「エアリズム」などの大ヒット商品を経て、今では「ユニクロなら洋服が何でも揃う」と誰もがお考えだろう。 一方で「あまりにも商品が多すぎて結局ヒートテックと靴下しか買ってない」という方も少なからずいらっしゃるハズ。そんな時はお店の人に聞いてみるのが1番！　店員さんが自腹で買うくらいオススメの商品を教えてもらう『店員さんの自腹レコメンド』の第9回は、みんな大好き「ユニクロ」が登場だ。 ・店員さんに聞いてみよう！ まずは本企画の概要を説明しておきたい。『店員さんの自腹レコメンド』はその店で働く店員さんに「自腹でも買うくらいオススメの商品」を教えてもらうガチ企画である。許可取り等はしていないため、店員さんのスキルにかかる比重はかなり大きい。 さて、今回はユニクロに足を

コーディネータ：羽田 正 ナビゲータ：後藤 春美 皆さんの多くは、高等学校で「世界史」を学習したはずです。大学入試の科目として「世界史」を選択した人も多いでしょう。ですから、ちょうど数学の定理や物理の法則のように、高校生が世界中で同じ世界史を学んでいるのだと信じているのではないでしょうか。しかし、実はそうではありません。 世界史という名前の科目は、日本や中国など東アジア諸国に特徴的にみられ、欧米や中東などでは単に「歴史」と呼ばれる科目しかありません。また、大筋は同じだとしても、国によって、教科書の内容は微妙に異なっています。世界史は、決して一つではないのです。なぜでしょう。 世界史の理解は、自分たちの生きる世界をどう認識するかということ、すなわち世界観と深くかかわっているからです。現代世界でも、人々の世界観は同じではありません。まして、過去においては、地域や時代によって様々な世界観があり、

https://twitter.com/AiBreakfast/status/1659601613739409409 「DragGAN」のデモ動画を視聴した人たちからは驚きの声が多くあがっているようです。 ・AIって結局進化したPhotoshopってことでいいんだよね ・写真を何百枚も撮る必要がなくなる ・すごいツールが出てきたもんだ ・これはヤバい ・アドビがこの技術を買い取るだろうな ・真実を捻じ曲げる新たな技術 ・完成まで1年もかからないだろう ・すべて人工的で表面的 ・このツールがPhotoshopもデートアプリも破壊する ・これってマジネタ？ ・いろんな意味ですごい可能性を感じるツールだ ※画像：Twitterより引用 https://twitter.com/_akhaliq/status/1659424744490377217 ※ソース： https://arxiv.org/p

技術広報のしゅーぞー(shuzon__)です。 今日は「文章を書くことはプログラミングに似ている」という話をします。 参考書籍はこちら。論理が伝わる世界標準の「書く技術」 @soudai1025からのリクエストで社内ブログを一部編纂し公開しています。 文章を書くことはプログラミングに似ている。 文章を書くことはプログラミングに似ている。 なぜならば、抽象化すると、一連のトピックに対する意味のあつまりを区切り、扱う行為だからだ。 意味ごとに構造化する行為と思えば非常に似ている。 パラグラフ・ライティングは関数に似ている ここでパラグラフ・ライティング を紹介しよう。 パラグラフの構造 パラグラフ・ライティングは関数に似ている。 パラグラフ・ライティングは段落の先頭に「その段落が持つトピックの結論」を書く。 その後、前述の事実を用いた補足とロジックが続きトピックを補足する。 段落の最後に、議論

2023年2月7日 JavaScript 新しいMacbook Proが発売され、特設ページが公開されています。そのページの中で私の目に止まったのは、Macbook Proのスペックではなく、スクロールに合わせて動くグラデーションカラーのテキストでした。今回はこれをJavaScriptの Intersection Observer を使って実装した例を紹介します。 ↑私が10年以上利用している会計ソフト！ この記事は動画でも紹介しています。動画派の方はこちらを御覧ください！ このテキストを実装したい！ Macbook Proの紹介ページにあるグラデーションカラーのテキストです。スクロールするとグラデーションの位置も変わるのがわかりますね！ Intersection Observerとは？ 従来、スクロールに合わせて要素を操るには scroll というイベントを利用していました。ただ、それだ

WebサイトやスマホアプリのUIデザインをはじめ、プレゼンなどのさまざまな成果物に使用できるSVGアイコンのセットを紹介します。 アイコンのスタイルも豊富で、ソリッド・ベタ塗り・デュオトーンなども揃っており、さまざまなデザインに適用できると思います。 Phosphor Icons Phosphor Icons -GitHub Phosphor Iconsの特徴 Phosphor Iconsのアイコンのダウンロード Phosphor Iconsのアイコン Phosphor Iconsの特徴 Phosphor Iconsは、WebサイトやスマホアプリのUIデザインをはじめ、プレゼンテーションやダイアグラムなどさまざまな成果物に使用できるフレシキブルなアイコンのセットです。 7，000種類以上のSVGアイコンが揃っています。 6つのスタイル（Thin, Light, Regular, Bold,

ビジネスリサーチラボ主催のセミナーより、曖昧な状況に対してどの程度寛容であるかを表す「曖昧さ耐性」をテーマに、ビジネスリサーチラボ 代表取締役の伊達洋駆氏、コンサルティングフェローの神谷俊氏が登壇した回の模様をお届けします。本記事では神谷氏より、「曖昧さ耐性が高い人」の育て方について語られました。 “曖昧さ耐性”が高い人は、何を見ているのか？ 伊達洋駆氏（以下、伊達）：では、神谷さんにバトンタッチしたいと思います。よろしくお願いします。 神谷俊氏（以下、神谷）：伊達さん、ありがとうございました。みなさん、こんにちは。株式会社エスノグラファーの神谷俊と申します。後半パートは、今から20分間ぐらいお時間をいただいて、私からレクチャーをさせていただきます。 先ほどもあったように（質問を）すでにいくつかいただいてますが、私のパートでも聞いてみたいことなどあれば、よろしくお願いします。 さて、私のパ