Photo by Samuel Mann こんにちは。谷口です。 「SQLは何となく書けるけど、DB設計はしたことない…」「DB設計について一度ちゃんと学んでおきたい…」という人は多いですよね。 DB設計とは、DBのデータモデル（DBの構成など）を作成する作業です。 DBを一から作ったり、テーブルを追加したりする際は、当然ですが「今あるデータが何となく格納できればそれでOK」ではありません。 テーブルは正規化できていないといけませんし、データの整合性も取れないといけません。また、効率よくデータが取れる構造になっているかどうかも重要です。 一から設計に取りかかるようなケースは少ないかもしれませんが、DBを取り扱うことがあるなら、こうしたDB設計の基本は知っておいて損はありません。むしろ自分が扱うDBの構造はきちんと知っておかないと、「なんか適当にSQL投げたらデータ取れたけど、正しく取れてる

はじめに これは文系出身の私が、入社後に早く教えて欲しかったことをまとめたものです。 私は 10 年ほど前に文系大学を卒業して技術職で採用されましたが、入社 1 年も経たないうちに「使えない」と言われ、お客様向けのサポートセンター業務に就くことになりました。 その間も個人ではコーディングを続け、開発チームに厄介な口出しなどしているうちに、いつの間にか技術職に戻っていました。 プログラミング未経験者のよくある回り道をした身として、同じような境遇の方の助けになれば幸いです。 以下はすぐに使えるものから、未経験の方には難しい内容まで含まれます。 すぐに分からなくても知ってさえいれば後々効いてくる内容にしたつもりですので、「そのうち分かるかな」くらいの気持ちで読んでもらえればと思います。 👑 コーディングの基礎テクニック 初学者に役立つ汎用的なテクニックをまとめます。 特に説明のない限り、コード

設計原則はよい設計をするための指針です。 では、よい設計とはなんでしょうか？ もっとも重要なソフトウェア品質は発展性 ソフトウェアの発展性がビジネス価値を生む 発展性をうみだす７つの設計原則 モジュール化 モジュール化の２つのアプローチ 型によるモジュール化 手続き的なモジュール化 関心の分離 関心の4象限 入出力と計算・判断の分離 業務の関心と実装の詳細の分離 もっとも複雑な関心事（ビジネスロジック）の分離を徹底する カプセル化と抽象化 カプセル化 ビジネスロジックのカプセル化 抽象化 データ抽象 ビジネスロジックとデータ抽象 高凝集と疎結合 凝集度 結合度 隠された結合性の問題 定義の一点性 見た目が同じコード 7つの設計原則の学び方 コードの実装例 ドメインオブジェクト設計のガイドライン 実践ガイドとして使える本 設計の考え方を理解するための本 もっとも重要なソフトウェア品質は発展性

プログラミング初心者のための JavaScript と Node.js の歴史、それを踏まえた勉強方法 2020年でJavaScript学ぶならきっとブラウザ向けJSガン無視していきなり初手node.js（ただし暫く何も足さない）がいいんじゃないかというメモ - min.t (ミント) Node.js を教えることについて、自分は賛成なんですが、その学習パスが整理されてないなと思っていたのと、学習パスがなぜ整理されていないかについて書きます。 はじめに 問題意識として、今のプログラミングスクールや独学勢が Ruby on Rails に偏っていて、 Node.js の人間としては、歯がゆく感じているんですが、実際 Node.js を教えるとしても問題も多いと認識しています。 歴史の話は、当時の実情や政治を省いて結果だけを書きます。具体的には第一次ブラウザ戦争、第二次ブラウザ戦争を言及しませ

Raycastとは Raycastとは、非常に高速で拡張可能なMacのランチャーアプリケーションです。Macの標準機能であるSpotlightの自由度を高めたようなアプリで、優れたUIUXによる利便性や拡張性も兼ね備えており（割と手軽に）作業の生産性を大いに高めることができます。 しかも、個人利用は実質無料（2022年10月現在）で、ユーザー登録をせずともすぐに生産性を向上させられる神アプリです🌟 以下公式サイトもしくは、Homebrew経由でインストールできます。 ■ 公式 ■ Homebrew Alfredからの卒業 Macの有名なランチャーアプリとしては、Alfredが非常に有名だと思います。今回紹介するRaycastと同様、様々な機能が用意されており、快適な作業と生産性の向上に大きく貢献する便利なアプリケーションです。 ただ、Alfredを本気で便利アプリとして使いこなすためには

