はじめに みなさんは、Figmaのウィジェットを作ろうとしたことがありますか？ 私は、デザインテクノロジストとして、デザイナーの業務効率化をしようとFigmaのウィジェットの作り方を調べていたら、JavaScriptか、TypeScriptが触れれば、意外と簡単に開発することができるのだとわかりました。 そのため、この記事では、Figmaウィジェットの作りの第一歩である、セットアップの方法についてまとめます。 この記事では、以下の公式ドキュメント通りに、できるだけわかりやすく、初心者でもわかりやすくまとめようと思っています。 この記事を読みながら、詰まったところがあれば、コメントで教えていただけたら、記事を更新していきたいと思っているので、ぜひコメントもお願いします。 事前準備 Figmaのプラグインを作るにあたって、まずは、事前準備です！ 事前準備で用意するのは以下の通りです。 ① Fi
チュートリアル: Yjs, valtio, React で実現する共同編集アプリケーション - ROUTE06 Tech Blog
リリース以来数多くのアップデートが行われ、多機能になっていくFigma。今回はそんなFigmaの基本機能を使用した、簡単なデザイン作成やあしらいづくりに活かせる表現TIPSを紹介します。 テキストの表現 マスク機能やエフェクト、そしてレイヤーのブレンドモードを使用したテキストの表現をいくつか紹介します。 TIPS：画像をテキストでマスクする マスク機能を使用して、画像をテキストの形に切り抜きます。 以下の手順で切り抜きます。 画像とテキストレイヤーを用意 画像が前面になるようにして、画像とテキストレイヤーを重ねる 両方のレイヤーを選択状態にして、右クリックメニューから［マスクとして使用］を選択（ショートカットキーは、Mac：control + command + M、Windows：Ctrl + Alt + M） マスクした後も、テキストレイヤーは編集可能です。 さらに画像をレイヤーブラー
I’m happy to announce that the PDF of Haskell, The Craft of Functional Programming (3rd edition) is available to view and download for free. Later in the year I’ll revise it and make it available as an online text. But for now, here it is, uncorrected: https://simonjohnthompson.github.io/craft3e/craft3e.pdf
GitHub - first-contributions-ja/first-contributions-ja.github.io: 🔰オープンソースプロジェクトに貢献をするための日本語のチュートリアル😎
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
はじめに先日、初心者でも簡単に参加できる GitHub チュートリアル 『First Contributions JA』を共同開発しました！ 振り返りも兼ねて、プロジェクトの背景や使用技術について、紹介していきます。 ▼ GitHub のリンク： なぜ First Contributions JA を構築したのか？さて、First Contributions JA には、次のような特徴があります： - React/ Next.js で構築されたWebサイト - 初心者向けのGitHubチュートリアル - オープンソースのプロジェクト 上記を踏まえて、プロジェクトの経緯は、主に２つあります。 （技術スタックは、後で詳しく説明します） 1. JavaScript/ React 学習コミュニティで、共同開発を提案した！以前、 「JavaScript/ React を学習するコミュニティを、期間限
Flutter+Firebaseアプリテンプレートの導入方法(hukusuke1007/flutter_app_template) - Qiita
Flutter+Firebaseアプリテンプレートの導入方法(hukusuke1007/flutter_app_template)Firebaseアプリ開発Flutter はじめに Flutter のプロジェクトベースのテンプレートを選定していて、hukusuke1007 / flutter_app_template がとても良さそうだったため、導入方法（git clone から flutter run まで）を確認してまとめます。 選定理由 選定した理由は以下です。 README が丁寧に書かれていて、テンプレートの導入方法がわかりやすい 使い方や設計思想、参考文献のドキュメントがあり、勉強になる hukusuke1007 / flutter_app_template について リポジトリには参考文献として以下の記事リンクが貼ってあり、ディレクトリには FeatureFirst と La
C-BA memo
今回は、左右に動くCubeオブジェクトを作り、それをクリックで一時停止し、再度クリックで再開させる方法を紹介します。Unityを初めて触る方でもわかりやすく説明するので、一緒にやってみましょう！ 1. Unityプロジェクトの準備 ...
GitHub - karpathy/LLM101n: LLM101n: Let's build a Storyteller
What I cannot create, I do not understand. -Richard Feynman In this course we will build a Storyteller AI Large Language Model (LLM). Hand in hand, you'll be able create, refine and illustrate little stories with the AI. We are going to build everything end-to-end from basics to a functioning web app similar to ChatGPT, from scratch in Python, C and CUDA, and with minimal computer science prerequi
AWS Summit Japan 2024 Expo ( https://aws.amazon.com/jp/summits/japan/expo/ )での発表資料です。 本資料は、Amazon Web Servicesのテクニカルレビューを経ていますが、発表者独自の観点および分類により作成してい…
この内容を登録するボタンを連打するな
この内容を登録するボタンを連打するな
簡単に作れて周りがあっと驚くフォトショップのデザインテクニック、作り方をまとめてご紹介します。 最近公開したテクニックを中心に、「フォトショップの使い方を実践的に学びたい」というひとにおすすめしたい機能や操作テクニックなど盛りだくさん。 手順通り進めることで誰でもプロの技を学ぶことができます。 このデザインテクニックはこんな人におすすめ！ よく見かけるあのビジュアルの作り方を知りたい あまり時間をかけずにデザイン編集や加工をしたい フォトショップを何から始めたら良いか分からない 手持ちの写真を魅力的に仕上げたい フォトショップでできるデザインテクニック集 写真になにか追加、合成したいときは「レイヤーを自動合成」機能が便利ですhttps://t.co/q3pacxiOBu#Photoshop pic.twitter.com/yUQvCibgNl — Photoshop VIP (@photo
2024年版「基本的なウェブアプリケーションを構築する」のチュートリアル手順まとめてみた[Amplify Gen2対応] | DevelopersIO
初めてAWSのサーバレスサービスを学習するときに利用できる「基本的なェブアプリケーションを構築する」の内容を2024年現在でも実行できる手順にしてみました こんにちは、臼田です。 みなさん、AWSのチュートリアル活用してますか？(挨拶 今回はAWSの初心者向けハンズオンコンテンツである基本的なウェブアプリケーションを構築するを2024年の現在版の手順としてまとめてみました。 このコンテンツはAWSのサーバレスなサービスを利用して、簡単にウェブアプリケーションを作成する体験ができるチュートリアルとなっており、登場するAWSの各サービスを理解するのにちょうどよい内容でした。しかし、リリースされてしばらく経っているのもあり、特に今回のAmplify Gen2リリースもあってだいぶ画面や操作方法などが変わってしまいました。 実現できる事自体は変わらないので、現時点でこのチュートリアルを初心者でも完
![2024年版「基本的なウェブアプリケーションを構築する」のチュートリアル手順まとめてみた[Amplify Gen2対応] | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/89d69da1ff63f03a6134b1ba08325495afbaf56e/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2024%2F06%2F000_basic_web_app.png)
はじめようpurrr - Qiita
エンジニアのための十徳ナイフ「DevToys」がバージョン２になってクロスプラットフォームやCLI対応しさらに便利すぎる - Qiita
はじめに 以前紹介させていただき、2022年Qiitaのいいねランキング18位、ストックランキング20位を記録したこちらの記事の続編です！ DevToysはリリース後しばらく定期的なバージョンアップが続けられていましたが、去年の7月からぱったりとアップデートが止まっている状態でした。 リポジトリや作者のXを見るとバージョン２の開発を行っているようで、今か今かと待ち続けていましたが数日前リリース予告のポストを見つけて、今日ついにプレリリースされました！ ということで早速紹介していきます！ DevToysとは DevToysは「開発者のためのスイスアーミーナイフ」の紹介文の通り、開発時によく使うツールを十徳ナイフのようにまとめたアプリとなっています。 JSONの整形とかエンコードデコードetc... プログラミングや保守運用の調査でやりがちな作業をいちいち変換サイトを探したり、エディター拡張機
Abletonのシンセ入門サイト、音も出せるしわかりやすすぎる2024.06.02 21:0017,553 ヤマダユウス型 ｢シンセサイザー、名前も見た目もかっこいいけど複雑そう｣ そう感じたことがある人にぜひ知ってもらいたい、シンセ知見の塊みたいなサイトを見つけました。コチラです。 このサイト、音楽制作ソフトやハードウェアを手掛けるAbletonが作ってるみたいで、なんと実際に演奏ができるんです。しかもスマホでアクセスすると、タッチで演奏もできてしまう！ シンセサイザーの仕組みをサウンドと一緒に解説実際にサイトを訪れてみると、テキストと共に操作できるスペースが用意されています。たとえば上の画像だとドラッグできる下画面をクリックすると、ビヨンビヨンとシンセらしい音が出ます。 こういったシンセらしい音はどんな仕組みで動くのか、どんな要素で構成されているのか。音と一緒に理屈でも解説していきます
同年度のMLOps研修資料はこちらです。 (1/4) CyberAgent AI事業本部2024年度MLOps研修Container編: https://speakerdeck.com/szma5a/container-for-mlops (2/4) CyberAgent AI事業本部2024年度MLOps研修基礎編: https://speakerdeck.com/nsakki55/mlops-basic (3/4) CyberAgent AI事業本部2024年度MLOps研修応用編: https://speakerdeck.com/tyaba/mlops-handson (4/4) CyberAgent AI事業本部2024年度MLOps研修実践編: https://speakerdeck.com/hosimesi11/mlops-practice
カゲノデスク | ゼロから作るデスク環境構築ブログ
FLEXISPOT×Rakutenセール おすすめ電動昇降デスク 120cm天板セット格安モデル →E150｜30％OFF＋1,000円OFFクーポン 脚フレームだけ購入できる最安モデル →EF1｜ポイント22倍位上＋2,000円OFFクーポン 高身長向けミドルエンドモデル →EJ2｜ポイント22倍以上＋2,000円OFFクーポン 身長180cm以上におすすめ↑ 身長195cm以下の万人向け↓ 元祖ハイエンドモデル →E7｜30％OFF＋2,000円OFFクーポン コの字型2脚最強ハイエンド →E7H｜15％OFF＋2,000円OFFクーポン 静音モーター搭載のハイエンド →E8｜20％OFF＋2,000円OFFクーポン セール期間｜6月11日 1：59まで!! 当サイトのE150・E7・E8レビューをみる
ということで、今回はこの「変形」について書いていきます。 本当にお世辞抜きで僕の中では最強の機能です。 今までアニメーションで苦労して作っていた動きが簡単にできたり、動画編集ソフトで作ったんですか！？というような資料も作れる。。。 僕、さとしんはこの機能にドはまりしております…。 たくさんの人にこの機能の魅力を知って欲しいので、徹底的に解説していきます！！！
大規模言語モデルの開発
2024年度 人工知能学会全国大会（第38回）チュートリアル講演１ 本講演では、大規模言語モデルの開発に必要な基礎および最新動向を概観する。その後、東京工業大学情報理工学院の岡崎研究室と横田研究室、産業技術総合研究所の研究チームで開発された大規模言語モデルSwallowの開発経験を踏まえ、学習データの構築、モデルの学習や評価などを説明し、日本語に強い大規模言語モデルの現状や課題を議論したい。
Skybox AIで生成した360°画像をUnityで取り込んで非パノラマ画像として出力する - Qiita
モチベーション 私はゲームは作っていないのですが、趣味でイラストやアニメーション制作をしています。 とくにアニメでは同じ場所の、いろんな角度の画像が欲しくなるのですがこれを一枚ずつ描いていくと途方もないです。 というわけでできるだけ手を抜ける方法を探してこの記事の内容に至りました。 目標 BlocadeLabsのSkybox AIで生成した360°画像を非パノラマ画像として出力する。 こんな感じの360°画像を こんな感じで出力したいてなわけです。 360°画像の生成 これはこの記事の主旨から外れるので詳しくは紹介しませんが、こんな感じでテキスト・アウトライン・テクスチャなどを入力すると360°画像を生成してくれます。 DOWNLOADボタンをクリックしてjpg画像をダウンロードしましょう (利用規約に則った利用をしましょう) Unityで取り込む 1. 空のプロジェクトを作成 Unity
【Unity】ShaderGraphで使用できる半透明オブジェクト含む背景テクスチャ_CameraTransparentTextureを作成、表示できるパスを追加する - 武0武/blog
はじめに 前回 bravememo.hatenablog.com 前回は_CameraOpaqueTextureに半透明オブジェクトを表示して背景を歪ませましたが、それだと既存の_CameraOpaqueTextureが使用できなくなります。 なので今回はURPでShaderGraphで使用できる背景テクスチャCameraTransparentTexture(半透明オブジェクト含む)を表示できるパスを追加して、CameraOpaqueTexture(不透明のみ)と_CameraTransparentTexture(不透明と半透明)で使い分けできるようにしていきます 環境は Unity 2020.3.25f1 Universal Render Pipeline(テンプレートのプロジェクトです) 前準備 _CameraTransparentTextureが半透明を描画できるのを確認できるように
Welcome Welcome to "100 Exercises To Learn Rust"! This course will teach you Rust's core concepts, one exercise at a time. You'll learn about Rust's syntax, its type system, its standard library, and its ecosystem. We don't assume any prior knowledge of Rust, but we assume you know at least another programming language. We also don't assume any prior knowledge of systems programming or memory mana
Unix 哲学的に考えれば、行を並び替える sort コマンドと重複行を取り除く uniq コマンドは別のコマンドであるべきなように思えます。しかし sort コマンドには -u オプションとして uniq コマンドに相当する機能が組み込まれています。なぜそうなっている（そうなってしまった）のかを「ソフトウェア作法（さくほう）」を参照しながらこの記事で明らかにしたいと思います。 関連記事 Unix哲学「一つのことをうまくやる」は単機能のコマンドを作ることではない 「誰」がuniq機能をsortコマンドに組み込んだ！？ 熱烈的な Unix 哲学の信者は「どうせ Unix 哲学を理解しない GNU が便利だと思ってオプションを追加したのだろう」と考えるかもしれません。しかし uniq 機能が組み込まれたのは Version 7 Unix、つまり Unix の開発者が組み込んだのです。これは 1
こんにちは。ゲームの情報をお届けするWebメディア「GameWith」編集部のぐっちと申します。 今回は、Nintendo Switchソフト『スプラトゥーン3』をまだ遊んだことがない方や、しばらく遊んでいない方、遊んでいるけれどいつもと違った遊び方をしてみたい方に向けて、オンラインプレイの楽しみ方についてご紹介します。 なお「ブキ選び」については1記事目、「ギア選び」については2記事目でご紹介していますので、そちらもぜひご覧ください。 ※記載している内容は、2024年4月1日時点の情報です（「フェスマッチ」の画像を除く）。更新データの配信によるゲーム内容の調整・修正などで変わる場合があるため、ご注意ください。 ※オンラインプレイで遊ぶにはNintendo Switch向けの有料サービス「Nintendo Switch Online」への加入が必要です。「Nintendo Switch O
もう限界。Windows 11にやめてほしいこと8つ
もう限界。Windows 11にやめてほしいこと8つ2024.05.14 21:00410,088 Kyle Barr - Gizmodo US ［原文］ （ 福田ミホ ） Windowsってこんなにうっとうしかったっけ…。 Windows 11のリリースから2年以上経ち、来年にはWindows 10のサポート終了が迫ってるんですが、なかなか移行が進んでないと言われます。Windows 11のどのへんが問題なのか…米GizmodoのKyle Barr記者がまとめてくれました。 これ、多くのWindowsユーザーが経験したんじゃないでしょうか。新しいPCを買ってワクワクしながら立ち上げたんだけど、そうだ、これWindows 11だった…という気の重さ。いろんなありがたい機能と同じくらい、要らない機能も満載の、Windows 11だったっけ…と。 僕は最近iBuyPowerのScale PCを
中級Git操作
今回の記事の内容はGitHub共同創業者のScott Chacon氏の「Pro Git」と同氏の今年の「So You Think You Know Git」（Gitがわかっているとでも思っているか？）発表をベースにしている。 コンフィグ ここでコンフィグにてデフォルトとして指定して損がないオプションをいくつか紹介します。 git rerere git rerereは"reuse recorded resolution"（記録ずみ解決方法を再利用）の略語になっている。 名の通りマージコンフリクトがどう解消されたかを記録し、次に同じようなコンフリクトが発生した際、同様の解決方法を自動的に適用するためのコマンドです。 また、基本的にデフォルトにしてもときに差し支えないため、ぜひgit config --global rerere.enabled trueを実行してみてください。 git main
寺田 学（@terapyon）です。2024年4月の「Python Monthly Topics」は、Python Web UIフレームワークの1つであるStreamlitを使ってWindowsやmacOSのデスクトップアプリを作る方法を解説します。 目的・モチベーション Pythonで自動化のスクリプトを作ったり、JupyterLabやColaboratoryでデータの可視化を行うことがあります。これらを作成者以外の多くの方に利用してもらう方法として、Webシステムやデスクトップアプリとして提供する方法が考えられます。 Webシステムの構築やデスクトップアプリの作成となると、技術的なハードルがあります。他には、時間的なコストに見合わないという状況もあり得ます。 Python Web UIフレームワークを使うことで、比較的少ないコードでWeb UIからスクリプトの実行や可視化をするアプリ
この記事では、現在のバージョンの実行を続けながら、Azure Kubernetes Service (AKS) クラスターの新しいバージョンをテストするブルーグリーン デプロイ戦略の実装に関するガイダンスを提供します。 新しいバージョンが検証されると、ルーティング変更によってユーザー トラフィックが切り替わります。 この方法でデプロイすると、AKS クラスターへのアップグレードを含む変更を行うときの可用性が向上します。 この記事では、Azure マネージド サービスとネイティブ Kubernetes 機能を使用する AKS のブルーグリーン デプロイの設計と実装について説明します。 アーキテクチャ このセクションでは、AKS クラスターのブルーグリーン デプロイのアーキテクチャについて説明します。 次の 2 つのケースがあります。 アプリケーションと API は一般向けです。 アプリケーシ
はじめに みなさんは、Figmaのプラグインを作ろうとしたことがありますか？ 私は、デザインテクノロジストとして、デザイナーの業務効率化をしようとFigmaのプラグインの作り方を調べていたら、JavaScriptか、TypeScriptが触れれば、意外と簡単に開発することができるのだとわかりました。 そのため、この記事では、Figmaプラグインの作りの第一歩である、セットアップの方法についてまとめます。 この記事では、以下の公式ドキュメント通りに、できるだけわかりやすく、初心者でもわかりやすくまとめようと思っています。 この記事を読みながら、詰まったところがあれば、コメントで教えていただけたら、記事を更新していきたいと思っているので、ぜひコメントもお願いします。 事前準備 Figmaのプラグインを作るにあたって、まずは、事前準備です！ 事前準備で用意するのは以下の通りです。 ① Figma
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Figma Widget】はじめてのFigmaのウィジェット作り（セットアップ） - Qiita
Figmaの基本機能で簡単につくる、テキスト&あしらい表現TIPS - ICS MEDIA
素人が和室の砂壁（繊維壁）剥がして塗り替えてみた｜百万 友輝
Haskell: The Craft of Functional Programming (PDF)
「GitHub難しい!!」を30分で解決するサイトを共同開発しました🚀｜kazzyfrog
MATLABで微分方程式を解いてみよう。 - Qiita
20分で分かるIAM全機能 /20240621-aws-summit-iam
これがフォトショップだ。みるみる力がつくデザインテクニックまとめ
え？！ これ手塗りじゃないの？！ David Lettier氏がBlenderで構築したアナログ風シェーディングが話題
Abletonのシンセ入門サイト、音も出せるしわかりやすすぎる
ZINEやリトルプレスを探す・作るためのリンク集 - 世界のねじを巻くブログ
Windows 11 では 7z をコマンドラインでも圧縮・解凍できるようになっていた - Qiita
CyberAgent AI事業本部2024年度MLOps研修基礎編 / MLOps Basic
【超おすすめ】パワーポイントの画面切り替え「変形」使い方を徹底解説 | SoccerNote+
【西川和久の不定期コラム】 初心者も簡単！ついにPCで104BのLLMも動かせるようになった！そして巷を騒がせるマルチモーダルも試した
実録：AIで描く漫画の実際 ～AIで今風の手描きっぽい漫画を作ってみる (1/6)
Welcome - 100 Exercises To Learn Rust
【2024年版】WSL2+Ubuntu24.04+Docker＋GPUでつくる機械学習環境
なぜsortコマンドはuniq機能を含んでいるのか？（Unix哲学はどこ行った！？） - Qiita
イチからはじめる『スプラトゥーン3』。オンラインプレイの楽しみ方編。 | トピックス | Nintendo
ひとり社長の経理の基本｜Tetsuya Morimoto
ローカルで GitHub Actions が実行できる act のお作法を整理する
Python Web UIフレームワークで作るデスクトップアプリ | gihyo.jp
AKS クラスターのブルーグリーンデプロイ - Azure Architecture Center
【Figma Plugins】はじめてのFigmaのプラグイン作り（セットアップ） - Qiita