フレームワーク

2021/11/23日にリリースされた新参フレームワークについて軽く触れていきたいと思います。 ルーティング ビルドの更新時間を短縮 サーバー側のレンダリング SEOの改善 HTTPのキャッシング データの読み込み まずreact-routerの知識があり精通しているかになります。 Reactを使用した時にまず聞くのが Create React App・Next.js・Gatsbgは有名ですね これらReactのフレームワークはSPA(シングルページアプリケーション)静的サイトやサーバー側でのレンダリングされたページになります。 Reactでのアプリケーション開発を簡単にしてくれます。 SPA…

管理会計が経営に役立つ、という期待はあるんだけど具体的にどうなんだろう？ 外部公表用の財務会計と違って「経営者のための自由な会計」である管理会計は、まさに経営のための会計です。 思考のフレームワークとの組み合わせで、さらに有効なツールとして活用できます。 その一つとして「課題解決のための管理会計」を紹介します。 管理会計は、ほんとうに役に立つのか？ 思考のフレームワーク「課題発見の方程式」 課題解決ツールとしての管理会計 管理会計による予算管理がベスト 管理会計は、ほんとうに役に立つのか？ 管理会計は「経営に役立ってナンボ」です。 経営に活用しない管理会計は「ただの数字のお遊び」に過ぎません。…

こんにちは。モノタロウでフロントエンド寄りの開発をしている、陳です。 今回はモノタロウの新フロントエンドのメインフレームワーク選定についてお話しします。 選定結果から言うと、モノタロウ独自の７つの選定基準をもとに、Reactを選ぶことになりました。 背景 新フロントエンドプロジェクトの立ち上がり Vue.jsとReactの比較検討をしてみた 俯瞰して改めて選定基準を考えた 一般的な視点 モノタロウの社内事情 ７つの選定基準 選定結果 技術選定を通して得た３つの学び 背景 まず、モノタロウの現フロントエンドについてざっくり説明します。 モノタロウは2002年から、PythonとJavaScrip…

記事が少なかったので、自分用の備忘録として残します。参考になれば幸いです。 実機用とシミュレーター用のバイナリ（またはアーキテクチャ）を含み、それぞれに対応できるユニバーサルフレームワーク（またはファットフレームワーク）があります。拡張子は「.framework」。 しかしこのフレームワークはXcode12あたりから弾かれる仕様になり、ビルドしようとしても下記エラーなどが表示されます。 Building for iOS Simulator, but the linked and embedded framework 'プロジェクト名.framework' was built for iOS +…

Spirngの現場で仕事をしているのですが、Springについて全然知識が無くてアノテーションが全く理解できていません(-_-メ)ということで職場のコードを見るときに、Springのアノテーションを調べていたので、備忘録を残しておきます。 Springにおけるアノテーションの役割 Spirngの現場でコード見て思ったんだけどアノテーションめっちゃあるよね？何でなの？Javaとフレームワークを使用してアプリを作る場合、データ・ファイルを連携するために設定情報を記述する必要があります。1つの方法として設定ファイルに記述するというのもありますが、設定ファイルに記述するとSpringの場合は設定ファイ…

目標を達成する方法として，以下の流れで取り組んでいます． GROW model -> Gantt chart -> PDCA Daily -> PDCA 今回はそれらのテンプレートを公開します． 流れ GROW modelで目標と計画を明確にして，効果的かつ実現性の高い方法を選びます． docs.google.com Google SheetsのアドオンProjectSheet Planningを使って，選んだ方法からGantt chartを作成します． docs.google.com 継続的に行えるようPDCA Dailyを回します． docs.google.com PDCAを必要に応じて更…

amazonでこの本４００円以下で買える( ﾟДﾟ)/（2021年9月23日時点）ご紹介している本3冊全部買っても1000円ちょい！コスパ凄すぎます。 初めにガッカリさせちゃうかもしれませんが、この本は、「１分間だけ勉強すれば良い」という本ではないんです。ごめんなさい！！ １日１分の勉強でハーバードやスタンフォード、東京大学に受かるとは思えませんよね。。。１日１分の勉強で弁護士や裁判官になるための司法試験に合格するとは思えませんよね。。。。 その通りです！ でもガッカリするのはここで終了！はい、終了ですよ♬ 今から資格を習得したいと思っている方、収入の柱を増やすために勉強したいと思っておられる…

こんにちは、株式会社カケハシでおくすり連絡帳 Pocket Musubiの開発を担当している渡辺です。 カケハシのエンジニアはフロントエンドもバックエンドのAPIサーバーも開発を担当しています。どちらかといえばフロントエンドの方が知識・経験ともに自信があるという背景から、今回はカケハシのフロントエンドエンジニアについて書きます。 カケハシでのフロントエンドエンジニア カケハシであまりフロントエンドエンジニアという表現は用いず、アプリケーションエンジニアという表現を用いています。 アプリケーションとして価値を生み出すことが主眼であって、それがフロントエンドの領域であろうがバックエンドの領域であろ…

「企画発案の方法論」という切り口で開催した秀玄舎メンバーによる意見交換会レポート後編。企画発案においては発想の方法を学ぶことが先か、あるいは事例の収集が先か？ほか、各メンバーが情報収集で参考にしているメディア、チャネルなどについて語った。 取り上げられている事例の特徴を理解しないことには情報過多になるだけ お客さんに対して「私たちを頼らないで、自分たちでITの企画を立てられるようになってください」って教えるしたら、選択肢が2つ思いつくんです。1つは前編のIDEOみたいな発想方法を学びましょうって話と、もう1つは同業でも他社でもいいんだけど事例をひたすら勉強してください、かつての日経情報ストラテ…

