ReactやVueなどコンポーネントベースで作っていくViewのライブラリが普及したことで、コンポーネント指向での開発が一般化してきた昨今のフロントエンドですが、このコンポーネントの設計に悩まれる方も多いのではないでしょうか。 コンポーネントをどの粒度、どんな状態で分割するのが良いのか、などなど、特にチームで開発する時に認識が揃っていないとカオスになりがちな部分であると思うので、自分なりの設計をする際の指針を言語化しようというのが本記事の目的です。同じように悩まれている方にも何らか示唆を提供することができたら嬉しいです。 想定読者 「コンポーネント設計?なにそれ?おいしいの?」という方 初めてコンポーネント設計でアプリ作ってみたけど、本当にこれでいいのか自信の無い方 はじめに: "コンポーネント"とは まず最初に"コンポーネント"という言葉についてですが、ここでは「GUIのパーツをモジュー
こんばんは、次男がこの4月から長男と同じ保育園に通うようになった@kjunichiです。 Muleの頃からEmacs使ってるわけだが coffeeスクリプトでいじるらしいですが、しばらくそこまでたどり着けなさそう。 ゆくゆくは、node-webkitベースと噂で聞いているので、NodObjC組み込んでAppleScript動かしたり出来ると楽しそうな気がする。 関連記事 emacs 日本語変換 キー スペース コントロール Carbon Emacs パッケージ Emacs 電子書棚 Carbon Emacsで# + スペースキーが Spotlight メニューに取られてしまう Cocoa Emacs生活始まる 3年後の記事 Poor rendering performance since electron1.4(Windows)
「文字ビューア」を開く:書類で「編集」>「絵文字と記号」と選択するか、Control + Command +スペースバーを押します。 以前に「文字ビューア」を使用したことがある場合、または入力メニューに「キーボード」環境設定を表示するオプションを設定している場合は、入力メニューから「文字ビューア」を開くこともできます。 「キーボード」環境設定を開くには、アップルメニュー>「システム環境設定」と選択し、「キーボード」をクリックして、「キーボード」をクリックします。 「文字ビューア」を展開する/折りたたむ:ビューアの右上隅にある展開する/折りたたむボタン をクリックします。ビューアの上部までスクロールしなければならない場合があります。 特殊文字と記号をブラウズする:ビューアの下部にあるボタン(折りたたまれている場合)、または左端にあるボタン(展開されている場合)をクリックします。ビューアが展開
by rajaraodv Here are examples of everything new in ECMAScript 2016, 2017, and 2018It’s hard to keep track of what’s new in JavaScript (ECMAScript). And it’s even harder to find useful code examples. So in this article, I’ll cover all 18 features that are listed in the TC39’s finished proposals that were added in ES2016, ES2017, and ES2018 (final draft) and show them with useful examples. This is
皆さまこんにちは。新元号への対応についてのアップデートをお伝えいたします。 新元号の発表時期等についてメディアでも取り上げられる機会が増え、皆さまから頂戴するお問い合わせも徐々に増えてまいりました。 私たちでは、政府とも連携を行いながら準備を進めており、引き続き新しい情報がございましたらこの Blog でお伝えしていく予定です。 ● 新元号への対応レベルにつきまして 弊社製品の新元号への対応レベルとしては、大きく下記の 3 点があります。個々の製品やサービス、バージョンによって必要な対応レベルが異なるため、弊社ではどのような対応が必要か精査を急ピッチで実施しています。 - 日付フォーマットの変換 "日付フォーマットの変換" とは、主に西暦 ⇔ 和暦の変換処理を指します。 西暦 2019 年 5 月 1 日以降の日付は平成ではなく、新しい和暦に変換される必要があります。 Win32 や AT
どうも。ひがし(Twitter:@m_higa4)です。 VUI(Voice User Interface)の未来に魅力を感じ、色々勉強中です。 さて、Google HomeやAmazon Echoが日本で発売されて以来、サードパーティ(GoogleやAmazon以外の会社)によるVUIアプリ(声を使って操作するアプリ)の開発がどんどん進んでいますね! 今日は自分がリリースしたアプリが、1週間どのように使われたかを共有することで、みなさんのアプリ企画に対する考えの幅を広げるきっかけになればと思っています。 一瞬だけど、ちょっとバズりました Google Home用アプリ(正確には「アクション」)である"運命のコイントス"をリリースしました。 レストランとかで何にしようか迷っていると、大体二択までは絞れるんですけど、そこから結構迷いません?(笑) そんな時に、このアプリを使えば、コイントスで
ある機能が重いなどといった理由で、DBのどのクエリが遅いか把握したいことはよくあります。そんな時、PostgreSQLのauto_explainが便利だったので紹介。 auto_explainを使うと、指定した実行時間以上を利用しているクエリに対して、自動で実行計画をログファイルに出力してくれるというもの。詳細はこちら。 https://www.postgresql.jp/document/9.6/html/auto-explain.html https://www.postgresql.jp/document/9.6/html/using-explain.html 最近便利に使えたのは以下の設定。 # 自動でEXPLAIN ANALYZEしてパフォーマンス解析したい時用 session_preload_libraries = 'auto_explain' auto_explain.log
0ctf_h4x0rs.space.md 0CTF/TCTF 2018 Quals h4x0rs.space Writeup (Web 1000) 問題 I've made a blog platform let you write your secret. Nobody can know it since I enabled all of modern web security mechanism, is it cool, huh? Get `document. cookie` of the admin. h4x0rs.space 解法(ざっくり) 第一段階: ファイルアップロード + AppCache で XSS 第二段階: JSONP + Service Worker でXSS 解法(くわしく) 概観 ブログを書けるWebアプリケーション ブログでは、 [tag]text[/tag]
桜が咲き誇り, 様々な出会いと別れが繰り広げられるこの4月, Perl入学式もいよいよ7年目のカリキュラムが始まろうとしています. 現在, 東京, 大阪, 沖縄の各会場について, 第1回の参加者の募集を行っています. perl-entrance-tokyo.connpass.com perl-entrance-osaka.connpass.com perl-entrance-okinawa.connpass.com お陰様で, 毎年多くの方に参加頂いている「Perl入学式」ですが, もっと多くの方に(参加する/しないはともかくとして)存在を知って頂きたいですし, 参加を検討している方の, 「ぶっちゃけ, 何をやっているの?」, 「どういう人達がやっているの?」といった疑問にも, なるべく答えていきたいと思っています. ...というわけで, 唐突ではありますが「春のPerl入学式リレーブログ
「面白い男がいて、今度うちで『ひとり情シス』の取り組みを発表するので、あなたも聴きに来ないか」。ある学会の会長からそんな誘いを受けて講演を聴いたのが、大手製造業の事業子会社でIT技術者として働く成瀬雅光氏との出会いだった。 その講演内容は衝撃的だった。「10人いたIT部門がリストラで消滅。たった1人残された技術者(成瀬氏)が200台のサーバーを管理し、複数の業務システムを内製できるまでになった。その取り組みとは」。大変申し訳ないことだが、学会発表を聴くと途中でまぶたが重くなり、やがてコクリ、コクリ…というパターンが多いのだが、この日は違った。「こりゃ、すごい。この事例を多くの人に知らしめよう」と冴えた頭で考えていた。 既に「ああ、あの連載のことね」とお気付きの読者も多いかと思う。ITpro(現・日経 xTECH)に2016年10月から連載した「ひとり情シス顛末記」はこうして生まれた。IT部
タイトルのとおり、今年の4月末をもって、4年半在籍したエムスリー株式会社を退職します。 いわゆる退職エントリで、エムスリーへの感謝の気持ちを込めて、また自身の決意の表明として書きました。 エムスリーが長澤太郎を育てた 私は大学卒業後、メーカー系SIerにおいてSEとしてキャリアをスタートしました。 いわゆる「SE」よりもプログラマーを志望していた私は、その1年半後である2013年10月にエムスリーへ転職しました。 エムスリーとの出会いは、面白い偶然なのですが@yusukeさんに紹介されたことです。 当時と比べると今は、エムスリーの知名度はエンジニア界隈に広まりつつあると思いますが、私はそのときに初めてエムスリーという会社を知りました。 エムスリーは、医療への貢献を使命とする会社です。 「インターネットを活用し、健康で楽しく長生きする人を一人でも増やし、不必要な医療コストを一円でも減らすこと
技術部開発基盤グループのシム(@shia)です。 最近は cookpad のメインレポジトリを開発しやすい環境に改善するために様々な試みをしています。 この記事ではその試みの一つとして不要な gem を検出し、削除した方法を紹介したいと思います。 背景 cookpad は10年以上にわたって運用されている巨大なウェブアプリケーションです。 巨大かつ古いアプリケーションには昔は使っていたが、現在は使われてない依存性などが技術負債として溜まっています。 事業的観点から技術的負債を完全返却するのはコストとのバランスが悪いことも多いです。 これは20万行を超えるプロジェクトを幾つも抱えている cookpad のメインレポジトリも例外ではなく、その規模から使ってないと思われる依存性を探しだすのも大変な状況でした。 どうするか 人が頑張るより機械に頑張らせたほうが楽ができるし、何より確実です。 ですの
はじめに Heroku が oclif という CLI フレームワークをオープンソースとして公開したという記事を読みました。 Heroku CLI や Salesforce DX のベースにもなっているらしい。 どんなもんか触ってみます。 (oclif は (The) Open CLI Framework の略のようです。読み方がわからない。。。) oclif の特徴 手を動かす前に、どういった特徴があるのか公式ドキュメントに目を通してみます。 Features · oclif: The Open CLI Framework Super Speed コマンド実行時のオーバーヘッド(?)がほとんどなく、また依存パッケージもほとんどない 実行されるコマンドだけ require されるので、たくさんのコマンドからなる巨大 CLI でも単一コマンドの CLI と速度が変わらない CLI Gener
「異能」ともいえる際立った能力や実績を持ち、まわりから一目置かれるエンジニアを1カ月に一人ずつ取り上げ、インタビューを掲載する。今月取り上げるのは「Yugui」というハンドルネームで知られる園田裕貴(そのだゆうき)氏。書籍「初めてのRuby」の執筆者であり、過去にはRuby 1.9系のリリースマネジャーを務めた。スケールアウト(現Supership)の初期中心メンバーの一人でもある。今回は、プログラミングとの出会いからWeb業界で働くようになったきっかけを聞いた。 プログラミングを始めたきっかけは、小学校低学年のころ、自宅にPC-8800シリーズ(PC-88)というパソコンがあったことです。父親はIT関係の仕事ではありませんでしたが、趣味で多少プログラミングをしていました。デスクトップミュージック(DTM)のようなことをしたり、自作のプログラムで事務処理をしたりしていたようです。 私も家で
IT系の教育事業を行う米グローバルナレッジは、米国において現在取得可能なIT系の資格のなかから高い収入を得られる15の資格をランキングで紹介した記事「15 Top-Paying IT Certifications for 2018」を公開しています。 同社は、収入のレベルはおもに働いている場所や本人の経験、企業の種類などに依存するとしつつも、資格を取得しようとするときにはこうしたリストが参考になるのではないかと説明。紹介された資格は一定の信頼性を保つために少なくとも100人分の情報が得られたものだけにしてあるとのことです。 1位は公認ITガバナンス、2位はAWS認定ソリューションアーキテクト 同社のランキングによると、1位から10位までは次のようになっています。 1位 公認ITガバナンス専門家 (Certified in the Governance of Enterprise IT (C
■ モチベーションサービスを継続的に改善していく上で、バグを避けることはできません。そこで、バグが混入した時にそれにいち早く気付ける仕組みが必要になります。 Webサービス開発ではふつう、ユニットテストを書きます。一連のページ遷移(動線)をチェックするE2Eテストを書くこともあります。これらを用いることで、バグに簡単に気づくことが出来ます。 しかし、フロントエンドのエラーには微妙なページデザインの崩れなども含まれます。この場合、単にDOMの存在やページ遷移の可否をチェックするだけでは不十分です。 このようなエラーチェックに関しては、2018年になった今も、人が直接見なければ良し悪しがわかりづらいというやっかいな側面があります。かといって、主要なページを毎日手でチェックするのは非常に手間がかかってしまいます。 ■ 自動でページのスクリーンショットを取るそこで、ChromeをNodeから操作す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く