Splathon #11 に参加してきました。ついに優勝しました。 前回の Splathon #10 では準決勝で負けたので悔しかったけど、今回はついに優勝できてよかった！！ わたし 一時期は X2400～2500 をうろうろしていましたが、気がつけばガチマッチをやらなくなり、そのうち X2000 を切ったまま放置していたらS+落ちし、とくに精神的ダメージを食らうこともなく同僚や知り合いに自由に遊ばせていたら S+8 まで下がってました。ファイアーエムブレム風花雪月と moon のせいで Splatoon はたまのリーグマッチやプラベ以外はあまり遊んでいませんでした。 チームグーグルシュライバー（以下 G） 前回のメンバーから変更があり、ながやまが今回運営スタッフにまわったので、新卒で入社したなたがわ君が入ってくれることになりました。ウデマエはたしか S+ ですが、キャラコンがめちゃめちゃ

スプラトゥーン2にて追加された「メイン性能アップギア」による能力アップ効果について検証したデータをまとめて掲載しています。（Splatoon2 v5.1.0 最新版対応） 公開日：2018年12月5日　　最終更新日：2020年1月6日 武器種検索 - ページ内リンク (NEW!)

がいた色4/26に開催されたDIST.26 「Webサービスの個性を支えるデザイン」でのLTをさせてもらったので、その内容と補足をnoteにしたためる。 Webサービスにおける「色」Webサービスのデザイン、開発をしていて「色」を何も考えずに決めるということはおそらく無い。もちろん創業者の好みとかそういった決め方もあるかもしれないが、何かしらの理由はある。一方、サービスの利用者にとっても色がサービスを使う動機となることもある。 色が人に及ぼす影響として下記のような研究結果があるらしい。 人は90秒以内にその製品が好みかどうかを判断し、その基準の90%は色だけに基づく。 The psychology of color in web design - 99designs また色相ごとで人に与える心理・感情、意味も様々であり、その側面でどの色を選ぶかを考えることもできる。Canvaの提供する色に

DIST.26 「Webサービスの個性を支えるデザイン」で発表させていただきました。 https://dist.connpass.com/event/123241/ https://esa.io

Hyperのプラグイン紹介です 2016年にお前らのターミナルはダサいなんて記事がありましたが、2018年のいまとなってはiTermを使っている時点で色々物足りなくなってきます。そうです、いまは「Hyper」の時代なのです。技術系ブログのスクリーンショットやカンファレンスのライブコーディングなどでHyperのターミナルを見かけることが多く、結構普及してきていると感じてます。そこで、おすすめのHyperのプラグインを紹介します！こんな感じのターミナルになります。 なお、Hyperのプラグイン紹介サイトとしてはawesome hyperがあるのですが、最新のHyperでは動作しないプラグインが結構あり、ハマってしまうので要注意です。。 カラーテーマ：「hyper-material-theme」 Hyperはデフォルトでも真っ黒なターミナルがかっこいいですが、色々なかたがカラーテーマを作っている

現在システム課では、とある会社のエンジニアの方（以下、Ｃさんと記述）と一緒にお仕事をさせてもらっています。 とある国から、日本に来て十数年のＣさんに原稿を書いていただき、私の方で加筆したものをご紹介させていただきます。 ↓↓↓↓↓↓↓↓↓↓ここからがＣさんの記事です↓↓↓↓↓↓↓↓↓↓ 当社が運営するポータルサイトに多種多様なクライアント様の情報を掲載しておりまして、そこにクライアント様のHPのリンクも貼り付けて誘導を行っています。 今までそのリンクはクライアント様名にaタグを付けていましたが、「より直感的」「より目立つ」ということで、対象サイトが表示される画面キャプチャの画像を表示したら、クリック率はもっと高くなるじゃないかと企画部からお題が上がってきました。 確かに！よく考えていますね！ クライアント様のサイトへの誘導率を高められる見込みがあるので、優先で対応すべき！ 早速PMからタス

