「これ、どうやる？」真似したくなるフォトショップ最新チュートリアル、作り方40選 参考書のように使える、便利でおしゃれな新作テクをチェック フォトショップが上達するもっとも手っ取り早い方法は、結論から言えば、気に入ったチュートリアルを真似してみることです。 というのも、つくり方だけでなく、実践的な使い方を、順を追って再現できるのが理由です。 事実、「先輩のワザを盗む」、「師匠の技術をマネする」などの言葉が、古くからあるほどです。 ここでは、思わず真似したくなるフォトショップの最新つくり方、チュートリアル42個をまとめてご紹介します。 作業がスピードアップする小技テクも覚え、幅広いデザインスタイルを習得してみましょう。 「これ、どうやる？」真似したくなるフォトショップ最新チュートリアル、作り方まとめ フォトショップを持っていない人は、まずは7日間の無料トライアルからはじめませんか。 すべての
【GPT Store神ランキングTOP17】世界一ChatGPTを巧みに操るOpenAI本家のGPTsの使い方 | WEEL
【速報＆朗報】GPT Storeが遂に公開 待ちに待ったGPT Storeが遂に公開されました！🔥 公式発表によると、GPT公開からのたった2ヶ月で300万以上のGPTsが作成されているとのこと。 注目ポイント👀 ・毎週Open AIからの注目GPTsが特集される… pic.twitter.com/94WCTnwDiJ — 木内翔大＠SHIFT AI代表「日本をAI先進国に」𝕏 (@shota7180) January 10, 2024 ChatGPTには「GPTs」という機能があり、ユーザーがChatGPTを自由にカスタムできます。 さらにGPT StoreではGPTsが公開され、将来的には収益化も可能になる予定です。 AIを使って稼げる時代が、目の前まで来ていますね。 今回は、そんなGPT Storeの中でOpenAI社が開発した公式のGPTsをご紹介します。 生活に役立つ便利な
ウェブ制作をする上でCSSでのスタイルの記述は必須ですが、意外とデバッグが難しくデザイン通りに実装するには手間がかかります。 そんなときに活躍するのがGoogle Chromeの「デベロッパーツール」です。視覚的にCSSのスタイルが確認、変更できるので、うまく活用することでCSSのデバッグを迅速に行うことができます。 この記事ではデベロッパーツールでCSSをデバッグする方法や便利な機能などを紹介します。記事で使用しているデモは以下のリンクから確認できるので、実際にデベロッパーツールで操作しながら読み進めてみてください。 サンプルを別ウインドウで開く ソースコードを確認する 1. DOMのスタイルを確認 / 変更する デベロッパーツールでは、画面上でスタイルの確認、変更ができます。 (1)デベロッパーツールを開く まずはGoogle Chromeを開きます。 確認したい箇所を右クリックし、［
私の周りでも、Figmaを使用する人がだいぶ増えてきました。 Figmaでデザインする時に役立つ、便利なテクニックを紹介します。Figmaでの日常的な作業から、デザインシステムや巨大なデザインファイルを扱う場合に作業効率がアップします。 9 Figma Design System Tips. by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. 一括でカラーを変更する場合は、選択色を使用する 2. この便利なショートカットで、レイヤーを整理できます 3. テキストのスタイルを見つけるには、検索を使用する 4. カラースタイルをすばやくナビゲートするには、リストにする 5. レイヤーをすばやくナビゲートするには、ショートカットを使用する 6. コンポーネントの交換は、このショートカットが便利
<html>や</html>や<head>や</head>がないページを見たことはありませんか？ 開始タグ<html>は最初の内容がコメントでなければ省略でき、終了タグ</html>は直後にコメントがなければ省略できます。また、<head>は内容が空か最初の内容が要素なら省略でき、</head>は直後に空白文字かコメントがなければ省略できます。 Web制作者が知っておきたいHTMLで必須ではない「任意のタグ」「任意の属性値」「省略してもよい属性値」を紹介します。 Optional HTML: Everything You Need to Know by Jens Oliver Meiert 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. HTMLで必須ではない任意のタグ 2. HTMLで必須ではない任意の属性値
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第4弾は、UIに一貫性・統一感を持たせるためのデザインテクニックです。 UI & UX Micro-Tips: Volume Four. by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. デザイン要素に一貫性を持たせる 2. ホワイトスペースはたっぷり使用してください 3. 冒頭のパラグラフをスタイルして、ユーザーを引き込む 4. 短いパラグラフを効果的に使用する 5. カラーパレットを定義し、デザインに統一感を持たせる 6. アイコンをグリッドシステムで使用する際の注意点 はじめに 次のプロジェクトのため
2019年も半分を過ぎたところで、ウェブデザイン最新の動向、トレンドを一度確認してみましょう。 特に2019年は、ウェブデザインで注目したいトレンドが満載となっており、新旧さまざまなトレンドの復活、誕生が今後も期待されています。 この記事では、ウェブデザインの進化に対応する注目すべき最新デザイントレンド19個をまとめてご紹介します。 配色や文字テキストの使い方、タイポグラフィー、インターフェース全般、ボイスコントロール、UXデザインなどウェブデザインに重要な要素が話題のトレンドとなっています。 コンテンツ目次 1. デザインにおける感情 2. 色は多くを語る 3. 客観的なアニメーション 4. 音声コマンドの普及 5. 単一ページへの回帰 6. 非現実なデザインを目指して 7. ビンテージ書体への移行 8. UXに注目がシフト 9. 可変フォントの登場 10. 分割、スプリット画面が人気に
0.発端と主旨 昨年末の大晦日、1年のおさらいとして「毎月のイベント」をひとつずつ選出しようと思ったのですが、情報源が 「自身のSNSの投稿を遡る」 しかなく、選出から投稿までに結構な手間がかかりました。 今年はもっと楽にしたい! でも日記だとFacebookを遡るのと変わらない! そうだ、毎日のイベントと簡単な感想を1行ずつ記録していこう! ということで、Google スプレッドシートに「一行日記」を作ろうと思い立ちました。 当エントリは、その「一行日記」のベースを作る際に使った小技をまとめたものになります。 1セルの日付を変えるだけで1年分の日付と曜日が自動的に反映され、色付けされるように手を加えました。 行単位で条件付き書式を設定出来るようになると、リスト管理が一段と楽しくなるのでオススメです。 環境 Googleアカウントを取得しており、Google Driveにアクセス出来ること
Nintendo SwitchのTVモード用ドックはサイズが大きいため、もっと小型のものが欲しい人は多いかと思います。しかし、非純正ドック (USB Type-Cハブ) ではTVモードが有効にならない場合があるようです。今回はその辺について調べてみました。 ※ Nintendo Switch 2019年モデル HAC-001(-01) (本体システムバージョン: 9.2.0) 純正ドックを使用した場合 まずは純正ドックでTVモードを動作させた場合のUSB PDのパケットを確認します。 ドックとSwitchの間に挟んでいるのはメディアロジックのUSB PDアナライザー「DTW2U3」です。 写真の通り、Switch + 純正ドック + 純正ACアダプターの組み合わせではTVモードが有効になり、外部モニターに映像が出力されます。 その際のドック – Switch間のUSB PDのパケットが以下
この記事では、Photoshopで思い通りの文字の加工ができるテキストエフェクト用チュートリアルをまとめています。 グラデーションや影の加え方、文字をアーチ状にするといった需要の高いPSテクニックはもちろん、立体感のある3Dデザインやネオン、グリッチエフェクトいった旬のグラフィックまで、幅広いテキストエフェクトが揃います。 チュートリアルを手順通り進めることで、Photoshopの実践的なツールの使い方を基本からマスターできます。デザインアイデアに困ったときの参考にもおすすめです。 先日、過去8年分のIllustratorテキストエフェクト用チュートリアルもまとめました。「フォトショよりイラレ。」というひとはこちらの記事もどうぞ。 Illustrator文字の使い方をマスター！テキストエフェクト用チュートリアル116個【総まとめ】 数クリックで魅力的なテキストエフェクトが完成！無料PSDエ
ヒサミ @hisami8080 だいたいお茶について、つぶやいてます。秋になったのですぐミルク入れていきます。クラシック聞き専初心者。 フォロー／リムーブはご自由に。（出会い系はNG）
Webページで使用されるステップのコンポーネント、サークルに囲まれた1,2,3と各ステップを繋ぐ中央のラインを実装するCSSのテクニックを紹介します。 レスポンシブ対応、そしてライト・ダークモード対応、水平・垂直に配置されたステップだけでなく、数字ではなく日時を繋いだタイムラインにも応用できます。 Building A Stepper Component by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 実装: 水平ステップ 1 ステップの前後にスペースがあるバージョン 実装: 水平ステップ 2 実装: 垂直ステップ 1 実装: 垂直ステップ 2 終わりに はじめに 私は先日、レスポンシブ対応のステップのコンポーネントの実装方法とそれらを繋ぐ中央のラインの扱い方について質問を受けました。
CSSの:has()疑似クラスは2023年暮れにFirefoxでもサポートされ、すべての主要ブラウザでサポートされました。今までのCSSでは、要素の存在のあり・なしによって特定の親や要素にスタイルを設定することは不可能でしたが、:has()疑似クラスのおかげで、指定した要素がある場合にのみスタイルを適用できるようになりました。 WebサイトのUIでよく見かけるCSSの:has()疑似クラスの便利な使い方を紹介します。今までは少し面倒なCSS、もしくはJavaScriptが必要でしたが、:has()疑似クラスを用いると簡単に実装できます。 Some little ways I’m using CSS :has() in the real world by Andy Bell 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに
君がダサいと思っているのは多分「長文タイトル」じゃない気がするんだ｜clock96｜note https://note.com/you96/n/ncc262b326f82 上記noteでは『アマチュア──悪い言い方をすれば趣味の素人──たちが、みんながみんな「売る」ためのことをやっていると思うのは、少し早計過ぎないだろうか？』と疑問を呈している。 答えは否だ。投稿者、特に日間ランキングへの掲載を狙う人たちの多くは『ただの趣味で終わらせたくない人』であり、少しでも有利になるようSEO対策に余念がない。よく話題になる長文タイトルも『当たり判定を最大化』『スマホの画面を占有する』『あらすじを読まない人に内容をアピールする』といったなろうの不出来なUIに最適化した結果である。 5chの作者向けスレッドでは需要のある要素やテーマ、更新時間、一話の長さ、タイトルやタグの付けかた等々、ちょっとでもポイン
2023年10月5日頃、X (Twitter) でOGP画像が設定されたWebページの URLをツイート（ポスト）しても従来のようにページのタイトルや概要が表示されなくなり、OGP画像とドメイン名だけが表示されるようになりました。 このままでは、画像の投稿 なのか、リンクの投稿なのかが分かりにくくなり、「画像だと思ってタップしたら外部のページに遷移してしまった」とか、逆に「リンクだと思ってタップしたら画像だった」ということで困っている方もいらっしゃるようです。 Webメディアを運用している方や、 私のようにブログを運用している場合などは、 このままではサイトへの流入が減少するため困ると言う方もいらっしゃると思います。 そこで、この記事では、「閲覧者側」と「メディア運営者側」と「ツイート（ポスト）投稿者側」それぞれにできる対策をまとめました。 投稿者側の対策については、閲覧者側の対策の下に書
第675回ではapt-keyコマンドが廃止される理由を説明しました。それ以外にもaptコマンドには常に様々な変更が加えられています。今回はそれらをいくつかピックアップして紹介しましょう。 Apt 1.0.xから2.3.xまでの流れ 本連載でaptコマンドそのものを紹介したのは、7年以上前の第327回「aptコマンドを使ってみよう」まで遡ります。当時はApt 1.0がリリースされて間もないころで、数週間後に登場したUbuntu 14.04 LTSにもApt 1.0が取り込まれています。Apt 1.0ではこれまで別々のコマンドだった各種ツールがサブコマンドとして一元化して使えるaptコマンドが実装された記念すべきリリースでもありました。 その後7年を経て、2021年7月時点でのバージョンは2.3.6にまで到達しています。まもなくリリースされる予定のDebian 11ではApt 2.2.xが採用
※この記事は、Mediumで公開された「Transition animations: a practical guide」の著者Dongkyu Leeから許諾を得て、日本語翻訳しています。 Webサイトやスマホアプリにおいて、アニメーションと動きの重要さは年々高まっており、今では必須と言われるまでになっています。 ユーザー エクスペリエンスの権威ニールセン・ノーマン・グループは、「アニメーションは注目を集めるだけでなく、ユーザーの楽しみを高め、製品を新鮮でモダンなものに感じさせてくれる」と述べています。 アニメーションが十分に洗練されていれば、ユーザーにはっきりとしたフィードバックを与えることができ、インターフェイスをより直感的にすることができます。 特に遷移アニメーション（Transition Aniatiions）は、ユーザーをある段階から次の段階へとスムーズに誘導するため、重要な役割
概要 ミラティブではデータ分析用ツールとしてRedashのSaaS(redash.io)を使用している。(Lookerと併用) 2021年11月末で redash.io のサービスが終了する。そのため、自前のGCP環境にRedashを移行した。 Redash謹製の移行ツールが提供されているが、いくつかハマったポイントがあった。 本記事では、GCP環境への移行手順・移行時のハマリポイント・移行後にあると便利なものを紹介する。 はじめに 初めまして、ミラティブでデータ分析基盤を担当している芝尾です。データ分析チームは5名のチームになっており、日々ユーザーの皆様のデータを分析してサービスの向上に努めています。今回はミラティブで使用していたデータ分析可視化ツールの移行を行いましたのでそのやり方を共有します。 背景 Redash hosted サービスが終了します。この記事 によると 2021/11
「Linux」でSSHのセキュリティを強化するヒント
Jack Wallen （Special to ZDNET.com） 翻訳校正： 編集部 2024-02-29 07:45 筆者は何十年も前からセキュアシェル（SSH）を使用している。このリモートログインツールを使用すると、リモートマシンがログインを安全かつ効率的に受け入れるようになるので、安心できる。その一方で、ネットワークに接続されたデバイスにおいて、完璧なセキュリティなどあり得ないことも理解している。筆者が使用するすべてのコンピューターで、必ずSSHのセキュリティを強化するようにしているのは、そのためだ。 セキュリティの「層」をいくつか追加することがいかに簡単であるかを知って、驚く人もいるかもしれない。以下で説明するように、「Linux」デスクトップおよびサーバーマシンのセキュリティを簡単に強化できるヒントがいくつかある。これらのヒントを実践すれば、不要なログインをより効果的に阻止す
プロ野球の開幕が全く見えてきません。 今日緊急事態宣言が発令されて、期間は５月６日までの１ヶ月間です。 プロ野球は球団によって対応はまちまちですが、カープはマツダスタジアムで練習するようです。 もうすでに練習が始まってるみたいですよ。 やはり開幕がはっきりしないと選手のモチベーションを保つことは難しいような気がします。 志村けんさんが亡くなって本当に武漢肺炎の小技が身近に感じられるようになりました。 阪神の選手がコロナウイルスに完成しましたが、今のところ他球団の選手には完成しは出ていません。 プロ野球選手から感染者を出さないことが第一です。 これから２週間で、すでに感染している人を洗い出して収容し、次の２週間で感染者数を減少に転じさせる。さらに次の２週間で感染の第２波が起きないようにするらしいです。 なので、緊急事態宣言は１か月間ですが、トータルで６週間の期間が必要です。実質的に動けるのは
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第14弾は、レイアウトのグリッド・使いやすいフォーム・配色で悩んだ時に関するデザインのテクニックです。 UI & UX Micro-Tips: Volume Fourteen. by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. グリッドの間隔はハードではなく、ソフトに 2. フォームはインタラクションの後、すぐにフィードバックを提供 3. 配色で悩んだ時は、類似色 4. テキストの見栄えを良くするグリッドの使い方 5. 検索ボックスの幅は広くする 6. 素早いアクセスは、ナビゲーションをスティッキーに はじ
例えば外国に行って、 ①自己防衛のために不特定多数の現地人を犯罪者予備軍扱いする事 ②そこら辺にいるその外国人たちに聞こえる様に「俺たちは今、お前たちを犯罪者予備軍扱いしているぞ」って呼びかける事 は、全然違うよね。 そういう、本来全然違う現象が、ネット（特にSNS）では実は同時に起きてしまう。前者のつもりでやってる事が、結果的に後者になってしまう。これは純粋にインターネットやSNSの問題点で、加害者なんかいなくても大きな被害と多数の被害者が発生してしまうの。 そういうの、皆知ってる筈なんだよ。特にはてブやツイッターで「俺はリテラシーあるぜ、社会問題に対して意識高いぜ」って顔してコメンテーターごっこしてる様な連中が、知らない筈が無いのよ。何故なら、普段は普通にこれを批判してるから。 今まさにやってるこれ（https://b.hatena.ne.jp/entry/s/jp.ign.com/n
UI/UXデザイナー就活で2年がかりで編み出した、ポートフォリオの作り方｜トビ / KazuhiroTobita｜note
はじめに こんにちは。22卒でUI/UXデザイナーになるトビ（@tobik_jp）です。デザイナー就活をするにあたり、インターンでも就活でも避けて通れないのが「ポートフォリオ」です。 ここ数年でナレッジ記事が増えましたが、”観点”や”基準”に言及するものが多く「…で、結局どう作ればいいの？」とデザイン知識が全くなかった私自身、デザイナー就活中に頭を悩ませてきました。 （作っては壊してを2年間で5回以上繰り返してきました） 結論を先に述べると、矛盾するようですが「ポートフォリオに作り方など本来ない」と今は思っています。自分が頭で考え、目で学び、手を動かしてきたものが”作品”です。 とはいえ、自分の色を出すレベル以前の『基礎となる作り方のノウハウ』は残念ながらまだ世に多く出回っていません。 このnoteでは、実践的なポートフォリオの作り方を言語化します。 「〜するのがおすすめ」という話のスタン
この記事では、人物写真をフォトショップで加工するレタッチ、合成向けチュートリアルをまとめています。 フォトショップの醍醐味でもある写真合成や、レタッチテクニック、ポートレイト写真加工、アクション作成、デジタルメイク、モノクロ写真のカラー化、髪の毛の切り抜き、SF風デザイン、写真のイラスト化などあらゆるスタイルを網羅した保存版。 これらのテクニックを習得することで、フォトショップでイメージ通りの世界観を表現できる魔法のレシピを集めました。 フォトショップで人物写真を魅力的にする加工、レタッチ向けチュートリアル どんなイメージ写真もピクセルアートに変えてしまう方法 Illustratorのビットマップ機能を利用したデザインテクニックで、リアルワールドをピクセルアートにしてしまいます。 風景写真をイラスト・アニメ風に加工する方法 まるで大ヒットした某映画のワンシーンをみているような、写真をイラス
サーバレス初心者向け「AWS Lambda」「Amazon API Gateway」「Amazon EventBridge」を組み合わせたSlack通知
サーバレス初心者向け「AWS Lambda」「Amazon API Gateway」「Amazon EventBridge」を組み合わせたSlack通知：AWSチートシート AWS活用における便利な小技を簡潔に紹介する連載「AWSチートシート」。今回は「AWS Lambda」と「Amazon API Gateway」を使って、Slackにメッセージを送るAPIを作成する方法、「Amazon EventBridge」を利用して一定間隔でメッセージを自動送信する方法を紹介する。
こんにちは。koyaです。 今回は「コロナに負けない！シーブレイン的、withコロナ時代の楽しみ方」でも使用したSVG画像の使い方について説明をします。 svgを使用した理由 今回は牛の肉の部位毎にマウスホバーの判定が欲しかったため、svgを使用しました。 もしpng画像を使用すると、透過された部分にも画像の判定が入ってしまいます。 その点svgを使用すると動画のように見た通りの範囲のみ判定があるため、今回のようなケースではsvgを使用します。 svg画像の出力 今回はAdobeXDを使用したsvg画像の出力を行います。 書き出す際の設定は下の画像のように 形式→svg スタイル→内部CSS 画像を保存→リンク と設定します。 ファイルサイズの最適化については、ファイルサイズを縮小したものは改行が消えたり、pathのidが消えてしまうのでもしコードを参照する場合はチェックを外した方が使いや
昔と比べて、ゲームにおける過激描写の表現規制は厳しくなっている。特に性描写に対してはめちゃくちゃ厳しい。でも、ソフトのパッケージやイラストなどを見て、こんな風に思ったことはないだろうか？ 「なんでこの子、制服着てるの？ 学生の〇〇シーンって禁止だよね」 その通り。多くのアダルトゲーム制作メーカーは「コンピュータソフトウェア倫理機構（通称：ソフ倫）の審査を通しているが、ソフ倫は「18歳未満の男女のアダルトシーンはゲーム内に入れないように規制」を敷いている。 じゃあ、なんで学生の制服を着ているの？ というと、ゲーム制作側の主張はこうだ。 「制服を着てても18歳以上とは限らないよね？ この子は制服を着てるだけで18歳以上なんだよ！」 ソフ倫「OKです」 ということになっている。ガバガバだが、別にソフ倫自体はゲームを規制することが目的というより「ソフ倫の方でちゃんと過激表現とかは規制してるんで、外
「ニセ正月」で年中正月気分
今年もあっという間にもう年末。年が明ければお正月。 1年のうちで唯一、昼間っから酒を飲んでダラダラしていても許されるムードのある三が日。あの独特の雰囲気って、ちょっと特別なものがありますよね。そこで我々は考えた。正月気分、どうにかして1年中いつでも自由に味わうことができないか？ と。 というわけで今回は、「ニセ正月」の実践＆検証をしてみたいと思います。 日常的な生活の中にぽっかりと現れる「今ここで乾杯できたらどんなに幸せだろう」と思うような場を探求するユニット。なんでもない空き地とか、川沿いの原っぱとか、公園の売店だとか、そういったところに極上の酒の場があるのではないかと活動中。 前の記事：酒の穴の観光トライアスロン in 松本 正月独特の雰囲気をいつでも気軽に ナオ：正月って独特のムードがあるじゃないですか。特に元旦から三が日にかけての、なんかダラーっとした。 パリ：ありますね。日本全国
機械学習を簡単に試したい人向け、「Amazon Lookout for Vision」で画像データを使った学習、ラベル付け、精度向上の手順
機械学習を簡単に試したい人向け、「Amazon Lookout for Vision」で画像データを使った学習、ラベル付け、精度向上の手順：AWSチートシート AWS活用における便利な小技を簡潔に紹介する連載「AWSチートシート」。今回は、「Amazon Lookout for Vision」を使って、画像で簡単に異常検知を行う方法を紹介する。 「Amazon Web Services」（AWS）活用における便利な小技を簡潔に紹介する連載「AWSチートシート」。今回は「Amazon Lookout for Vision」を使って、画像で簡単に異常検知を行う方法を紹介します。 「Amazon Lookout for Vision」とは 「Amazon Lookout for Vision」は、コンピュータビジョンを使用して視覚表現の欠陥や異常を発見するサービスです。Lookout for V
プルリクエスト（以下PR）のレビューでフィードバックを返し、修正されたものを再度チェックすることってあると思います。 その時、前回見たときの差分を確認できたら便利なんじゃないでしょうか？ 実はそれ、簡単にできるんですよ ってドヤ顔で書いたらコメントでもっと便利な方法がある と教えていただきました。 プルリクの Files changed タブにある「コミットを選択するプルダウン」で Show changes since your last review を選択すると、前回レビュー時からの差分を見ることができます まあ /compare/ 自体はPRに関係なくGitHub上で使えるのでこの記事はこのままにしておきます。 /compare/[branch or hash]...[branch or hash] にアクセスする Comparing c5d4b6e...sample4/increm
はじめに こんにちは！コミューン株式会社でサーバーサイドエンジニアをしている安藤(@andnandna)と申します。 今回、私が所属しているチームでモブプロを実践してみたのでその方法や感想を紹介したいと思います。 モブプロが気になっている人や他の人がどうやっているかが気になるような方へ参考になれば幸いです。 モブプロ導入 導入まで 私が今所属しているチームではスクラムを実践しているのですが、その中での取り組みの一つとして"WIP制限"というものをしていました。 簡単に言うと「チーム全体で進行中にするストーリーの数を絞る」というものです。 (詳しい内容や背景などはこちらの記事をご参照ください) チーム全員が同じストーリーに取り掛かるので、うまい具合にタスクがバラけていれば一人ずつ作業を進められますが、実装を切り分けづらかったりする場合もあります。 そういった場合にメンバー全員が一つのタスク(
「Bluesky」のアカウント作成手順＆実際に使ってみるとこんな感じレビュー、Twitterに激似なので乗り換え・引っ越し先としてかなりアリ
イーロン・マスク氏によるTwitter買収以降、Twitterでは劇的な変化が生じており、他のSNSへの移行を検討するユーザーも増えつつあります。中でも、「Bluesky」には国内外で大きな注目が集まっており、iOSアプリやAndroidアプリの公開を報じた記事は驚異的な閲覧数を記録しました。そんなBlueskyを実際に使うことができたので、アカウント作成手順やタイムラインの見た目、投稿の形式などをまとめてみました。 Bluesky Social https://bsky.app/ 記事作成時点では、Blueskyを使うには招待コードが必須です。GIGAZINE編集部はBlueskyが発表された2022年10月に速攻でウェイトリストに登録していたのですが、どれだけ待っても招待コードをゲットできず。そこで、読者に招待コードを募ったところ、心優しい読者が招待コードを贈ってくれました。ありがとう
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第15弾は、ユーザビリティ・フォーム・ミニマルにデザインする弊害に関するデザインのテクニックです。 UI & UX Micro-Tips: Volume Fifteen. by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. ページ内リンクを効果的に用意する 2. ボタンのラベルは一貫性を保つ 3. 長いフォームは冗長な作業を最小限に抑える 4. 長いフォームは常にラベルを上部に配置する 5. 不要なテキストでフォームのUIを乱雑にしない 6. 特定のUI要素でミニマムな外観を避ける はじめに 次のプロジェクト
1987年の発売以来『FF』の愛称で世界中で人気を博し、今年で35周年を迎えるロールプレイングゲーム「ファイナルファンタジー」シリーズ。2021年より、その原点となる1から6作目を、現代の技術と原作へのこだわりで2Dリニューアルした『ファイナルファンタジー ピクセルリマスター』(以下、FFPR)が順次リリースされている。 オリジナル版で表現されていたドットの味わいはそのままに、音楽も作曲者・植松伸夫氏監修のもと全曲リアレンジ。そのファン待望のサウンドトラックが、2022年3月17日(木)からダウンロード配信開始。 FINAL FANTASY I PIXEL REMASTER Original Soundtrack 試聴・購入 [ハイレゾ] 試聴・購入 [AAC] FINAL FANTASY II PIXEL REMASTER Original Soundtrack 試聴・購入 [ハイレゾ]
10/5にアップデートされたAdobe Photoshop 2020（v21.0）の新機能と改善点を紹介します。 スウォッチのグループ分け、レイヤーのズーム、属性パネルの強化、そしてAIも更に賢くなり、すぐ便利になる機能が盛りだくさんです。 Photoshop 2020のスプラッシュスクリーン Adobe MAX2019に合わせて、Photoshopもアップデートがリリースされました。 Adobe Creative Cloudからアップデートできます。 Photoshopのアップデート つい先日、アップデートされたPhotoshop 20.0.7はバグフィックス版でした。 参考: Photoshop 20.0.7がリリース、macOS Catalinaで起きていた不具合に対応 今回のPhotoshop 21.0では、新機能が満載です！ 数が多いので、さくっと新機能を紹介します。 参考: U
2022年9月の、これだけは押さえておきたいWeb関連の動き
「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 デザイン AdobeのFigma買収とAdobe XDのこれから 9月の大きなニュースは、やはりAdobeによるFigma買収だと思います。このブログでも記事にしています。 関連: Adobe、Figmaを約2.9兆円で買収へ デザインコラボツール大手 フォトショップの作業が楽になる、覚えておきたい小技テクニック18選 とても有益ですが、レイヤーの複製はoption+ドラッグではなくcommand+Jの方が速いと思います。 ちょうどいいWebデザインギャラリー そのWebサイトのいいところが言語化されているギャラリーサイトです。 Screen Sizes iPhone・iPadなどのスクリーンサイズま
Vue.jsのコンポーネント間でデータを渡す方法はたくさんありますが、Propsを使うかSlotsを使うかはニーズによります。Slotsの代わりにPropsを使用する理由、名前付きSlotsやスコープ付きSlotsとの違いについて紹介します。 The Difference Between Props, Slots and Scoped Slots in Vue.js by Luca Spezzano 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Vue.jsのProps Vue.jsのSlots 名前付きSlotsとの違い スコープ付きSlotsとの違い 終わりに はじめに 私はVue.jsを使い始めた時は、コンポーネント間のデータをPropsを介して渡していましたが、使い続けていくと、Slotsでも同じ結果を得られ
Amazon S3の大量データをローカルにマウントできるファイルクライアント「Mountpoint for Amazon S3」登場
Amazon Web Services（AWS）は2023年3月14日、「Mountpoint for Amazon S3」のα版を公開した。Mountpoint for Amazon S3は、Amazon S3上にある大量のデータを、ローカルコンピュータ上のファイルシステムにマウントすることができるファイルクライアントだ。 関連記事 APIテストに便利！ 「Amazon API Gateway」と「Amazon S3」で作る、レスポンスを動的かつ簡単に変更できるAPIモック AWS活用における便利な小技を簡潔に紹介する連載「AWSチートシート」。今回は「Amazon API Gateway」と「Amazon S3」を利用して、レスポンスを動的かつ簡単に変更できるAPIモックを作る方法を紹介します。 サーバレスアプリを構成するビジュアルビルダー「AWS Application Compos
『エルデンリング』の「メリナ」を倒してしまう褪せ人現る。メリナ、無理やり一時的に倒される - AUTOMATON
『エルデンリング』にて、主人公の旅を要所で助けてくれるキャラ「メリナ」を倒してしまうプレイヤーが現れたようだ。本来であれば攻撃できないはずのメリナは、なんとか工夫すれば倒せるようなのである。 『エルデンリング』は、フロム・ソフトウェアが手がけたアクションRPG。本作でプレイヤーは褪せ人と呼ばれる存在として、王となることを目指し、広大な狭間の地を旅する。そしてメリナは、褪せ人の旅をサポートする重要キャラのひとりだ。プレイヤーのお供である指巫女として、レベルアップ機能や移動手段などを提供してくれる。また、プレイヤーの旅を導いてもくれる。ただ、作中では、冒頭を除いてメリナと出会えるタイミングは限られている。その限られた機会のひとつが、祝福での会話だ。 メリナは特定の祝福にて休憩する際にふらりと現れ、ちょっとした会話や女王マリカの言霊を届けてくれる。本作の世界についての重要なヒントを教えてくれる場
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「これ、どうやる？」真似したくなるフォトショップ最新チュートリアル、作り方40選
使いこなして効率アップ！ ChromeのデベロッパーツールでCSSを検証する方法 - ICS MEDIA
Figmaでデザインする時に作業効率がアップする便利なテクニックのまとめ
Windows 10ではできてWindows 11ではできなくなった小技がまた一つ復活へ
HTMLでhtmlタグやheadタグを省略してもいい場合がある、必須ではないHTMLのタグ・属性値のまとめ
プロのUIデザイナーに学ぶ！UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.4
今後注目したいWebデザインの動向や最新トレンド19個まとめ【令和元年版】
Google スプレッドシートで「一行日記」を作ってみた - Qiita
Nintendo SwitchのTVモードは純正ドックでしか動作しないように制限されている
Photoshop文字加工を極める！テキストエフェクト用チュートリアル186個まとめ【保存版】
鍋をやるときにテーブルが狭くてイライラする問題をイギリスが解決してくれた→本来の使い方としても案外正しい
CSS flexboxで実装する、レスポンシブ対応のステップのコンポーネントを解説
WebサイトのUIに役立つ、CSSの:has()疑似クラスの便利な使い方
「小説家になろう」で売るための（間違った）努力をした人々
X (Twitter) で従来のようにOGP画像にタイトル等のテキストを表示する方法まとめ
第676回 aptコマンドの最新機能あれこれ | gihyo.jp
【保存版】心地よいWeb遷移アニメーションの基本ルール6個まとめ
Redash SaaSサービスから自前ホストへの移行した話 - Mirrativ Tech Blog
緊急事態宣言発令でプロ野球は6月まで開幕がずれ込み交流戦とCSは中止になる可能性が…
プロのUIデザイナーに学ぶ！ UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.14
例えば外国に行って、 ①自己防衛のために不特定多数の現地人を犯罪者予備..
フォトショップで人物写真を魅力的にする加工、レタッチ向けチュートリアル164個まとめ
SVG画像のHTMLでの使い方 | バシャログ。
R18ゲームで規制に引っかからないための小技・小ネタ集 | 青いきりんのブログ
GitHubで前にレビューしたときからの差分を確認したいときの小技 - Qiita
スクラムチームでモブプロをやってみた - Commune Engineer Blog
プロのUIデザイナーに学ぶ！ UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.15
『ファイナルファンタジー ピクセルリマスター』サウンドトラック発売記念！植松伸夫氏、宮永英典氏インタビュー | | moraトピックス
Photoshop 2020の新機能がかなり便利！かゆいところに手が届く改善点が盛りだくさん
Vue.jsでSlotsの代わりにPropsを使用する理由、名前付きSlotsやスコープ付きSlotsとの違いについて解説