SQL学習モチベを爆上げする「SQLテスト制度」を導入している話 - AppBrew Tech Blog
こんにちは、最近はアプリグロースを担当しているabeshi（@abeshi_official）です。 美容のプラットフォーム「LIPS」を運営するAppBrewでは非開発職のSQL習得に力を入れています。誰でもRe:dashやログを触れる状態になっているし、それぞれのDBに何がどう入っているかを共有するためのドキュメントも存在しています。 「非開発職もSQL書けるように頑張ろう！」と掲げたところで、当の本人たちは毎日仕事が忙しくなかなか時間も取れない上に明確な目標がないといまいち学習モチベーションを保つことができません。そこで弊社が導入したのが「SQLテスト制度」です。 ✍️SQLテスト制度とは SQLの学習到達度によってレベルごとに分けたテストで、合格すると給与が上がります。 *1現在は二つレベルが存在していて、 【レベル2】... 初学者向けでwhere・joinなど基本的な文法が使え
「男性同士のケア」が難しい理由 - 道徳的動物日記
男同士の絆―イギリス文学とホモソーシャルな欲望― 作者:イヴ・K・セジウィック 発売日: 2001/02/20 メディア: 単行本 近頃では、「これからは男性同士でもケアし合わなければならない」と言った主張がちらほらとされるようになっている。 この主張がされる文脈は様々だ。「これまでの社会は女性にケア役割を押し付けていたが、これからは男性も平等にケア役割を担うべきである」という問題意識に連なる主張である場合もあるだろう。 また、女性の恋人や妻がいないことで「女性からの承認」を得られないと悩んだり「孤独」になることを恐れる男性に対して、「そもそも"自分は異性のパートナーにケアしてもらうべきだ"という発想を捨てて、同性との相互にケアし合う関係を築く可能性に目を向けてみるべきだ」という批判込みのアドバイス的な意味合いで、「男性同士のケア」が提唱される場合もある。 そして、「マウントを取り合う」「
Twitterに新機能「フリート」が登場 24時間で消える動画・画像・テキストを投稿できる
Twitterは11月11日、新機能「Fleet（フリート）」を日本で公開しました。24時間で消える動画・画像・テキストを投稿できる機能で、タイムラインからは独立して表示されます。 フリートは「そのとき伝えたい思いやできごとを、その熱量のままに伝える新しい形の会話」をコンセプトに開発された新機能です。24時間しか表示されないため、タイムラインにずっと残しておくには抵抗がある内容でも気兼ねなく投稿できます。 フリートは拡散（リツイート）できないことから、「個人的で気取らない感情、意見、感じたこと」を投稿するのに向いています。「リツート」や「いいね」をたくさん得ようというプレッシャーを感じている人は、より気楽にTwitterを楽しめるかもしれません。 他のユーザーのフリートには絵文字でリアクションができるほか、DMを開放している相手にはメッセージを送ることも可能です。 絵文字でリアクションを送
国産Headless CMS 「Micro CMS」を試してみた - Qiita
Headless CMSとは Headless CMSは、Wordpressなどとは違って本体のウェブサイトと管理画面が完全に分離されているのが特徴の CMS(コンテンツマネジメントシステム) です。 これを使うと、フロントエンドとCMS側が分かれるのでそれぞれを別の場所に配置することが可能です。 動的なコンテンツを表示することをサーバーを持たずに行うことが可能になるのが魅力です。 Micro CMSとは Micro CMSは国産のHeadless CMSです。 これまでのHeadless CMSというと「Contentful」が主流な気がします。 Contentfulは日本のサービスではないので英語が基本になりますが、Micro CMSはデフォルトで日本語に対応していたり、日本語でのチャットサポートがあるのが良いと思いました。 使い方 登録 上記画面の「無料ではじめる」または「新規登録」
［速報］マイクロソフト「.NET 5」正式リリース。1つのフレームワークでWindows／Mac／Linuxのデスクトップ、サーバアプリ、Webアプリなどが開発可能に
［速報］マイクロソフト「.NET 5」正式リリース。1つのフレームワークでWindows／Mac／Linuxのデスクトップ、サーバアプリ、Webアプリなどが開発可能に マイクロソフトは、アプリケーションフレームワークの最新版となる「.NET 5」正式版のリリースを発表しました。 .NET 5は「.NET Framework」と「.NET Core」フレームワークを統合し、その後継となるオープンソースのフレームワークです。 これにより長いあいだマイクロソフトのもっとも重要かつプロプライエタリなフレームワークだった「.NET Framework」が、その地位を正式にオープンソースの「.NET 5」へ譲ることになります。 Announcing .NET 5.0 https://t.co/dwjJTZA399 — .NET (@dotnet) November 10, 2020 .NET 5はWi
For fast and secure sites | Jamstack
What is Jamstack? Jamstack is an architectural approach that decouples the web experience layer from data and business logic, improving flexibility, scalability, performance, and maintainability. Jamstack removes the need for business logic to dictate the web experience. It enables a composable architecture for the web where custom logic and 3rd party services are consumed through APIs. The Roots
Wireflow - Webサイトのユーザフロー/ワイヤーフローを自由に作成 MOONGIFT
Webサイトを作る際にユーザフロー（ワイヤーフロー）を作ります。Webサイトの画面を並べて、リンク先をつないでいくことで、フローを明確にします。そして目的のページまでたどり着くのに深くなりすぎていないか、分かりづらい流れになっていないかなどをチェックできます。 今回紹介するWireflowはWeb上か簡単にワイヤーフローが作成できるソフトウェアです。 Wireflowの使い方 例です。左側にあるパーツをドロップして、線でつないでいくだけという簡単さです。 拡大できます。 パーツを縦につなげることで、長いページも表現できます。 グルーピングも可能です。 Wireflowを使えばワイヤーフローが手軽に作成できます。あらかじめ多数の画面モックアップが用意されていますので、ページの雰囲気に合わせて自由に作成できるでしょう。Wireflowを使えばWebサイトの構造を検討したり、パーツをカスタマイズ
Smart UI パターンが再評価される世界 - id:onk のはてなブログ
設計ナイト2020 を受けて、今どんなアーキテクチャを選ぶべきかという話をしたくなったのだ。 kichijojipm.connpass.com 設計ナイトで高ぶった結果1時間コースの発表資料が完成したので供養場所を探しています。聞いてくれ！！！— Takafumi ONAKA (@onk) 2020年11月1日 お前誰よ 2000年代前半に SI 2000年代後半にブログ、SNS 2010年代にソーシャルゲーム 2020年代に UGC サービス をやってきた人間。数百万〜数億行のデータ、月間数千万〜数十億 imp 程度を主戦場にしています。 今日の話 DDD と PofEAA から学ぶパターン/アンチパターン Rails によって発見された、密結合で速く走れるソフトウェア 今求められているアーキテクチャ 昂ぶって 15,000 字ぐらい書いてしまった。 DDD と PofEAA から学ぶパ
UI をぱぱっと作る方法 — Tailiwind CSS でプロトタイプから完成形まで
Web サービスを作ってると、CSS フレームワークの部品ではすぐに足りなくなります。次のようなクリックしてへこむ 3D ボタンが必要になったとしましょう。 最初に考えるのは、すでにあるボタンを拡張する方法です。Bootstrap とか Bulma など、使っている CSS フレームワークのソースコードを調べ、ボタンのスタイルを上書きする CSS を当てます。これは !important だらけの汚いものになりがちです。 部品を自分で作るには?もうひとつの方法は、イチから自分で作る方法です。ボタン用の新しい CSS クラスを書き、ボタンを 3D にしたり、クリックしたときにへこませたりします。でも CSS で面倒くさいのは、何をするにもまず名前を付けなければいけないところです。ボタンのクラス名を考えて、クラス名.scss ファイルを作り、そしたらコンパイルが走り、微調整のたびにまたコンパイ
「ヒーローヘッダー」新しいWEBデザインのトレンドをBtoBの企業で使うとこうなる！
2,300社以上のWeb制作実績！ BtoB企業で成果を出すWeb制作プラン公開中！ Webサイトを制作するだけではなく、戦略・施策立案、Web制作、SEO、MAを活用したリードナーチャリング、コンテンツマーケティングなど、Webマーケティングの川上から川下まで、一気通貫で支援が可能です。少しでもWebリニューアル、ホームページ制作に興味がある方はお気軽に詳細をご覧ください！ 詳細を見てみる ビジネスの世界では、相手に与える“第一印象”は数秒で決まると言われています。 第一印象が良いと、次のステップも良い方向に進みやすいですが、 悪い印象を与えてしまうと回復するのに余計な時間がかかってしまいます。 “第一印象”が大切という考え方は、ウェブサイトでも同じように、印象が良いと次を見たいと興味を湧かせることができます。 その一方、悪い印象を与えてしまうと、サイトの閲覧者はページを閉じてしまいがち
【CSS】box-sizing:border-boxの使い方｜効かない時は？
今回は「要素からpaddingの部分がはみ出てしまう」「線がはみ出てしまう」というような問題をbox-sizingプロパティにより簡単に解決する方法を紹介します。CSS初心者の方でも分かるように box-sizingの意味から、使い方、各ブラウザの対応状況まで解説します。丁寧に解説していくので、中級者〜上級者の方は必要に応じて読み飛ばして頂ければと思います。
box-sizing－CSS3リファレンス
box-sizingプロパティは、ボックスサイズの算出方法を指定する際に使用します。 値にcontent-boxを指定すると、 widthとheightで指定する幅と高さが内容領域に対して適用されます。 幅と高さにはパディングとボーダーは含まれません。 これはCSS2.1の仕様通りの解釈で、DOCTYPEスイッチの標準モードのような表示になります。 値にborder-boxを指定すると、widthとheightで指定する幅と高さがボーダーボックスに対して適用されます。 内容領域にパディングとボーダーを含んだ範囲に対して幅と高さが適用されるため、 パディングとボーダーの分だけボックスサイズが小さくなります。 DOCTYPEスイッチの互換モードのような表示になります。 ■値 content-box パディングとボーダーを幅と高さに含めない（初期値） border-box パディングとボーダーを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
microCMS｜APIベースの日本製ヘッドレスCMS
「フロントエンド領域」を再定義する