チュートリアルの検索結果1 - 17 件 / 17件

• あとで読む

  【Figma Widget】はじめてのFigmaのウィジェット作り（セットアップ） - Qiita

  • 1 user
  • qiita.com/degudegu2510
  • 暮らし
  • 2024/07/05

  はじめに みなさんは、Figmaのウィジェットを作ろうとしたことがありますか？ 私は、デザインテクノロジストとして、デザイナーの業務効率化をしようとFigmaのウィジェットの作り方を調べていたら、JavaScriptか、TypeScriptが触れれば、意外と簡単に開発することができるのだとわかりました。 そのため、この記事では、Figmaウィジェットの作りの第一歩である、セットアップの方法についてまとめます。 この記事では、以下の公式ドキュメント通りに、できるだけわかりやすく、初心者でもわかりやすくまとめようと思っています。 この記事を読みながら、詰まったところがあれば、コメントで教えていただけたら、記事を更新していきたいと思っているので、ぜひコメントもお願いします。 事前準備 Figmaのプラグインを作るにあたって、まずは、事前準備です！ 事前準備で用意するのは以下の通りです。 ① Fi

  • plugin
  • tutorial

  
• あとで読む

  チュートリアル: Yjs, valtio, React で実現する共同編集アプリケーション - ROUTE06 Tech Blog

  • 147 users
  • tech.route06.co.jp
  • テクノロジー
  • 2024/07/03

  
  Yjsは、リアルタイム共同編集を実現するためのアルゴリズムとデータ構造を提供するフレームワークです。Notion や Figma のように、1つのコンテンツを複数人で同時に更新する体験を提供することができます。 Y.Map, Y.Array, Y.Text といった共有データ型を提供し、それらは JavaScript の Map や Array のように利用できます。さらにそのデータに対する変更は他のクライアントに自動的に配布・同期されます。 Yjs は Conflict-free Replicated Data Types (CRDT) と呼ばれるアルゴリズムの実装であり、複数人が同時にデータを操作してもコンフリクトが発生せず、最終的に全てのクライアントが同じ状態に到達するように設計されています。 クイックスタート Y.Map がクライアント間で自動的に同期されるコード例を見てみましょ
  

  • react
  • あとで読む
  • チュートリアル
  • プログラミング
  • tutorial
  • programming
  • JavaScript
  • yjs

  
• あとで読む

  Figmaの基本機能で簡単につくる、テキスト&あしらい表現TIPS - ICS MEDIA

  • 38 users
  • ics.media
  • 学び
  • 2024/07/02

  リリース以来数多くのアップデートが行われ、多機能になっていくFigma。今回はそんなFigmaの基本機能を使用した、簡単なデザイン作成やあしらいづくりに活かせる表現TIPSを紹介します。 テキストの表現 マスク機能やエフェクト、そしてレイヤーのブレンドモードを使用したテキストの表現をいくつか紹介します。 TIPS：画像をテキストでマスクする マスク機能を使用して、画像をテキストの形に切り抜きます。 以下の手順で切り抜きます。 画像とテキストレイヤーを用意 画像が前面になるようにして、画像とテキストレイヤーを重ねる 両方のレイヤーを選択状態にして、右クリックメニューから［マスクとして使用］を選択（ショートカットキーは、Mac：control + command + M、Windows：Ctrl + Alt + M） マスクした後も、テキストレイヤーは編集可能です。 さらに画像をレイヤーブラー

  • Figma
  • あとで読む
  • デザイン

  
• あとで読む

  素人が和室の砂壁（繊維壁）剥がして塗り替えてみた｜百万 友輝

  • 1 user
  • note.com/hyakumanga
  • 暮らし
  • 2024/06/30

  
  6畳和室の砂壁︵繊維壁︶を剥がして塗装するDIYをやってみました。 いつかどなたかの役に立つかもしれないので記録しておきます。 塗り替えに至った経緯まず、塗り替えることにした理由を少々。 この家はさいたま市からみなかみ町への移住に際し、空き家バンクの制度を通じてお借りした戸建の賃貸です。 ﹁好きにしていいよ﹂という大家さんの許可も得ております。 しかし私自身は﹁好きに改造やったるでー！！﹂みたいなDIY気質はあまりなく、住めるならあるがままで結構というタイプ。 ただ、ある部屋だけは初めて見た時から壁をなんとかしようと決意していました。 どよ〜ん…私の仕事部屋として1日の大半を過ごすことになるこの部屋だけ、壁がタバコで汚染されていたのです。 臭いはさほどしないものの、明らかに壁全体がヤニでくすんでおり、不潔で陰鬱な感じがします。 引っ越しの荷解きが落ち着いた頃を見計らい、複数のサイトを参考に
  

  
• あとで読む

  Haskell: The Craft of Functional Programming (PDF)

  • 27 users
  • discourse.haskell.org
  • テクノロジー
  • 2024/06/30

  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

  • Haskell
  • PDF
  • あとで読む
  • tutorial
  • programming
  • Book

  
