チームメンバーのあの子のこと…もっと知りたい❗️【おすすめチームビルディングワーク紹介】
はじめに 新人が入ってきた時、チーム編成が変わった時、新しくチームができた時、、、 もっとチームメンバーのことを知りたい！と思っても、打ち解けるのが難しいことってないですか？(酒抜きで) 私の開...
45
28
Comment0
21 search resultsShowing 1~20 results
Stocked
You need to log-in
【心理学】UIデザインの「なんとなく」を減らしたい
はじめに UIデザインを作成するときやデザインのレビューをするときに、こんな経験をしたことはありませんか？ この「なんとなく」の感覚は「直感」とも言えますが、根拠を説明できなくてモヤモヤしますよ...
12
4
Comment0
TextFieldを小さくしたいだけなのに
困ったこと 「TextFieldの高さを小さくしたい・・・」 TextFieldの高さを小さくしたい場合、デフォルトの設定では難しいことがあります。 本記事では、その解決方法について説明します。...
8
1
Comment0
simple_formatって？
概要 simple_format は、テキストをシンプルなHTML形式に変換するRailsのヘルパーメソッドです。主に、改行をHTMLタグに変換する用途で使用されます。 以下の条件で文字列が加工...
8
0
Comment0
Kotlin Multiplatformの環境構築
最近Kotlin Multiplatformを使い始めたので、環境構築の方法を備忘録としてまとめました。 ▼ 公式ドキュメント 環境 Apple M1 Max macOS Sonoma 14.6...
10
2
Comment0
【Figma】覚えておきたい便利なショートカット7選
はじめに 最近Figmaを使い始めたので、作業していて便利だなと思ったショートカットを忘れないようにまとめました。 記号 意味 ⌃ Controlキー ⌥ Optionキー ⇧ Shiftキー ...
13
5
Comment0
【Mac/ブラウザ版】Figmaで新たにフォントを追加する方法
はじめに FigmaにはデフォルトでGoogleフォントが搭載されていますが、別のフォントを使用する場合はそのフォントをPCにインストールし、Figmaデザインファイルからアクセスする必要があり...
10
3
Comment0
Table内の3点リーダーってどういう仕組み？max-width: 0ってﾄﾞﾕｺﾄ？
3点リーダーとは 3点リーダー（省略記号）とは、テキストが長くてボックスの領域を超えてしまう場合に「...」でテキストを省略表示する手法です。 3点リーダーを実装するために必要な4つの設定 1、...
40
30
Comment0
【RubyMine】よく使う便利なショートカット10選
はじめに 私は普段、RubyMine というIDE(Integrated Development Environment)を用いてMacでRuby/Railsプロジェクトの開発をしています。 そ...
13
5
Comment0
横からスライドするモーダルの作り方
クリックすると、横からスライドして表示されるモーダルの作り方です。 作り方 1. ボタンとモーダルのdivを置く sample.html <button>Click!</but...
14
6
Comment0
知らなかったCSSプロパティ 3選
はじめに 意外と知らなかったCSSプロパティを3つ紹介します。 1. currentColor currentColor（CSS:カスケーディングスタイルシート） 特定の要素に指定されている色を...
78
69
Comment1
【JavaScript】クラスの継承
継承とは クラスの継承は、あるクラスが別のクラスを拡張するための方法です。 つまり、既存の機能の上に、新たな機能を作ることができます。 継承前 ドラえもんクラス.js class Doraemo...
11
2
Comment0
エンジニアでも知っておきたいUIの使い分け〜選択させるUI編〜
選択させるUI ユーザーに「選択させるUI」と聞いて何が思い浮かぶでしょうか？ ラジオボタン、ドロップダウン、チェックボックス...など様々です。 これらはどのように使い分けるのでしょうか？ ラ...
77
68
Comment0
FLOCSSルールまとめ
はじめに FLOCSSというCSS設計手法でビューを実装する機会があったのですが、公式ドキュメントや既存の記事だけでは設計に悩む部分もあったので、備忘録として設計ルールをまとめました。 FLOC...
20
9
Comment0
text-alignが効かない！vertical-alignが効かない！
はじめに text-align や vertical-align を指定しているのにうまく効かなくて困ったことはありませんか？ 「text-align: center; は水平方向に中央寄せして...
17
7
Comment0
【RubyMine】知っておくと便利なショートカット8選
はじめに 私は普段、RubyMine というIDE(Integrated Development Environment)を用いてMacでRuby/Railsプロジェクトの開発をしています。 そ...
13
2
Comment0
[HTML,CSS]新人エンジニアがView作成時にするうっかりミス
はじめに 新人エンジニアの私がビューを作成しているときに犯したうっかりミスをいくつか紹介します。 反面教師にして、皆さんもお気をつけください。 新人エンジニアがView作成時にするうっかりミス ...
1
1
Comment0
【CSS】display: flex; を使って背景を画面いっぱいに広げる方法
はじめに 中の要素の大きさに関わらずにmainの背景を画面いっぱいに広げたいあなたに、display: flex; を使って実装する方法を紹介します。 【理想】 【現実】 実装方法 HTML構造...
9
6
Comment0
この振り返り手法のココが良い・ココが悪い❗️(KPT, FDL, 喜怒哀)
はじめに 私の会社ではアジャイル開発の一つであるスクラム開発を取り入れており、毎週チームメンバー全員で振り返りを行なっています。過去に様々な振り返り手法を使ってきたので、それぞれのやり方・特徴・...
14
9
Comment0
【HTML,CSS】テーブルの角を丸くしたい！
「border-radiusが効かなくてテーブルの角を丸く出来ない...!」と、お困りなそこのあなたに 今回は角の丸いテーブルを作成する方法を解説していきます。 再現したいデザイン table要...
0
1
Comment2
21 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles