サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
GPT-4o
www.plus-one.tech
# 数億円規模のプロジェクトをたった二人で開発させられた話 先日、関わっていたプロジェクトを抜けることになりました。 原因はもちろん炎上によるものなんですが、これがもう炎上すべくして炎上したようなぶっ飛んだプロジェクトでしたので、 ここで吐き出させて下さい。 # 20数名のメンバーの一人だったはずが、いつの間にか総勢一人になっていた 僕の仕事のスケジュールに空きができ、週3日程度の仕事を探していた頃、Twitterから開発案件の依頼がきた。 内容はよくあるシステムのリプレース案件。 開発メンバーは既に5人程度集まっており、その後20人ほど合流するとのことで、総勢20名以上の開発メンバープロジェクトだ!こんな規模の新規開発なんて初めてだからワクワクするぞ! と思っていたら、PHPの案件なのにほとんどがJavaの人だったのでメンバーとして数えられず、参画する前に去っていってしまった。 合流する
# Next.jsで勤怠管理システムを作ってみた お久しぶりです。 忙しさを言い訳にだいぶ更新をサボってしまってました(;^_^A汗) さて、僕はフリーランスエンジニアなんですけど、主に 準委任契約 でお取引させていただくことが多く、 勤怠表の提出を求められる立場でして。 今までは取引先さんの提供するWebシステムにポチポチ入力するだけだったんですけど、 そういったものを提供していない会社さんとお取引させていただく場合、 Excelに作業実績を記入していく という方法を取っていることが多いと思うんですが... . . . そんなんめんどいですぅ~~www っていうかぼくのPCにExcelはインストールされてませんから~~~www ってことで、 勤怠管理をシステム化しよう計画 を立ち上げました。 # 技術選定 表題の通り、今回は前々から勉強しようと思っていた React で開発をすることにし
複数のファイルをタブで開ける、シンプルで使いやすいCSVエディタ
# タブで複数のCSVを一元管理 ファイルのドラッグ&ドロップにも対応し、 複数のファイルをまとめて開けます。 # 文字コード・改行コードの変換に対応 ShiftJIS や UTF-8 をはじめとした、 様々なエンコーディングに対応。 改行コードの変更も簡単に行なえます。 # 区切り文字の指定が可能 .csv はもちろん、 .tsv 形式のファイルにも対応。 「カンマ区切り」や「タブ区切り」のほか、「|(パイプ)」「★」など任意の区切り文字を指定できます。
# インストール方法 OSによってインストール方法が変わりますが、 ほとんどの場合、ダウンロードしたインストーラを起動するだけです。 インストール後はCSVファイルへの関連付けを行うことをおすすめします。 # Windows # .exe 形式 インストーラ形式のファイルで、インストールを行うことでスタートメニューなどに登録することができ、 ファイルの関連付けが容易になったり、将来的には自動更新にも対応します。 ダウンロードページ で「Windows」のダウンロードボタンをクリックします。 ダウンロードしてきた csv-plus-setup-[x.x.x].exe をダブルクリックして起動します。 Microsoft Defender SmartScreen というダイアログが出て 「実行しない」しか押せない というパターンがありますが、 「詳細情報」をクリックしてから「実行」を押すことで
# 【実務で使える!】未経験からエンジニアになるために学ぶべきこと 最近、というか昔からよく聞く言葉で 「未経験からでもエンジニアになれますか?」 という質問があります。 エンジニアは全員未経験からエンジニアになっているので、その答えは当然 「なれます」 としか答えようがないんですが、 本当に未経験の人たちは現役のエンジニアに何を質問したらいいのかわからなくて、 でも何か聞きたいしどうやってエンジニアになったらいいのか雲をも掴むような気持ちで質問しているんだと思います。 特に最近は検索してもまともな答えが見つからず困ってる人も多いと思います。 そんなエンジニア未経験・駆け出しエンジニアのみなさんのために、現役のフリーランスWebエンジニアの立場から、 Webエンジニアになるために学ぶべきことをお伝えしていければと思います! エンジニアとはWebエンジニアのことなのか? SIer業界のSE/
# Vue3を触ってみた感想 2020年9月にVue3が正式リリースされ、だいぶ安定してきた感じがするので、 ここのところ Vue.js + TypeScript を使った個人開発をしています。 扱い方も慣れてきたので、使ってみた感想を書いていきたいと思います。 # v-model の破壊的変更 Vue2 までの構文では v-model は value と @input のシンタックスシュガーでしたが、 Vue3 ではこれが modelValue と @update:modelValue に変わっています。 この変更によって既存のVue2プロジェクトをVue3に移行する際には大幅な書き換えが必要となっており、 Vueに依存するライブラリが軒並み使えなくなってしまうという事態が発生。 今まで使っていたサードパーティ製ライブラリは今後対応されるかどうかも怪しい感じですね... 主 要 な 構
# 【エンジニア向け】失敗しない Web デザインのコツ 「知識があること」と「実際にできること」には大きな壁があります。 エンジニアにとって最も顕著にそれを感じるのは CSS であり、画面のデザインなのではないかと思ってます。 ある程度規模のあるチームなら、デザインチームと開発チームが分かれていたりするかもしれませんが、 小規模であればあるほど、プログラマが CSS を書かなければいけない場面というのは多いと思います。 通常、エンジニアがフルスクラッチで CSS を書くことはあまりないと思うんですが、Bootstrap や Bulma などの CSS ライブラリを使用したところで CSSは分かってるのにデザインが全然決まらない!! なんてことはよくあると思います。 この記事では、そんな頭では分かってるのに何故かうまくデザインできないエンジニア向けに、 失敗しないデザインのコツをご紹介した
# 【Vue】provide/injectの使い方と使いどころ # provide/injectとは Vue.jsの基本であるデータバインディング。 通常は親から子に、子から孫にv-bindとpropsを使ってバケツリレーのようにせっせとデータを運びます。 ですが、ビジネスロジックと全く関連のない、例えばサイトのテーマカラーのような情報をバケツリレーするのは気持ちが悪い。 かといってどこでデータが変えられるかわからないVuexを使うのも間違ってる気がする。 今回は、そんな時に活かせるかもしれない、 provide/inject 構文の書き方をご紹介します。 # provideの書き方 <script> export default { name: 'ParentComponent', provide () { return { hoge: () => this.fuga, } }, com
# Chromiumベースの新生Edgeブラウザを試してみた 2020年1月15日にリリースされた、新しいEdgeブラウザを遅ればせながら触ってみたので、そのレビューをしてみたいと思います。 # 前置き 数年前まではChromeを始め, Firefox, 先代Edgeなど多種多様なブラウザが熾烈なシェア争いをしていたものですが、 ここ最近はほぼChromeが世界シェア60%台後半をキープし続け、その他はほぼ横ばいといった状況で落ち着いて来ていました。 ブラウザシェア戦争はChromeの一人勝ちで終焉を迎えたわけです。 今回EdgeをChromiumベースで作り変えたのも、ブラウザ戦争を盛り返すためなんかじゃなく、 開発コストの削減と他ブラウザとの互換性維持、そしてInternet Explorerの世代交代を担っているものと思われます。 そこで今回は、主にIEからの世代交代を見据えた形でレ
このブログについて フリーランスWebエンジニアの視点から、プログラミングに関するテクニックやフリーランスの生き方などについて雑多に書いていきます。
このページを最初にブックマークしてみませんか?
『ホーム | Plus one』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く