• あとで読む

  GitHub - first-contributions-ja/first-contributions-ja.github.io: 🔰オープンソースプロジェクトに貢献をするための日本語のチュートリアル😎

  • 21 users
  • github.com/first-contributions-ja
  • テクノロジー
  • 2024/06/28

  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

  • OSS
  • github
  • development
  • tutorial
  • あとで読む

  
• あとで読む

  「GitHub難しい!!」を30分で解決するサイトを共同開発しました🚀｜kazzyfrog

  • 375 users
  • note.com/my_hack_note
  • テクノロジー
  • 2024/06/28

  はじめに先日、初心者でも簡単に参加できる GitHub チュートリアル 『First Contributions JA』を共同開発しました！ 振り返りも兼ねて、プロジェクトの背景や使用技術について、紹介していきます。 ▼ GitHub のリンク： なぜ First Contributions JA を構築したのか？さて、First Contributions JA には、次のような特徴があります： - React/ Next.js で構築されたWebサイト - 初心者向けのGitHubチュートリアル - オープンソースのプロジェクト 上記を踏まえて、プロジェクトの経緯は、主に２つあります。 （技術スタックは、後で詳しく説明します） 1. JavaScript/ React 学習コミュニティで、共同開発を提案した！以前、 「JavaScript/ React を学習するコミュニティを、期間限

  • github
  • あとで読む
  • 開発
  • チュートリアル
  • プログラミング
  • development
  • 初心者
  • 教育
  • react
  • js

  
• あとで読む

  Flutter+Firebaseアプリテンプレートの導入方法(hukusuke1007/flutter_app_template) - Qiita

  • 1 user
  • qiita.com/ryamate
  • テクノロジー
  • 2024/06/28

  Flutter+Firebaseアプリテンプレートの導入方法(hukusuke1007/flutter_app_template)Firebaseアプリ開発Flutter はじめに Flutter のプロジェクトベースのテンプレートを選定していて、hukusuke1007 / flutter_app_template がとても良さそうだったため、導入方法（git clone から flutter run まで）を確認してまとめます。 選定理由 選定した理由は以下です。 README が丁寧に書かれていて、テンプレートの導入方法がわかりやすい 使い方や設計思想、参考文献のドキュメントがあり、勉強になる hukusuke1007 / flutter_app_template について リポジトリには参考文献として以下の記事リンクが貼ってあり、ディレクトリには FeatureFirst と La

  • architecture
  • library
  • tutorial

  
• あとで読む

  C-BA memo

  • 1 user
  • cbagames.jp
  • テクノロジー
  • 2024/06/27

  今回は、左右に動くCubeオブジェクトを作り、それをクリックで一時停止し、再度クリックで再開させる方法を紹介します。Unityを初めて触る方でもわかりやすく説明するので、一緒にやってみましょう！ 1. Unityプロジェクトの準備 ...

  • unity
  • tutorial

  
