WEB アプリケーション設計入門 / Introduction to web application designPHP Conference Japan 2020 トーク前提の資料です。そのため、トークがないと理解が難しいかもしれません。 https://youtu.be/UTKJ-Lgn3aI?t=36 ※冒頭音声が小さいです。マイクを手に持ってから聞こえやすくなると思います。 資料中の ADOP …
本当にあったやらかしDB設計⑥【見えない削除フラグ】 - Qiita
そもそも削除フラグとは何でしょうか レコードに専用のカラムを用意し、その値が0であれば未削除、1であれば論理削除、とする手法のことです しかし、削除フラグは良い方法ではありません 下記でかなり詳細にわかりやすく説明されているので是非見てください SQLアンチパターン 幻の第26章「とりあえず削除フラグ」 削除フラグは手間を増やしたりバグになる可能性を持ってはいますが、注意していれば取り扱うこともできます 見えない削除フラグはとりあえず削除フラグを凌駕する問題です どういうことかと言うと、削除フラグを立て忘れる、ということです 何が悪いの？？ 生きているデータと死んでいるデータが混ざります これは通常の削除フラグにも言えますが、見えない削除フラグでは死んでいるデータを死んでいるデータと判別することができなくなります 問題 見えない削除フラグはいくつかの問題を引き起こします 本当は死んでいるデ
新しいフレームワークを学ぶならTodoMVCではなくRealWorldを参考にしよう - Runner in the High
よく新しいフレームワークを学ぶにはTodoアプリを作ってみるのがよい、と言われる。実際、Todoアプリを様々なフレームワークで作ってみたサンプルをまとめたサイトもあったりする。 ところが、実際に業務で作るようなアプリケーションはTodoアプリの範疇を超えている。とくにSPAにもなると、画面遷移やWebAPI連携、大規模な状態管理などなどの条件が増えるので、Todoアプリを作っているときには考慮できていなかった大変さが出てくる。 そこで参考になるのが RealWorld example apps と呼ばれるプロジェクト 端的に言うと、TodoMVCの大規模版。 規定のスペックに沿って、様々なウェブフレームワークで作られたアプリケーションのリポジトリがリストアップされている。 スペックについて "Conduit" is a social blogging site (i.e. a Medium
Firebase入門 フリマアプリを作りながら、認証・Firestore・Cloud Functionsの使い方を学ぼう！｜ハイクラス転職・求人情報サイト AMBI（アンビ）
ハイクラス求人TOPIT記事一覧Firebase入門 フリマアプリを作りながら、認証・Firestore・Cloud Functionsの使い方を学ぼう！ Firebase入門 フリマアプリを作りながら、認証・Firestore・Cloud Functionsの使い方を学ぼう！ Firebaseでは、バックエンドやインフラに精通したメンバーがいなくても、モバイルやWebフロントの開発に集中できます。Authentication、Firestore、Cloud Functions、さらにセキュリティルールまで、クックパッドの岸本卓（@_sgr_ksmt）さんが、実践的に解説します。 Firebaseをご存じでしょうか？ Firebaseを利用したことはありますか？ 今回は「Firebaseをこれから使ってみたい！」「絶賛使っているけど、初めてでどう開発したらいいかよく分からない……」という方
How to 速度改善 ーWebパフォーマンスについて知っておきたいこと7選ー - Qiita
今回のテーマ Webパフォーマンスを改善する上で知っておきたい知識をまとめてみました。 前回の記事では使わなかった（使えなかった）技術や方法なども含めて記載します。 また、ブラウザのレンダリングなどについても書きたいと思います。 (2019年5月23日追記) 過去の記事はこちら How to 速度改善 ー計測・知識編ー How to 速度改善 ー原因調査編ー How to 速度改善 ー実装&技術調査編1ー 1. ブラウザレンダリングの仕組み 推測するな、計測せよ という言葉にあるように、闇雲にチューニングを初めても良い結果は出ません。まずはブラウザレンダリングの仕組みからみていきましょう。 ブラウザレンダリングの流れ レンダリングの大まかな流れは Loading→Scripting→Rendering→Painting（これでページが表示される） となっています。 この処理の内容をフレーム
Webアプリケーションにおける正しいキャッシュ戦略 - Sansan Tech Blog
こんにちは。プロダクト開発部のサーバサイドエンジニアの荒川です。普段はSansanのスマホアプリのAPIの開発をしています。 今回扱うテーマは皆さん大好きキャッシュ（Cache） です。 Webアプリケーションを開発するエンジニアである以上、キャッシュの存在からは逃れられないでしょう。 例えばパフォーマンスを向上させる手段として、キャッシュを仕込むことは往々にしてあるかと思います。 キャッシュを使えばパフォーマンスが向上しそう、というイメージも強いため安易に選択する戦略になりがちですが、正しく扱うことは本質的に難しいです。 しかしキャッシュを上手に使えば、ユーザ体験を圧倒的に向上させることができます。 そんな諸刃の剣キャッシュ💰について考慮するべきこと、その戦略を改めてまとめてみました。 今回の対象 今回の対象は、アプリケーションレベルでのキャッシュ戦略を取り扱います。 いわゆるキャッシ
ウェブデザイン制作が爆速に！便利な最新オンラインツール47個まとめ
ウェブデザイナーやグラフィックデザイナーのデザイン制作をスピードアップさせる、便利な最新オンラインツールをご紹介します。 ゼロから作ると時間のかかってしまいそうなことも、これらのツールを使うことで大幅に制作時間を短縮できるツールが揃います。今後のデザイン制作のワークフローに取り入れてみてはいかがでしょう。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. モックアップツール 2. デザインツール 3. デザインからコードへの変換ツール 4. プロトタイプツール 5. サウンドツール 6. アイコン素材パック 7. コラボレーション、共同作業ツール 8. 面白ツール 9. フォント、書体ツール ウェブデザイン制作を爆速に！便利な最新オンラインツールまとめ モックアップツール Design Camera アニメーション付きの３Dモックアップを数秒で作
Promiseとasync/awaitでJavaScriptの非同期処理をシンプルに記述する
JavaScriptにおける非同期処理は一種の悪夢です。非同期処理は容易にコードを複雑化させ、品質の低下を招きます。そこでこの問題を解決するため、非同期処理を簡単に扱うことができる、Promiseやasync/awaitという機能が導入されました。この記事では、Promiseとasync/awaitを用いた非同期コードの単純化について簡単な解説をします。 実行順序がコード通りにはならない非同期処理 非同期処理とは何でしょうか。非同期な処理は、コードの順番通りには実行されません。どういうことか、簡単な例を見てみましょう。 setTimeout(() => console.log('hello'), 500); console.log('world!'); このコードでは500ミリ秒後に「hello」と表示し、その後に「world」を表示しようとしています。ですが、実際には「world」の後に
第4回 シングルページアプリケーションの基礎を作成する | gihyo.jp
はじめに この連載の前回までの記事で解説にあったように、Vue.jsはシンプルなViewレイヤのライブラリです。もしアプリケーションにシングルページアプリケーションとしての要件がある場合、ライブラリとしてVue.jsのみを使用した実装では少し困難になるでしょう。公式プラグインであるVue Routerを使えば、SPAを簡単に実現できるようになります。連載第4回目である本稿では、Vue.jsとVue Routerを使ったSPAの実装の基本について紹介します。 シングルページアプリケーションとは シングルページアプリケーション（以下SPA）とは、1つのHTMLをロードして、ユーザーインタラクションに応じて動的にページを更新するWebアプリケーションです。通常のWebアプリケーションでは、ページ遷移時にサーバへアクセスしコンテンツをロードしますが、SPAではページ遷移をクライアントサイドで行いま
有料note買う前に、マーケティングの本を1冊読もう！初心者におすすめのマーケティングの書籍 | 鈴木です。～鈴木利典 公式ブログ～
マーケティングの本をなぜ読むべきなのか？ その前になぜマーケティングの本を読むべきなのか？ マーケティングの基本となっていることってもう何十年もそれほど変わっていないんですよ。 よく耳にするマーケティングの言葉で マズローの法則＝1960年代 ランチェスター戦略＝1910年代 SWOT分析＝1920年代 マズローの法則に関しては否定する論文も出ていますが、ほとんどのマーケティングの基本になっていることって40年以上も前から言われていることで、普遍的なことが多くなっています。 パソコンからスマホに移り、ネットでほとんどのものが購入出来るようになった現在でもマーケティングの基本は大きく変化していません。 それだけ普遍的で今でも使われていることなのに、なぜかアフィリエイトやブログになるとマーケティングの本を1冊も読んでない人って多い印象です。 大学でマーケティングの勉強をしていたのならともかく、
エンジニアに知ってほしい、Webデザインを初心者が学ぶ5つのメリット - paiza開発日誌
こんにちは、谷口です。 エンジニアのみなさん、デザイン周りで困った経験はないですか？ Web開発をしていると、 マージンやカラーやフォントサイズなどをちょっと変えただけでおかしくなってしまった… うまく入らなくて1px変更しただけなのにデザイナーに怒られてしまった… 作ったサービスや機能が微妙に使いづらい感じだけどどう改善したらよいのかわからない… といったデザインに関するトラブルは珍しくありません。 基本的なデザインの仕組みやルールを理解しておくと、このようなトラブルを減らして、スムーズに開発することができます。 デザインとシステムは、切っても切り離せないものです。「デザインってセンスがいるんでしょ」と思われるかもしれませんが、デザインはあくまで理論に基づいたものなので、センスなど関係なく理論を学べば習得することが可能です。 今回は、エンジニアがデザインを学ぶメリットについて解説します。
弊社の新人エンジニア研修カリキュラムを惜しみなく公開してみる - Feedforce Developer Blog
こんにちは！今年の4月にポテンシャル枠で入社した id:daido1976 です！引き続き Rails に弄ばれる日々を過ごしています。 さて、今回は約4ヶ月間の新人エンジニア研修を受け終えた私が弊社の研修カリキュラムを公開し、まとめや実際に受けてみての感想を書いていきたいと思います。 前提として フィードフォースでは今年4月〜5月のほぼ同時期に e-Navigator というプログラムを通じて、私を含む3名の実務未経験エンジニアが入社しています。 今回の研修は、e-Navigator でもレビュアーだった @sukechannnn がメンターとして上記3名の新人エンジニアをフォローする体制で進めました！ 研修の成果を3行で 入社時に「プログラミング歴3ヶ月の超初心者エンジニア」だった私が フィードフォースで約4ヶ月間の新人エンジニア研修を受けて 配属後にある程度自走してコードが書けるぐら
実況中継シリーズ 「開発現場で役立たせるための設計原則とパターン」 #builderscon 2018 - 猫型の蓄音機は 1 分間に 45 回にゃあと鳴く
先日慶應義塾大学日吉キャンパスで行われた builderscon2018、最高のカンファレンスでしたね。わたしも「開発現場で役立たせるための設計原則とパターン」というタイトルで発表させていただきました。今回は恒例「実況中継シリーズ」として、プレゼンの再現をブログで行いたいと思います。 なお、過去の実況中継シリーズは前職の技術ブログにまとまっていますので、そちらからご覧ください。 それでは本編を開始したいと思います。 開発現場で役立たせるための設計原則とパターン アバンパート よろしくお願いします。 まず最初に簡単に自己紹介をさせていただきます。 先月転職をしまして、8/1からClassiという会社で働いています。妻と息子がおります。Scalaが好きですが、仕事ではRubyメインという感じです。 Web+DB PressやSoftware Designで何度か特集を書かせていただきました。と
プレゼン資料のスライドデザインを自動化してくれる最強のWebアプリ「Beautiful.AI」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ プレゼン用のスライド資料を作成する時に、テキストボックの配置に悩んだりフォントやカラーリング、チャートの作成に時間を掛けていたりしませんか？ 今回ご紹介するサービスは、AIの活用により多種多様なスライド資料を学習させて最適なデザインを提案し、無駄な時間をカットして本来プレゼンに必要な「伝えたいこと」だけに集中できます。 超短時間で見栄えが良くて分かりやすいスライド資料を作りたい方は、ぜひ参考にしてみて下さい！ 【 Beautiful.AI 】 ■「Beautiful.AI」の使い方！ それでは、実際に「Beautiful.AI」を触りながらどのように利用すればいいのかを見ていきましょう！ トップページにアクセスしたら、画面上部にある「SIGN UP」ボタンをクリックします。 「メールアドレス」「パスワード」を入力すればユーザー登録は完了です！
ある文系プログラマがテックリードを任されるまでに学んだこと ── 最前線で生き延びる4つの戦略 - エンジニアHub｜若手Webエンジニアのキャリアを考える！
ある文系プログラマがテックリードを任されるまでに学んだこと ── 最前線で生き延びる4つの戦略 コンピュータサイエンスの専門教育を受けず、20代半ばで本格的なプログラミングを始めた文系エンジニアが、いかに学び、考え、生き延びてきたのかを伝えます。 こんにちは。白山（@fushiroyama）と申します。現在は新聞社のデジタル事業部署で、モバイルアプリ開発のテックリードをしています。 自分のエンジニア人生を振り返ると、これまでの道のりは決して平坦ではありませんでした。コンピュータサイエンスの専門教育を受けず、本格的にプログラミングを始めた年齢も23、4歳と決して早くありません。 そんな自分が、いかにして開発チームのリーダーを任せてもらえるまでになったか？ 考えてみると、次の4つの戦略で生き延びてきたようです。 自分だけの居場所を見つける 必要な知識を効率的に取捨選択する 他のエンジニアに差を
数千ページのワイヤーフレームを書いてきたWebディレクターがUI設計時に気を付けている８つのこと。 - 笑顔を創りたいWebディレクターの日常
なんかすごい思い付きで www.adventar.org に参加してみたんですけども。 気づいたらいつの間にか自分の日になっていて面倒くさくなってきて激しく後悔したびっくりしたという。 ぼくはWebディレクターでありデザイナーさんではないし、すてきデザインができるようなビジュアルセンスのようなものは、誠に残念ながら母上から授けられずにこの世に生を受けているものですから、"いわゆる"デザインはやらないんですが、その前の画面設計についてはワイヤーフレームなるものでいっつもやっておりますので、その観点からなんか書きましょうとそういうことですお母様（謎） そんなわけで、うぇぶぎょうかいのむめいでぃれくたーのお時間です。 Webディレクターとしてはえーと、もうすぐ丸１２年になります。そうするとまあ、たぶん数千ページは「ワイヤーフレーム」をつくってきたんじゃないかと思います。正確な数字はわかんないです
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
一時期プログラミングのデザインパターンというものが大流行しましたが、現在ではどのように評価されているのでしょうか？
グーグル「スピードアップデート」ついに開始！ モバイル表示速度が検索ランキング要因に【SEO記事12本まとめ】 | 海外&国内SEO情報ウォッチ
初学者でも5分で理解できるようにDI(Dependency Injection)を説明してみた - Qiita
<script>要素のdefer属性、async属性による外部JavaScriptの非同期読み込み - Qiita
