[LTスライド&原稿]簡単にできる範囲でも十分！3DCGでグラフィックの表現力が上がる！ - Qiita
この記事の概要 2022 年 2 月 20 日開催の「ゆるデザトーク」という LT イベントでの発表内容です。 内容 自己紹介 みなさんこんにちは。 Qiita 株式会社でデザイナーをしている綿貫佳祐です。 とてもざっくりした経歴はこちら。 現在は Qiita の中でも CX 向上グループという「売上とか利益は置いといて、ユーザーの皆さんが嬉しいとか便利とか、そう思えるものだけを作る」部署でマネージャーをしています。 しかし今日は、普段の仕事とは全く関係のない「簡単な 3DCG でも表現のリッチさが上がる」という内容で発表します！ 3DCG をやったことある人いますか？ みなさん 3DCG やったことありますか？僕は最近 Blender を触るようになりました。 週末にちょろっとだけ触る程度で大した知識も実力もないんですが、それでも「昨今のデジタルプロダクトデザインに活きそう」な手応えを感
![[LTスライド&原稿]簡単にできる範囲でも十分！3DCGでグラフィックの表現力が上がる！ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/55924f14e78d9aa9f10104a800100af2b94bd5f1/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCTFQlRTMlODIlQjklRTMlODMlQTklRTMlODIlQTQlRTMlODMlODklMjYlRTUlOEUlOUYlRTclQTglQkYlNUQlRTclQjAlQTElRTUlOEQlOTglRTMlODElQUIlRTMlODElQTclRTMlODElOEQlRTMlODIlOEIlRTclQUYlODQlRTUlOUIlQjIlRTMlODElQTclRTMlODIlODIlRTUlOEQlODElRTUlODglODYlRUYlQkMlODEzRENHJUUzJTgxJUE3JUUzJTgyJUIwJUUzJTgzJUE5JUUzJTgzJTk1JUUzJTgyJUEzJUUzJTgzJTgzJUUzJTgyJUFGJUUzJTgxJUFFJUU4JUExJUE4JUU3JThGJUJFJUU1JThBJTlCJUUzJTgxJThDJUU0JUI4JThBJUUzJTgxJThDJUUzJTgyJThCJUVGJUJDJTgxJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1kMWQ0YTM5M2VmZmJhNDQ4MzMwMGY2ODNmNDkzMjkzMg%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB4cnhveGN4b3gmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTVhZmVkZjZjZjNkMTFiMmYwOTA4NTAyYTkyYmQwZTVl%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4gUWlpdGHmoKrlvI_kvJrnpL4%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D719524fb844258d0557ed7da2d17a70a)
brew doctorコマンドを実行した時に発生したwarningを1個ずつ解決していきます！ - Qiita
はじめに Homebrewに問題がないかbrew doctorコマンドでチェックしたところ、問題が溢れ出てきたので一個ずつ解決していきました。 エラー時の環境 macOS Catalina バージョン 10.15.4 Xcode バージョン11.4 エラー内容 $ brew doctor Please note that these warnings are just used to help the Homebrew maintainers with debugging if you file an issue. If everything you use Homebrew for is working fine: please don't worry or file an issue; just ignore this. Thanks! #1つ目のエラー Warning: A new
もう、使えないペルソナは捨てよう! プラグマティックペルソナのつくりかた - Qiita
Qiitaっぽい記事じゃないですが、大目に見ていただいて。 はじめに UXファシリテーター育成ワークショップ講座に参加し、衝撃を受けたので、その一部を共有します。 攻めたタイトルですが、誰かを責めたいわけではありません。 なお、この記事はイベントのごく一部で、次回も開催されるなら、絶対行ったほうがいいです!! 登壇者 森田 雄 氏 東芝EMI、マイクロソフト、ビジネス・アーキテクツなどを経て2010年、株式会社ツルカメを設立し代表取締役社長に就任（現職）。 語り口が軽妙で個人的にはとっても好印象。 ぶっちゃけ感が強く、「UXってデザイナーのものだ」とか「なんか賢いやり方があるはず!」と思ってた部分をぶち壊してくれました。 問題意識 ペルソナを作ったことのある人はそんなに少なくないのかな、と思います。私もその一人。 では、 関係者間で納得感のあるペルソナが作れた人は? 意思決定のときにペルソ
ライトニングトーク(LT)準備の参考資料まとめ - Qiita
LT発表を行う際の参考資料を集めました。社内用に記事をまとめていたけど、機密性がないことに気が付いたので公開。 不定期的に更新します。 「これもこれも」というのがあったらコメントで教えてください。独断と偏見で追加します。 はじめに ※公開して何年も経っているのに参考にしてくださっている方がいらっしゃるようなので追記 唯一無二のLTのはじめ方 準備やネタの用意よりも先にまずは申し込みましょう。 これは冗談というわけではなく、申し込まないと永遠に発表する機会は訪れません。最初の一歩の「えいやっ」が大事。 発表の成功/失敗よりも発表することがえらい！ 勉強会イベントは、肝となる発表者が確保できるかどうかがイベントの成否を握ります。 参加費用のある勉強会だとまた趣が違うかもしれませんが、参加費無料の勉強会でめちゃくちゃ面白い発表を要求する人はいません（いても周りから空気が読めない人だと思われるだけ
Figmaプラグイン"Artboard Creator"をリリースするまでの流れ - Qiita
Figmaプラグインを自作して公開したのでメモ。 開発のチュートリアルはいくつか出ているので、実際に世の中でダウンロードできるようになるまでやってみた流れをご紹介します。 TL;DR Figma Community Betaに登録 Pluginを作成する FigmaのデスクトップアプリからPublish 作成したプラグイン： Artboard Creator まだプラグインを公開していない状態をもとに説明します。 Figma Community Betaに登録 自前のプラグインをローカル環境で動かすのみであれば必要ありませんが、Figma Community(Beta)に登録する必要があります。Communityとは、Figmaのファイルやプラグインを配布できるようになるためのメンバーシップです。（公式ヘルプはこちら）。 Plugin画面を開くと、右側にGoogle Formへのリンクがあ
docker-machine で作成した Virtualbox 上の VM の IP を固定する方法 - Qiita
docker-machine で作成した Virtualbox 上の VM の IP を固定したかった。 stop, start を繰り返すと、デフォルトで使われている 192.168.99.n の IP が重複したりする。 使い捨て環境なんだから、その都度、鍵の再生成等して頑張るのも一つかも知れないが、面倒なので作成した VM ごとに IP を固定したかったので、方法を調べた。 なんでそうなるのかまで調べてないので間違っている点があるかも…(間違いがあれば指摘して下さい…) 方法1: virtualbox-hostonly-cidr オプションを使う方法 $ docker-machine create --driver virtualbox --virtualbox-hostonly-cidr "192.168.55.1/24" NAME これで、 192.168.55.100 の IP
Netlify+Node.js+MongoDBでJAMstackな草を生やすサービスをOSSで公開しました! - Qiita
Netlify は無料の静的サイトホスティングサービスです。GitHub のレポジトリと連携することが出来て、特定ブランチの内容と同期して、静的サイトを自動的に更新してくれます。また、ブランチの更新にフックして、静的サイトのビルドコマンドを指定することも出来て、ブランチ更新 -> Netlify 上で自動ビルド -> サイト更新という簡単なワークフローを組む機能も持っています。 🌱buttons では、GitHub 上にはビルド前のソースコードだけを commit して、後述の bulbo というビルドツールでビルドした静的サイトを Netlify 上にホスティングしています。 Database MongoDB はドキュメントデータベースと呼ばれるタイプのデータベースです。RDBMS よりもお手軽に開発を開始できます。 node.js では mongoose という ODM ライブラリが
OSSのデータ可視化ツール「Metabase」が超使いやすい - Qiita
Metabase、まじでイケてる。 1日で、Re:Dashから乗り換えました。 Metabaseとは OSSのデータ可視化ツール。Re:Dashとかと同じ類。 AWSとかに乗せて、誰もが見れるダッシュボードを作ったりする時に使うと、俺かっけーってなります。 スクリーンショット 実際に社内で運用している様子をモザイク付きでお見せします。 毎日みているダッシュボード。これの4倍くらいの数値見てる。 ダッシュボードの編集。マウスで簡単に位置や大きさの変更ができる。 クエリビルダー的なやつがあり、グルーピングとか超絶便利。SQL書けない人でも、単一テーブルとかだったら余裕かと。 グラフ化も簡単。 SQLでのクエリ編集画面。ちゃんと補完してくれる。 Metabaseの良い所 見た目が格好いい。 インストールが簡単。 openjdk-8-jdk入れて、jarファイル置くだけ。 豊富なデータソースに対応
Sassの@importでreset.cssやnormalize.cssを読み込む - Qiita
Sass の @import によるインライン展開は .css 拡張子に対応していないので、.css ファイルしか用意されてない HTML5-Reset や normalize.css、sanitize.css などはそのままではインポートできません。 ※.css ファイルを指定すると CSS の @import url(...) になってしまいます。 .scss バージョンを公開している人もいますができれば公式のものを使いたいし、自分でリネームしてリポジトリに置くというのも避けたいところです。 これらの条件をクリアするために、私は Bower でインストールしたあと gulp で .scss にリネームしていたのですが、node-sass-package-importer を使うとそんな手間もいらず簡単にインポートすることができたので紹介します。 インストール node-sass-pac
基本的なGitコマンドまとめ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 基本的なgitコマンドまとめ。 そもそも自分用に作ったものなので見づらいです。 #init $ git init ディレクトリにリポジトリを作成. $ git init --bare ベアリポジトリの作成 $ git init --shared グループ書き込み権限を有効にする. #add $ git add [filename] ファイルやディレクトリをインデックスに登録. $ git add -A すべての変更を含むワークツリーの内容をインデックスに追加. $ git add -u 以前コミットしたことがあるファイルだけインデックス
bitbucket-syncを使ってサーバ自動化をしてみた - Qiita
GitlabのWeb hookを使って自動化がうまくいかなくて試しにBitbucketのbitbucket-syncでサーバ更新をしてみました。 リモートリポジトリへプッシュしたタイミングで、個人サーバへ反映するというものになります。 作業の流れ ローカルでファイルを編集（コミット・プッシュ） Bitbucket側リポジトリが更新 BitbucketのWebhooksでサーバに通知 サーバで受け取った情報を元にBitbucketから差分データを取得 サーバ内の公開ディレクトリへコピー・反映 セットアップ 【bitbucket-sync】をダウンロード 以下のURLからbitbucket-syncをダウンロードします。 https://github.com/alixandru/bitbucket-sync/ 設定ファイルを作成 ダウンロードしたら、config.sample.php を co
docker-machineコマンド - Qiita
$ docker-machine create --driver virtualbox default Creating VirtualBox VM... Creating SSH key... Starting VirtualBox VM... Starting VM... To see how to connect Docker to this machine, run: docker-machine env default --driver, -d "none" Driver to create machine with. Available drivers: amazonec2, azure, digitalocean, exoscale, generic, google, none, openstack, rackspace, softlayer, virtualbox, vmw
クラスの追加と削除を遅らせるちょっとしたメソッド - Qiita
delayAddClass delayRemoveClass addClassをするタイミングをずらしたいので、簡単にdelayAddClassというメソッドを考えてみた。 これら一連のキューをリピートするメソッドって作れないのかな？ (function($){ $.fn.delayAddClass = function(className,delay){ return $(this).delay(delay).queue(function(next){ $(this).addClass(className); next(); }); }; $.fn.delayRemoveClass = function(className,delay){ return $(this).delay(delay).queue(function(next){ $(this).removeClass(class
gulpで自分が編集しているscssをcssCombしたい - Qiita
cssCombは便利だ。 でもgulpでの導入方法を調べてみると、プロパティの並び順を整えてコンパイルする方法しか見つからなかった。 個人的にはコンパイル後の綺麗さはどうでもよくて、編集するファイルこそ綺麗にしたい。 やりたいこと scssを保存するたびに下記を実行したい そのscssをcssCombで整える cssにコンパイル 結論 これで実現できる { "devDependencies": { "gulp": "^3.9.1", "gulp-changed-in-place": "^2.0.3", "gulp-compass": "^2.1.0", "gulp-csscomb": "^3.0.8", "gulp-watch": "^4.3.5" } } var changedInPlace = require('gulp-changed-in-place'); var compass
新入社員が来てメンターになれって言われたけど、どうすればいいのかという対話テクニック - Qiita
「わかった？」は意味のない言葉 似たようなことでいうと、メンターは何かを教えた後に「わかった？」と確認してしまうことがあります。このとき、メンティが「わかりました」と答えたとして、何か意味があるでしょうか。先ほどの「心構え」と同様に確認しても観測できないことを問いかけている状態になってしまいます。 そうではなく、具体的に「今言ったことを、ひとりで試しにやってみて」とか「以下の話を図に書き起こしてみて」とかアウトプットを要求しない限り、わかったかどうかなんてわかりません。 学生時代に私は塾講師をしていたのですが、課題のプリントを生徒たちに渡して、「わからなかったら手を上げて」と言ってたのですが、そのときは誰も手を上げられなかったという体験があります。そのあと、どうしたらいいんだろうかと考え、「問題を解く手が止まったら手を上げて」と伝えるようにすると、手を上げてくれる生徒が現れました。 抽象的
JavaScript初級者のためのコーディングガイド - Qiita
JavaScriptは大変難しい言語です。Rubyの難易度を2、Cの難易度を5、C++の難易度を8にすると、JavaScriptの難易度は12ぐらいあると思います。このコーディングガイドはそんなJavaScriptの深みに嵌まらないようにするためのJavaScriptの書き方を規定したものです。初級者1のための物ですので、わかってやっている人に好きにやってください。 このコーディングガイドは絶対に従わなければならないものではありません。私は一切強制はしませんし、初級者が従わなければならないという義務もありません。採用するしないはみなさんの自由です。 禁止編 JavaScriptには安易に使用してはいけない機能があります。下記の機能は、**それぞれの機能を使っても良い、または、使うべきであるという理由を説明できない限り、**使用してはいけません。 ==、!= ==と!=を使用してはいけません
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
もし、HTMLのテキスト周りでデザイナーからこんなお願いをされたら... - Qiita
最新バージョンGitインストール - Qiita
CSSでボタンのアクセシビリティを向上させる方法(追記有り) - Qiita
グローバルで.gitignoreを適用する - Qiita