• あとで読む

  MATLABで微分方程式を解いてみよう。 - Qiita

  • 1 user
  • qiita.com/arcadia13
  • テクノロジー
  • 2024/06/27

  
  11回目のMATLAB記事です。 今回と次回に分けて、﹁微分方程式﹂を扱いたいと思います。 微分方程式は、この世に存在する現象︵ここでは自然現象や物理現象のこと︶を理解、および記述するために、人間が生み出した方法の﹁一つ﹂です1。 微分方程式は物理学をはじめ、多くの分野で活躍しています。 例えば、力学においては乗り物の動き、投げたボールの動き等、これらの動きを全て微分方程式で記述します。 他にも、微分方程式の応用例は枚挙にいとまがありません。 本記事は前編として、まず微分方程式の基本事項を簡単に説明します。 その後、微分方程式をMATLABで定義する方法と、MATLABでの解き方を説明します。 微分方程式 微分方程式とは、ある関数 $y$ とその導関数 $y^{'}$ を含む方程式のことです。 例えば、ある方程式が $x$ の関数 $y=y(x)$ と、その導関数 $\frac{dy}{d
  

  • tutorial

  
• あとで読む

  GitHub - karpathy/LLM101n: LLM101n: Let's build a Storyteller

  • 22 users
  • github.com/karpathy
  • テクノロジー
  • 2024/06/22

  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

  • LLM
  • あとで読む
  • tutorial
  • *あとで読む

  
• あとで読む

  20分で分かるIAM全機能 /20240621-aws-summit-iam

  • 289 users
  • speakerdeck.com/opelab
  • テクノロジー
  • 2024/06/21

  AWS Summit Japan 2024 Expo ( https://aws.amazon.com/jp/summits/japan/expo/ )での発表資料です。 本資料は、Amazon Web Servicesのテクニカルレビューを経ていますが、発表者独自の観点および分類により作成してい…

  • aws
  • あとで読む
  • iam
  • amazon
  • ドキュメント
  • 資料
  • tutorial
  • japan

  
• あとで読む

  この内容を登録するボタンを連打するな

  • 3 users
  • anond.hatelabo.jp
  • 学び
  • 2024/06/19

  この内容を登録するボタンを連打するな

  
• あとで読む

  これがフォトショップだ。みるみる力がつくデザインテクニックまとめ

  • 25 users
  • photoshopvip.net
  • テクノロジー
  • 2024/06/19

  簡単に作れて周りがあっと驚くフォトショップのデザインテクニック、作り方をまとめてご紹介します。 最近公開したテクニックを中心に、「フォトショップの使い方を実践的に学びたい」というひとにおすすめしたい機能や操作テクニックなど盛りだくさん。 手順通り進めることで誰でもプロの技を学ぶことができます。 このデザインテクニックはこんな人におすすめ！ よく見かけるあのビジュアルの作り方を知りたい あまり時間をかけずにデザイン編集や加工をしたい フォトショップを何から始めたら良いか分からない 手持ちの写真を魅力的に仕上げたい フォトショップでできるデザインテクニック集 写真になにか追加、合成したいときは「レイヤーを自動合成」機能が便利ですhttps://t.co/q3pacxiOBu#Photoshop pic.twitter.com/yUQvCibgNl — Photoshop VIP (@photo

  • Photoshop
  • 写真
  • デザイン
  • design
  • 画像

  
• あとで読む

  2024年版「基本的なウェブアプリケーションを構築する」のチュートリアル手順まとめてみた[Amplify Gen2対応] | DevelopersIO

  • 319 users
  • dev.classmethod.jp
  • テクノロジー
  • 2024/06/17

  初めてAWSのサーバレスサービスを学習するときに利用できる「基本的なェブアプリケーションを構築する」の内容を2024年現在でも実行できる手順にしてみました こんにちは、臼田です。 みなさん、AWSのチュートリアル活用してますか？(挨拶 今回はAWSの初心者向けハンズオンコンテンツである基本的なウェブアプリケーションを構築するを2024年の現在版の手順としてまとめてみました。 このコンテンツはAWSのサーバレスなサービスを利用して、簡単にウェブアプリケーションを作成する体験ができるチュートリアルとなっており、登場するAWSの各サービスを理解するのにちょうどよい内容でした。しかし、リリースされてしばらく経っているのもあり、特に今回のAmplify Gen2リリースもあってだいぶ画面や操作方法などが変わってしまいました。 実現できる事自体は変わらないので、現時点でこのチュートリアルを初心者でも完

  • aws
  • あとで読む
  • 開発
  • チュートリアル
  • api
  • DynamoDB
  • amplify
  • lambda
  • アプリケーション
  • tutorial

  
• あとで読む

  はじめようpurrr - Qiita

  • 1 user
  • qiita.com/takato_oyama
  • テクノロジー
  • 2024/06/15

  
  purrr難しい purrr::mapってよくわかんないですよね。 for loopよりも繰り返し処理が早いらしい list型に適用できるらしい とはいうものの正直﹁で， どう使えばいいの﹂と思っていました。 すでにいくつかの先人達が簡単にまとめてくれています https://qiita.com/kilometer/items/b4977df268d2c21211fc https://heavywatal.github.io/rstats/purrr.html https://www.jaysong.net/tutorial/R/purrr_intro.html ﹁とりあえず触ってみてごらん﹂という気持ちで記事にしました。 すでにdplyrやggplotは使っているがpurrrはまだという人のために足掛かりになるような記事になれば幸いです。 purrrとは何か purrrとは繰り返し処理や
  

  • tutorial

  
• あとで読む

  エンジニアのための十徳ナイフ「DevToys」がバージョン２になってクロスプラットフォームやCLI対応しさらに便利すぎる - Qiita

  • 270 users
  • qiita.com/danishi
  • テクノロジー
  • 2024/06/11

  はじめに 以前紹介させていただき、2022年Qiitaのいいねランキング18位、ストックランキング20位を記録したこちらの記事の続編です！ DevToysはリリース後しばらく定期的なバージョンアップが続けられていましたが、去年の7月からぱったりとアップデートが止まっている状態でした。 リポジトリや作者のXを見るとバージョン２の開発を行っているようで、今か今かと待ち続けていましたが数日前リリース予告のポストを見つけて、今日ついにプレリリースされました！ ということで早速紹介していきます！ DevToysとは DevToysは「開発者のためのスイスアーミーナイフ」の紹介文の通り、開発時によく使うツールを十徳ナイフのようにまとめたアプリとなっています。 JSONの整形とかエンコードデコードetc... プログラミングや保守運用の調査でやりがちな作業をいちいち変換サイトを探したり、エディター拡張機

  • ツール
  • あとで読む
  • cli
  • tool
  • 便利
  • json
  • mac
  • Windows
  • qiita
  • エンジニア