Mapping health, social and health system issues and applying a social accountability inventory to a problem based learning medical curriculumDervla KellyORCID Icon, Sarah HydeORCID Icon & Mohamed Elhassan AbdallaORCID IconArticle: 2016243 | Received 31 Aug 2021, Accepted 06 Dec 2021, Published onlin…

kotlinのcoroutineを試してみたメモです。 kotlin公式のcoroutineチュートリアルのAsynchronous Flowとメモです。 公式を見たほうが最新で正確な情報が得られます。 https://kotlinlang.org/docs/flow.html

React.jsで構築できるアプリケーション 1. 生産性系のアプリケーション 2. 個人・専門のブログ 3. SPA(シングルページアプリケーション) 4. クロスプラットフォームモバイルアプリ 5. chatアプリケーション 6. 語学学習アプリケーション 7. クイズ系アプリケーション 8. お天気アプリ 9. 本・読書アプリケーション 10. オンラインストア 11. ポートフォリオ React/React Nativeで構築された有名なアプリ React.jsを学ぼうと思っている、または現在学んでいるけど実際どんなモノを作れるのか？と疑問に思われている初学者様もいらっしゃるかと思いま…

こんにちは、JADEの日西です。 「学び続ける組織」を作り上げていくためのプロジェクト「JADE大学」の一環として「長山検索教室vol.1」が開催されました。 検索エンジンと検索ユーザーの体験両方を視野に入れた、長山さんの提唱する JADE フレームワークにのっとって… vol.1~4までが検索エンジンの最適化要素、vol.5~8までを検索ユーザー体験の最適化要素と定義され、それぞれをテーマに8回の開催予定です。 今回はその第1回目「Discover」がテーマ。 URL発見のフェーズである「Discover」について、長山さんが手描きで図解しながら詳細に説明する会でした。 検索エンジンがWeb…

ブルーオーシャン戦略を読みました。 [新版]ブルー・オーシャン戦略―――競争のない世界を創造する (Harvard Business Review Press) | W・チャン・キム, レネ・モボルニュ, 入山 章栄, 有賀 裕子 |本 | 通販 | Amazon ブルーオーシャンを手に入れるためには、本当に大事なものは何かを判断し、どこに価値を置くか決め、そうではないところを削ぎ落し新たなものを想像していくことが大事であるということを学びました。 下の図は戦略キャンパスと言って、ブルーオーシャンを創造するための分析、行動するためのフレームワークです。『学び合い』を戦略キャンパスに当てはめてみ…

BootstrapのCardで一覧表示 フロント実装のフレームワークで重宝しているBootstrap5ですが、 Cardを使用して商品を横並びしたいと考えてました。 ところが、複数の商品を登録すると商品が縦に1列で並んでしまうので、 望んでいたデザインではありません。 このように縦型になってしまいます。 CSSを編集してみる /* app/views/items/scss */ /* Cardの親要素 */ . container { display: flex; justify-content : space-between; } これで横並びになるかなと思ったのですが、 更新しても1mmも…

初めまして。セーフィーの柏木です。 AI/画像処理エンジニアで、テックブログ運営チームにも所属しています。 今回は、セーフィーにおけるメイン事業であるクラウド録画サービスと各職種のエンジニアの業務について紹介します。 クラウド録画サービスシステムの全体像と、それぞれのエンジニアが一体何をやっているのか、わかりやすくお伝えできればと思います。 セーフィーのクラウド録画サービスシステム クラウド録画サービスの流れと、担当エンジニアの紹介 組み込みソフトウェアエンジニア サーバーサイドエンジニア/インフラ・SREエンジニア AI/画像処理 エンジニア フロントエンドエンジニア iOS/Android…

はじめに ActionCable（Railsで扱えるWebsocketフレームワーク）のログを出力すると、見慣れない言葉が出てきます。subscribeやbroadcastやtransmitとは何を指すのだろう……と疑問を抱いたのでこの記事を書きました。 検証バージョン Rails 6.1 ActionCable 6.1 アダプタにはRedisを使用 前準備 ログをWebサーバーから分離する ログを見やすくするのはとても大切です。ログを丁寧に扱わないのは、犯人の指紋が残っているドアノブに、刑事がべたべたと自分の指紋をつけてしまうような愚行です。エラーが起きたときの手がかりを少しでも多く残すため…

こんにちは！ ブックヨミヨミです。 いや、いや、まったくブログを書いておりませんでした…。 去年はいろいろとありまして…。 喘息の治療＋予後の悪化で４回入院してました。 あのデルタ株が猛威を振るう前後に。 幸いコロナには罹っていませんでした。 でも、そのおかげで、 復活！！ 来月からシステムエンジニアの仕事に従事するよん！ ブランクが３年もあったのに本当に私は運がいい。 体調を整え、自分の人生を見つめ直した３年間。 いろいろあったけど幸せな時間でした。 新たなステージに乗っかったので ブイブイ言わせて行きたいと思います！！ 遅ればせながらですが、（遅すぎ…） ２０２１年度に読んだ本をご紹介しま…