2018年12月

【Laravel / JavaScript(JQuery)】画像ファイルアップロードとプレビュー

  • 2018.12.30

  Laravelを使用して、画像ファイルのアップロードの実装方法です。 アップロード時にファイルが確認できるようにプレビューの表示もしましょう!   この記事では 1.画像ファイルのアップロードから保存の手順  (form作成→保存に必要な内容作成→保存処理) 2.画像ファイルのアップロード時にプレビューを表示する方法 の順で解説します。   環境はLaravelの5系です。   1.画像ファイ […]

ReactでのWebpackの設定の仕方と解説【Babel,ESlint,Sass(CSS)】

  • 2018.12.27

webpackを使っていて、バージョンを上げるとハマり、色々と設定を触ったりインストールのしなおしをしたので、ついでに最初からインストールし設定していく手順を残しておきます。       環境は以下になります [crayon-5dd25b1a9ef0d206467490/]   使用するプロジェクト内で [crayon-5dd25b1a9ef12748689 […]

CSSのパフォーマンス

  • 2018.12.27

  サーバー側で処理速度、パフォーマンスを考えることはあってもフロント側で考えることは特にありませんでしたが、たまたまCSSの調べ事をしていたときに次のような記事に出会いました。   <CSS>サイトの表示速度を意識したセレクタの書き方 – Qiita     CSSの書き方はわかりやすさ重視で、pやh2など、単体で使うようなものはクラスを書かず […]

Railsのform_with

  • 2018.12.25

個人的なメモ   form_withの基本的な使い方は [Rails 5.1] ‘form_with’ APIドキュメント完全翻訳 – TechRacho こちらで詳しく解説されていました。   以下では自分がformの部品を設定する際にハマった点について書きます。   ・input のhiddenタイプを使うには以下のように書く […]

Ruby on Railsで画像ファイルのアップロード(超簡単)

  • 2018.12.25

Ruby on Railsで画像のアップロードを実現する方法です。 今回はユーザーのアイコン画像登録を行います。   環境は以下の通りです。 ・ruby :2.5.3・rails :5.2.1   「画像を保存する」手順としては gemの「carrierwave」をインストール アップローダーの作成 ユーザーモデルに画像のパスを格納するカラムの追加 ユーザーモデルにアップローダ […]

jQueryを知っておく

  • 2018.12.24

こんにちは、wakatakeruです。   前置きは要らないという方は最初は読み飛ばしてください。   まずjQueryと聞いて何を今更?と思う人も多いかもしれません。 今から新たにjQueryをじっくりと学ぶ必要があるかと言われるとあるとは言いにくいのかなと思います。というのも今はwebサイトがPWA化(webサイトだけどアプリのようにページ遷移をあまり感じさせないサイトの事)されてきており、そ […]

エンジニアとして働いた一年

  • 2018.12.21

時間がたつのは早いもので、某ベンチャー企業でwebアプリケーション開発のエンジニアとして長期インターンを初めてもうすぐ一年が経ちます。   年末という事もあり、この一年のインターンでの振り返りをしようと思います。   約一年前、長期インターンを始めたころの私はwebアプリ開発の経験はほぼ皆無に等しく(webに興味を持ち、Ruby on Railsで超苦戦しながらも閲覧ランキング機能付きブログサイト […]