最近、「環境構築とかしたくないー」などと嘆くデザイナーさんがいらっしゃったので、何か手軽にフロントエンドの環境を構築できる方法はないかなーと思っていました。そこで良いツールを見つけました！！ その名もPingyです。 gulpやGruntなどは学習コストが掛かります。 Pingyの場合は、複雑なビルドのフローなどには向きませんが、設定ファイルなどもシンプルで初心者に優しく簡単に環境構築ができます！ では、早速環境構築をしていきましょう！ nodeが入っていることは前提としていますのでまだNodeをインストールしていない方は下記の記事を参考にしてください。(尚nodeのバージョンは6以上をサポートしています) Macユーザーはこちら qiita.com Windowsユーザーはこちら qiita.com 1 インストール npm i -g @pingy/cli 作業ディレクトリを作成 mkd

こんにちは、SmartHRの宮田です！ 今回はSaaS（≒サブスクリプション型ビジネス）の営業に求められるスキルや素質について、思っていることを書いてみました。 軽い気持ちで書き始めたら、6,000字を超える超大作になってしまいました・・・😇 世界がサブスクリプション型ビジネスに飲み込まれる NetflixもAmazonもAdobeもSpotifyもMicrosoftもUber（実験中）も月額課金モデル。将来全てのサービスがサブスクリプションになる— Hiro Maeda (前田ヒロ） (@djtokyo) 2017年2月24日 身の回りを見渡してもサブスクリプション型のサービスが増えていますよね。 SmartHR社でもSalesforceや、Github、Slack、Onelogin、GoogleAppsなど様々なサブスクリプション型のサービスに課金しています。 個人としても Appl

Recent Posts Afterword Manifesto of the Modelessist Party Counterpart User-Side Spatial Recent Commentsotktko on Syntax名無しのゲーマー on FPS vs RPG中内淑文 on Afterwordueno on Afterwordくぼた on AfterwordArchives January 2010 December 2009 November 2009 October 2009 September 2009 Categories Uncategorized Meta Log in Entries RSS Comments RSS WordPress.org

このブログは、今後ずっとやっていくようなものではなく、ひとつのテーマについて常日ごろ思っていることをメモしてまとめるためのものです。ひととおりメモしおわるまでのテンポラリーなものです。 そのテーマというのは、「モードレスとモーダル」です。このふたつのカテゴリーは、ユーザーインターフェースを支配する最もハイレベルの二大思想であり、我々が道具を評価する時の根本的な二大基軸であると思うのです。 ユーザーインターフェースというのは人とシステムのコミュニケーション様式です。この様式は大きく、モードレスとモーダルという二種類に分類できます。どちらを好むかは人によります。どちらを好むにしろ、その人は、社会というシステムとインタラクトする時にもその様式を期待し、また従おうとするのです。これが僕の持論です。 このブログでは、そのモードレスとモーダルというものについて、適当にメモ書きしていきます。

no grid here

情報収集方法についておしえてください。見ている情報源、使っているツール、コツなど。 匿名さん よく聞かれる質問のひとつです。 Twitter で、平日毎日情報発信しているので不思議に思われる方もいるかもしれませんが、特別な手法で情報収集をしているというより、時間の費やし方が違うかもしれません。 80%英語です 知人のブログ、又はソーシャルメディアから流れてきた興味深い情報以外は英語中心です。自分の仕事に関わる情報収集は、日本語のを見てもだいたいが英語圏の情報の焼き回しだったり、表層的なところで終わっているところもあるのでほとんど見ていません。学生時代からずっとそうやって情報収集しているので単なる習慣なのかもしれませんが …。 以下がよく見ているサイトの一部です。 Designer News ココを押さえておけば、日本のデザイン系まとめサイトを見なくて済むようになると思います。ここ 1, 2

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.