ふんばりフロントエンジニアのブログスマートフォン用の表示で見るふんばりフロントエンジニアのブログ新米フロントエンジニアのふんばっている日々と備忘録です。今回は「単純に見えてやってみると意外と難しい!」と友人から質問を受けたオブジェクトのソートです。今回のソート条件としては単純で、下記のようなオブジェクトのvalueでソ...JavaScriptでオブジェクトのvalueでソートする方法2019-05-10LaravelでFactoryとSeederを使ってダミーデータを追加する簡単な例タイトルの通りです。備忘録的に簡単なFactoryとSeederを使用したダミーデータの追加例を残しておきます。Factoryは追加するダミーデータの型みたいなものを定義するところです。その名の通り、人形焼の鋳型を生産する工場的なものだ...LaravelでFactoryとSeederを使ってダミーデータを追加する簡単な例2019-04-19【CodeIgniter】dockerで構築したらform_openのurlがおかしくなった件dockerでcodeigniterの環境を作っていて、公式チュートリアルをやっていたところform_openというメソッドを使うとURLがおかしくなってしまう、という現象に出くわしました。form_openというのは、formを生成してくれるCodeIgniter独自の関数です。連投です(笑)今回はいたってシンプルなお話で、TweenMaxとScrollMagicを関数化したというお話です。なんとなく、TweenMaxとScrollMagicを使っている中で一々同...TweenMaxとScrollMagicを関数化してみたお話2019-04-01【ScrollMagic】onメソッドとは?簡単な例を紹介しますしばらく暇らしいので連投します(笑)前回に引き続き、webページのアニメーションをさせる際によく使うライブラリであるScrollMagicについてお話していこうと思います。最近はシステム案件の仕事をすることも多いのですが、今回は久しぶりにwebページのコーディング案件に取り組むことに。今回の案件は結構アニメーションが多かったんですよね。AndroidStudio)2019-02-25Firefoxでbuttonの子要素にimgタグがあるとイベントが上手くいかなかった件さて、今回もさらっと。今回のコーディングの一部で、butoonタグの子要素としてimgタグを入れ込んでおりました。このimgタグにクリックイベントをセットしていたんですね。今回はさらっとIEのエラー対処について。jsonを扱う際にfetchを使ってデータを取得しているのですが、どうやらIEだとpromiseやfetchが使えないようなんですね。いうことで、まず簡単なCDNから。〜PHP編〜今回は前回の続き、ということでPHPファイルについてお話していこうと思います。前回お話したgulpfileで重要だったのは、PHPコマンドを叩くタスクでしたね。年末まで取り組んでいた案件というのが今回のテーマであるAMP対応です。function」というエラーの対処法について一つ。Analyticsでオプトアウトするときの設定をご紹介します。Analyticsは今や多くのWebサイトで活用されているアクセス解析ツールです。「...Gmailで送信済みメールの色が紫色になる原因はこいつだった2018-10-15なぜだ...Cookieが上手く操作できない!!domainやpathを指定した時詰まったことこんにちは、今回はCookieをJavaScriptで扱った際の備忘録です。Cookieはサーバーから付与される「key」と「value」を持ったデータのことで、Sessionとは違い「ブラウザ側」に保存されるものです。そのため、フロントエンドであるJavaScriptでも扱うことがで...なぜだ...Cookieが上手く操作できない!!domainやpathを指定した時詰まったこと2018-10-03人気ライブラリ「TweenMax」と「ScrollMagic」で簡単にスクロールアニメーションを実装!さて、今回はアニメーションライブラリを使ってみよう!というお話です。今回ご紹介するのは「TweenMax」と「ScrollMagic」、TweenMaxは日本でそこまで知名度があるわけではないですがアメリカではかなり人気のライブラリのようですね。今回はデザインファイルを触るときによく見かける「768px」という数値についてお話しようと思います。「半端やな...770pxでもええやんけ...」とずっと思っていた...タブレット・スマホのデザインに768pxが多い理由とは2018-09-07【Atom】atom-beautifyでPHPが整形できない...設定を変更しよう!今回は私が愛用しているエディター「Atom」についての備忘録です。今回の問題はAtomのコード整形パッケージ「atom-beautify」でPHPの整形がうまく行かない、ということについて。エラーが出るわけではないのですが、注意書きで次のようなポップアップが出て...【Atom】atom-beautifyでPHPが整形できない...設定を変更しよう!2018-09-03Dockerコンテナ内でComposerコマンドを使えるようにするメモDockerのコンテナ内でComposerを使おうとした時のメモです。php」でComposerをインストールするとカレントディレクトリにcomposer.pharが置かれます。Nativeの環境を作ってみよう2018-08-24Seleniumでブラウザテストを自動化!Javaでブラウザを動かそう!今回はブラウザテストについてお話ししようと思います。以前記事で書いた「診断コンテンツ」がありましたが、結局これはReactを使ってもっとボリュームのあるものを現在開発しています。私は業務でデザイナーさんから送っていただくデザインを元にコーディングすることが多いのですが、その場合フォトショかイラレかのどちらかをいただきます。その中でも...イラレの個人的注意点をまとめてみた2018-07-22React.jsの環境をnpmで作ろう!APIからデータを取得する方法も実践!今回は先延ばしにしていたReact.jsを使うための環境構築、そしてAPIからデータを取得して利用する方法についてご紹介していきたいと思います。いや〜propsの理解についても苦労しましたが、何と言っても環境構築が一番手間取りましたね...最近ではDockerなど...React.jsの環境をnpmで作ろう!APIからデータを取得する方法も実践!2018-07-21個人的難敵「props」とは?stateとの関連も含めてオレオレ解説さて前回はReactの概要的なところから最終的にはstateを使ったカウントアッププログラムまでを説明しました。前回のような単純なプログラムであればstateだけでも確かにいけるのですが、それではまだReactの恩恵に預かっているとは言えないよう。今回ご紹介...個人的難敵「props」とは?stateとの関連も含めてオレオレ解説2018-07-21「初心者と学ぶReact.js!」入門チックなことを書いてみよう今回は何かと話題のFacebook謹製jsライブラリ「React.js」について学習した記録を書き綴ろうと思います。Angular、Vue、Reactの御三家みたいなところはありますが、なんとなく名前がかっこいいのとFacebook製というところに惹かれ一週間前からちびちび学習...「初心者と学ぶReact.js!」入門チックなことを書いてみよう2018-07-12診断コンテンツ作成するには?作るためのメソッドを紹介!本日業務で診断コンテンツを作成することがありましたのでそれの備忘録をご紹介しようと思います。本日作成したのは以下のような診断コンテンツです。シンプル...診断コンテンツ作成するには?作るためのメソッドを紹介!2018-07-05canvas続編!「Three.js」を使ってみたらさらに楽しすぎたお話。この前はHTML5の新要素「canvas」についていかに楽しいか、ということについて熱弁(そうでもない)しました。私、まだ「canvas」の楽しさの真髄に気づいていなかったんです。いうことでそんな楽しさの真髄を教えてくれた「Three.js」につい...canvas続編!「Three.js」を使ってみたらさらに楽しすぎたお話。2018-07-03今更ながらcanvas使ってみたら楽しすぎて一日があっという間に過ぎた話ふんばりフロントエンジニアの私ですが、やはりなぜフロントエンジニアが良かったかと言えば「目に見える!」からだと思っております。コンフリクト起こした時に考えるべきことこんにちは、今回はバージョン管理ツール「git」についてのお話です。gitって業界では知らない方、というか使っていない方がいないほど有名なツール。それが「コンフリクト」ですよね。コンフリクト起こした時に考えるべきこと次のページプロフィールid:ma1129nm新米フロントエンジニアのふんばっている日々と備忘録です。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。