37. ランサーズの現場（yakitori009） | PHPの現場
@yakitori009 さんとリモートワーク、ランサーズの現場、CakePHP、SREなどについて話しました。 家からの収録 リモートワーク コミュニケーション オフィス 地方採用 ランサーズの現場 PHP は扱いやすい Rails への置き換えを検討 バージョンアップの過程を発表 既存のユニットテストを捨てる CakePHP を継続して利用 PHP / CakePHP バージョンアップ時のインフラ対応 インフラエンジニアとして入った理由 コンテナの利用 今は本番でコンテナを利用しない 仕事で大変なところ チームとの調整 OSS コミュニティとの関わり 他社との合同勉強会 今後の展望 SRE モニタリングサービス Mackerel, New Relic, Datadog 迷ったらシンプルな方に寄せる Show notes ランサーズ | 日本最大級のクラウドソーシング仕事依頼サイト ラン
「ご飯だけ」「パンだけ」では足りない ジュニア選手が朝ごはんで摂るべき栄養素
休日は子どもたち自身で朝食を準備するように役割を与えるのも手 理想をいえば、さらに野菜も摂りたいところですが、作る親御さんも食べる子どもたちも、少々ハードルが高いと感じるようです。それでも、「朝は忙しいから野菜まで出せない」「出してもどうせ食べないから」と諦めず、食べられる工夫を続けることが大切。例えば、ミニトマトやゆでたブロッコリーなど、一口二口で食べられる野菜をちょっと添える、あるいは野菜ジュースを出すだけでもよいです。野菜のたくさん入ったみそ汁やスープを前日の夕食に多めに作って朝食に出せれば上出来です。 また、「いつも家を出るギリギリまで支度がかかる」「朝はぼーっとしていて食欲がみられない」などと、朝食を食べられない場合、食べるための努力（工夫）も必要です。 例えば、起床後に歯を磨いたらまず水を飲む、または整理体操やストレッチをします。すると血行が促され、胃や腸が活発に働き始めて、食
Vueのライフサイクルを完全に理解した - Qiita
Vueのライフサイクルについて 今回はVueのライフサイクルについて説明したいと思います。 Vueのライフサイクルは以下のようになっております https://jp.vuejs.org/v2/guide/instance.html#ライフサイクルダイアグラム このようにVueではインスタンスが作られてから、削除されるまでの間で、ライフサイクルフックを実行することができます。 ここでは、インスタンスのライフサイクルごとに説明したいと思います。 インスタンス作成時 インスタンス作成時には以下の2つのフックを実行されます beforeCreate <script> export default { data(){ return{ hoge:"a" } }, beforeCreate () { console.log('hoge is: ' + this.hoge) } } </script> /
JavaScriptの非同期処理Promise、AsyncとAwaitの仕組みをGIFアニメで解説
JavaScriptの非同期処理Promise、AsyncとAwaitの仕組みをGIFアニメで解説した記事を紹介します。 ⭐️🎀 JavaScript Visualized: Promises & Async/Await by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに コールバック地獄 Promiseの構文 イベントループ: Microtasksと(Macro)tasks AsyncとAwait はじめに JavaScriptのコードが期待通りに実行されないことに悩まされたことはないですか？ おそらく、関数が不規則に実行されたり、予測できないタイミングで実行されたり、実行が遅れたりしたことがあるかもしれません。そして、ES6で導入された新機能Promiseが原因かもしれません！ 何年も
4歳娘「パパ、Promiseやasync/awaitって何？」〜Promise編〜 - Qiita
スペシャルサンクス @sega_yuu @frodo821 とある休日 娘（4歳）「ねえパパ」 ワイ「なんや、娘ちゃん？」 娘「非同期って何？」 ワイ「ひ、非道鬼！？」 娘「そうそう、非同期処理とかいうやつ」 ワイ「非道鬼を処理やて・・・！？」 非道鬼「ヴォ〜〜〜！！！」 娘「！？」 娘「・・・現れたわね、非道鬼」 娘「処理してあげる」 ワイ「娘ちゃん、まだ4歳なのに、もう厨二病か・・・？」 よめ太郎「おい」 よめ太郎「お前まさか、非同期も知らんのか・・・？」 ワイ「いやいや、まさかまさか」 ワイ「流石に知っとるわ」 ワイ「それはそれは・・・極悪非道な・・・鬼のことや・・・」 よめ太郎「お前が非道鬼に喰われてしまえ」 非同期処理とは よめ太郎「ええか、娘ちゃん」 よめ太郎「まず、同期って言葉は」 よめ太郎「タイミングが合うって意味や」 娘「じゃあ、非同期っていうのはタイミングが合わないって
【ラストダンス回想 Vol.2】デニス・ロッドマン 休暇要求事件の真相（宮地陽子） - スポーティングニュース
デニス・ロッドマンの要求を呑んだフィル・ジャクソン話題のドキュメンタリー、『マイケル・ジョーダン: ラストダンス』（原題『The Last Dance』）の第3話から第4話にかけて、デニス・ロッドマンの“休暇”について描かれていた。ロッドマンが1997-98シーズンのまっただ中に休暇を求め、フィル・ジャクソン・ヘッドコーチがマイケル・ジョーダンと相談の上で、48時間の休暇を与えた、というエピソードだ。自由奔放なロッドマンと、そんな彼に自由を与えるブルズの懐の深さがよくわかる話だ。 確かに、あのシーズン、ロッドマンは1月に2試合欠場している。だが当時は、ロッドマンが休暇を求めた話が明かされることはなく、チームから与えられた48時間はインフルエンザによる離脱ということになっていた。ジャクソンがロッドマンの不在をメディアにそう説明したからだ。チーム内でインフルエンザが流行っていた時期だったことも
スナック「jQuery」 - Qiita
……あら、いらっしゃい。 若いお客さんなんて珍しいわねえ。昔は、この街一番の人気店でね、若いお客さんもたくさんいたんだけどさ。最近はめっきり減っちゃってね。 何飲む？ ……水割り？ わかったわ。 じゃあさ、ちょっとだけ、あたしの昔話に付き合ってもらってもいいかしら。 What is jQuery? この店――『jQuery』がオープンしたのって、2006年なんだけどさ。その頃の、この街の様子って覚えてる？ ……知らないか。あなた、まだ若いもんね。その頃って、そりゃあヒドイもんだったのよ。 その頃、シェア率トップだったブラウザって、もちろんInternet Explorerだったんだけど。当時はバージョン7が登場したばかりで、あの悪名高きIE6もまだまだ主流だったの。 他のブラウザは、Safariがバージョン3がMacとWindowsに公開されていた頃で、Firefoxはまだバージョン2.0
7 JavaScript Design Patterns Every developer should know
Design patterns in JavaScript are reusable solutions applied to commonly occurring problems in writing JavaScript web applications. It is quite appropriate to refer JavaScript design patterns as templates to provide solutions to problems but not quite to say that these patterns can replace the developers. Design patterns help combine experiences of many developers to structure the codes in an opti
Mysqlで銀行口座のような出入金管理
＞ここでおっしゃっている源泉というのはどういった解釈をすればいいのでしょうか？ 源泉は、そのデータが発生したそもそもの要因と考えていました。 ＞ブラウザ上で表示したい内容は～～ 失礼しました。 売上の履歴も含めて表示させたいってことですね。 てっきり、１ユーザー１レコードで、出ポイントと入ポイントは それぞれ変動するたびに計算するデータ構造だと思い込んでました。 すみません。（Yahooや楽天の残ポイント表示みたいな感じ） select （ sum( 入ポイント ) - sum( 出ポイント) ） AS 残ポイント from ターゲットのテーブル group by ユーザーID こんなかんじで・・・ 履歴をそのまま表示させるということでしたら、 残ポイントがあったほうがいいかもしれませんねぇ・・・ ちなみに、私が上記設計をすると断見してしまったのは Yahooポイントの獲得情報を真似てのこ
日付・時間のピッカーを単独のWebコンポーネントとして利用できる軽量JavaScript -Aeon Date Picker
デスクトップでもスマホでもタブレットでも動作し、フレームワークの有無に関係なく機能する、日付・時間のピッカーを簡単に実装できるわずか5Kbの軽量JavaScriptを紹介します。 依存関係は一切なく、単独のWebコンポーネントとして利用できるので、非常に便利です。日本語環境のフォーマットにも対応しています。 依存関係はなし スタンドアロンの単体で動作する軽量JavaScriptで実装されたWebコンポーネント。 どこにでも使用できる どんなページにもどんなフレームワークにも設置可能。 プログレッシブエンハンスメント コードの読み込みに失敗した場合は、ネイティブのピッカーまたはテキストボックスにフォールバック。 アクセシブル マウス・タッチ・キーボード・スクリーンリーダーで動作し、ネイティブのフォーム要素として動作します。 多言語対応 デフォルトでブラウザのローカル言語と日付形式を使用します
毒親とは？特徴・チェックリスト！あなたは毒親になってない？ [子育て] All About
毒親とは？特徴・チェックリスト！あなたは毒親になってない？毒親とは、子どもを支配したり、傷つけたり、ネグレクトしたりして「毒」になる親のこと。正解のない子育てにおいて、こんな特徴のある子育てをしているなら、毒親の可能性も。あなたは毒親になっていないか？ あなたの両親は毒親ではないか？ チェックリストで診断しましょう。 毒親とは？ 子どもに悪影響を与える親の特徴から毒親診断 心理学では「Negative Parenting＝ネガティブ・ペアレンティング」という言葉があり、子どもに悪影響を与える子育てのことを指し、それには以下のようなものがあります。 虐待、ネグレクト 過保護、カーリングペアレント 毒親、モンスターペアレント、ヘリコプターペアレント どれも親子のバランスが崩れているために、子どもの現在と未来に悪影響を及ぼす傾向が高いとされます。 「毒親」というものに明確な定義はありませんが、一
![毒親とは？特徴・チェックリスト！あなたは毒親になってない？ [子育て] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/2bc861084ce26fbf38cbae24c89079a304530ebb/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F7%2F9%2F7%2F2%2F1%2F1599622412%2Ftopimg_original.jpeg)
2020年にフロントエンド開発者が作りたい9つのプロジェクト - Qiita
こちらの記事は、Simon Holdorf 氏により2020年01月に公開された『 9 Projects to Inspire Front-End Developers in 2020 』の和訳です。 本記事は原著者から許可を得た上で記事を公開しています。 2021年改訂版はこちら！ 「ポートフォリオに役立つJavaScriptプロジェクト40選（動画あり）」 続編もどうぞ！「フロントエンド開発者のための刺激的なプロジェクト10選」 最初からはっきりと言ってしまいましょう。プログラミングに関する本を何冊読んでも、ビデオやポッドキャストを何本観たり聞いたりしても、もしあなたがより良い開発者になりたいのであれば、継続的に練習することは欠かせません。 フロントエンドの世界には、React、Angular、Vueなど数多くのフレームワークが存在します。どれも素晴らしいものばかりで、それらがなければ
JavaScript: 通常の関数とアロー関数の違いは「書き方だけ」ではない。異なる性質が10個ほどある。 - Qiita
本稿では、アロー関数とfunctionキーワードを使って定義される関数を区別するため、functionキーワードを使うほうの関数を「通常関数」と呼ぶことにします。英文で見かけるregular functionの翻訳になりますが、これは公式の用語ではなく、解説の便宜上のものとご理解頂ければと思います。単に「関数」というときは、通常関数とアロー関数どちらも指すこととします。 関数の歴史 歴史的に見ると、通常関数は古くからある言語機能であるのに対し、アロー関数は新しいものです。アロー関数はES2015(ES6)で導入されました。導入にあたっては、関数を短く書きたい、thisを束縛したくないという2つの理由があります。 通常関数とアロー関数の性質の違い 通常関数とアロー関数では、構文が違うというのは見て分かると思います。構文についての違いはここでは解説しません。 ここでは、文法以外の相違点をひとつ
Firefox 25 for developers - Mozilla | MDN
EcmaScript 6 (Harmony) の実装が続いています! Array に Array.of() メソッドを実装しました (Firefox バグ 866849)。 Array.prototype.find() メソッドおよび Array.prototype.findIndex() メソッドをサポートしました (Firefox バグ 885553)。 Number.parseInt() および Number.parseFloat() メソッドを実装しました (Firefox バグ 886949)。 Map.prototype.forEach() メソッドおよび Set.prototype.forEach() メソッドを実装しました (Firefox バグ 866847)。 Math へ新たに、数学的なメソッドを追加しました: Math.log10(), Math.log2(), M
npm is joining GitHub
CompanyProductnpm is joining GitHubWe're excited to announce that npm will be joining GitHub. I’m excited to announce that GitHub has signed an agreement to acquire npm. npm is a critical part of the JavaScript world. The work of the npm team over the last 10 years, and the contributions of hundreds of thousands of open source developers and maintainers, have made npm home to over 1.3 million pack
React今昔物語 - ICS MEDIA
機能改善だけでなく、非推奨になった機能も多いですね。 2015年〜 ES2015の正式リリース前 2015年6月まではES2015が正式リリースされていなかったため、Reactのコンポーネントの作成にはReact.createClassが使われていました。 React独自のクラスコンポーネントを生成する機能です。 var Component = React.createClass({ render: function() { return ReactDOM.tagName({options, "Hello"}) } }); React.renderComponent( Component(null), document.getElementById("root") ) 2016年〜 クラスコンポーネントの時代 Reactバージョン15.0.0からはReact.createClassはほとん
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
日本とは少し違う？子供の自己肯定感を高める5つの方法 | オーストラリアへ親子留学するならHelloKids（ハローキッズ）
TypeScript 練習問題集
Satoshi Nakajima @NounsDAO 🇺🇦 on Twitter: "何が凄いって、サーバーにあるデータベース（Firebase）に起こった変化をリアルtタイムにUIに反映するコードが、Vueのcomputed propertyを使うと、もの凄くシンプルに記述出来る点にある。「パラダイムシフト」と言… https://t.co/4FDH0p6t8v"
https://storage.googleapis.com/gweb-uniblog-publish-prod/documents/Daily_Plan_-_External.pdf
