サクサク読めて、
アプリ限定の機能も多数!
アプリで開く
●はてなブックマークって?
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
トップへ戻る
総合
●人気
●新着
●
IT
●
最新ガジェット
●
自然科学
●
経済・金融
●
おもしろ
●
マンガ
●
ゲーム
●
はてなブログ︵総合︶
一般
●人気
●新着
●
社会ニュース
●
地域
●
国際
●
天気
●
グルメ
●
映画・音楽
●
スポーツ
●
はてな匿名ダイアリー
世の中
●人気
●新着
●
新型コロナウイルス
●
働き方
●
生き方
●
地域
●
医療・ヘルス
●
教育
●
はてな匿名ダイアリー
政治と経済
●人気
●新着
●
政治
●
経済・金融
●
企業
●
仕事・就職
●
マーケット
●
国際
●
はてなブログ︵政治と経済︶
暮らし
●人気
●新着
●
カルチャー・ライフスタイル
●
ファッション
●
運動・エクササイズ
●
結婚・子育て
●
住まい
●
グルメ
●
お金
●
はてなブログ︵暮らし︶
●
掃除・整理整頓
●
雑貨
●
買ってよかったもの
●
旅行
●
アウトドア
●
趣味
学び
●人気
●新着
●
人文科学
●
社会科学
●
自然科学
●
語学
●
ビジネス・経営学
●
デザイン
●
法律
●
本・書評
●
将棋・囲碁
●
はてなブログ︵学び︶
テクノロジー
●人気
●新着
●
IT
●
セキュリティ技術
●
はてなブログ︵テクノロジー︶
●
AI・機械学習
●
プログラミング
●
エンジニア
おもしろ
●人気
●新着
●
まとめ
●
ネタ
●
おもしろ
●
これはすごい
●
かわいい
●
雑学
●
癒やし
エンタメ
●人気
●新着
●
スポーツ
●
映画
●
音楽
●
アイドル
●
芸能
●
お笑い
●
サッカー
●
話題の動画
アニメとゲーム
●人気
●新着
●
マンガ
●
Webマンガ
●
ゲーム
●
任天堂
●
PlayStation
●
アニメ
●
バーチャルYouTuber
●
オタクカルチャー
●
おすすめ
デスク環境を整える
﹃株式会社クラウドスミス-仙台|WEBシステム,業務効率化,サイト構築,CMS,アプリ開発...﹄
●
人気
●
新着
●
すべて
3users
cloudsmith.co.jp
︻Rust︼Rust+WebAssembly+WebGLで作るアニメーション処理 フロントエンド React Rust 言語学習課題としてRustをここ最近勉強しているのですが、そろそろ何かしら大きめの実装をしてみたいなという思いからWebAssemblyに手を出しはじめました。 せっかくなので、WebAssemblyが活躍しそうなアニメーション処理を題材にしています。 まずは、実装の感触をつかんでみようという思いから、ボールが四方に飛び交うかんたんなアニメーションを実装しました。 導入 Rustは2015年に1.0版がリリースされた、比較的新しいプログラミング言語です。 C, C++言語の代替となるシステムプログラミング言語を目指して開発された言語で、C, C++で問題視されていたメモリの安全性(ヌルポインタ参照、多重フリー等)をコンパイルタイムで確保することができるメモリ管理の仕組みを
●
テクノロジー
●2023/02/26 18:39
●Rust
●あとで読む
6users
cloudsmith.co.jp
5分でCSS設計規則﹁BEM﹂をおさらい フロントエンド BootstrapやVueを使用した開発で、CSSのクラス設計など強く意識することが少なかった今日このごろ。 たまたま一からスタイルを組む機会があり、改めてその設計規則であるBEMについておさらいしてみました。 BEMとはBlock Element Modifier の頭文字からきており、 Block -> 大きな括り Element -> ブロックの中の要素 Modifier -> ブロックやエレメントの変化 上記3つを用いた厳格な命名規則が特徴のCSS設計手法。 基本的なルール書き方Block__element--modifier の形で命名し、 それぞれアンダースコア2つとハイフン2つで区切る。 <例> <div class="Block"> <div class="Block__element"> <div class="B
●
テクノロジー
●2022/03/31 18:59
●css
5users
cloudsmith.co.jp
PostmanでAPIテスト 仕事効率化 弊社で作成するシステムは基本的にはMVCモデルのRepositoryパターンに則って行っています。データソースへのアクセスが抽象化されるため改修と既読性は良くなります。 ざっくり図化すると下記のようなイメージです。 MVCモデルで行う際、作成したAPIのテストは重要なものです︵なお、弊社ではAPIはRESTアーキテクチャスタイルの制約に則った作成を心がけています︶ フロントエンドの不具合なのか、バックエンドの不具合なのかの切り分けを行うためです。 また、最近では人も増えてきてフロントエンド、バックエンドに分かれての開発も多くなってきました。 分散開発も増えてきそうなのでAPI周りの標準化やテスト方法の整備が急がれます。 そこで、APIのテストではPostmanを利用し︵始め︶ています。1.Postman概要PostmanはWebAPI開発用のツー
●
テクノロジー
●2021/12/10 19:31
●api
●javascript
12users
cloudsmith.co.jp
Googleに学ぶコードレビューのポイント 仕事効率化 弊社ではGithubのプルリクエスト機能でコードレビューを行っているのですが、どのような目的・観点で行うかという基準はレビュアーに委ねられている状態です。 この状態ですと以下のようなリスクがあるので、会社として﹁このような基準でレビューを行う﹂というルールを整備していきたいと思っています。 レビュアーによってフィードバックの内容が異なり、一貫性がなくなる 新たにレビュアーになった人が何を基準にしたらいいのか分からなくなる 開発者も何に気をつけてコーディングすればいいのか分からなくなる コードレビューの基準を考えるにあたって調査を進める中で、Googleのエンジニア向けのコードレビューのドキュメントを見つけました。 Google's Engineering Practices documentation 日本語訳 https://fuj
●
テクノロジー
●2021/10/18 04:44
●技術
●google
●あとで読む
5users
cloudsmith.co.jp
マシンが違うので正確ではないかもしれませんが、なんと4分の1になりました。 毎日使うものなので、この時間短縮はけっこう嬉しいです。 ②複数の環境の切り分けが簡単 Vagrantで複数のプロジェクトの開発をしようとしたときに、開発環境が異なると結構困ります。 プロジェクトAプロジェクトBこのような場合、1つの仮想マシン内で分けようとするとなかなか面倒なので、別の仮想マシンをつくると思うのですが、ここで1つ問題が... 仮想マシンが増えるほどにディスク容量がどんどん侵食されていくのです。 Dockerの場合は、後ほどご説明しますが、docker-compose.ymlやDockerfileを分けるだけで簡単に管理できますし、Vagrantよりも消費するディスク容量がかなり少ないです。 ①でご説明したとおり起動も速いので、環境の切り替えもスムーズに行なえます。 ③仮想環境が壊れても短時間で直
●
テクノロジー
●2021/10/05 18:21
3users
cloudsmith.co.jp
Laravel + Docker | Laravel Sailを使って開発環境を楽に構築する バックエンド Laravel 仮想環境 Docker はじめに今回は、Laravelベストプラクティス - Github を改めて読み直し気になったものから、1つ試してみたのでご紹介したいと思います。 ﹁Laravel Sail﹂というLaravel + Dockerの開発環境を簡単に作成・操作できる コマンドライン・インターフェースについてです。 ︵2021/07/30現在、Laravel 8で試しています︶ 背景弊社ではDockerを使って開発環境を作成し利用しています。 どちらを使うかはプロジェクトにより適切な方を選択していますが、 新たにアサインされたメンバーには開発環境を整備してもらうことになります。 そうすると生まれるのが以下の問題ですが、 開発環境作成のベース整備にかける時間がない
●
テクノロジー
●2021/09/12 12:58
9users
cloudsmith.co.jp
︻Vue3︼Vue.jsのデータフローおさらい! フロントエンド Vue.js JavaScript 最近社内ではフロントエンドではVue.jsでの開発がデフォルトになってきています。 Vue.jsではコンポーネント間のデータ受け渡しで﹁props/emit﹂を使用していますが、慣れないうちはいまいちデータフローがつかめず苦戦するんですよね(※今もですが。) また、Vue3では﹁provide/inject﹂という新たな選択肢も登場し、ますます混乱を極めている方もいるかもしれません。 今回は、Vue.jsでのデータフローに焦点を絞って記事を書いていきます。 ひとつひとつの機能を把握するのはたいへんなので、まずはざっくりとした流れから見ていきましょう。 Vue.jsのデータフロー3選Vue.jsでのデータ管理は、基本的に以下の3つがベースとなります。 props / emit vuex pr
●
テクノロジー
●2021/08/26 14:35
●プログラミング
47users
cloudsmith.co.jp
︻Git︼git-flowを知ろう! 利用時のルールについて 仕事効率化 相変わらずGit勉強中です。 今回はGitを活用する上で重要となるモデル、ルールであるgit-flowについて整理していきます。 なお、弊社でもgit-flowをベースに管理を行っています。1.git-flowとはgit-flowとはGitにおけるリポジトリの分岐モデルであり、ルールのことを指します。 それぞれのブランチを明確に定義し、複数人での開発時にそれぞれが好き勝手にブランチを作成し混乱することを防ぎます。 下図はその概念図です。 ※Vincent Driessen氏が提唱した﹁A successful Git branching model﹂を参考に横向きに焼き直したものです。 下記は一般的な各ブランチの定義です。 master: プロダクトとしてリリースする用のブランチ。リリースしたらタグ付けする。 ※こ
●
テクノロジー
●2021/05/29 14:08
●git
●あとで読む
●開発
●仕事
●Web
●プログラミング
このページはまだ
ブックマークされていません
このページを最初にブックマークしてみませんか?
﹃株式会社クラウドスミス-仙台|WEBシステム,業務効率化,サイト構築,CMS,アプリ開発...﹄の新着エントリーを見る
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx