公式ブログ Google Cloud Japan 公式ブログ公式サイト Google Cloud Next ’18 in Tokyo | 9 月 19 ~ 20 日、東京2018/10/3追記:スライド公開されたっぽい Google Cloud Platform - Japan | SlideShare ■参加日程 9/19(水) お昼すぎ〜終わりまで■会場 東京…
現場で役立つCSSアニメーション オンラインデモ - CSS Nite LP58「Coder’s High 2018」 随時追記
techplay.jpRejectcon 2018(builderscon tokyo 2018 番外編)にいってきた。 ここでは掲題の通り、サービス作ろうっていうところだけを切り取って書いているので、 他の情報を探している人は #rejectcon2018でツイート検索したら良い。久々にいってきました…
言わずもがな、サーバーはクラウドを使う時代 ということで今までは先駆者であるAWSを使っていた。ただ最近になってぐんぐん伸びているGoogle製のクラウド こっちのが安いし、普通のWEBサービスなら簡単にデプロイ、運用管理までできるらしいのでGCPを使って…
環境 AWS EC2(CentOS7) Puppeteer 1.7.0 node.js v8.11.3 以前から話題のヘッドレスクローム、ライブラリのPuppeteer(パペティアー)を使ってみた。 少し前にヨーロッパで制定されたGDPRの影響をモロに受けて厳しくなりつつある個人情報保護。 例にもれず…
今回の現象 ・httpsでアクセスすると内部に記載しているパスがhttpになって不審扱い ・Laravelで作られたサイトのため、{{ ('img/aaa.png') }} というのがソースコードに記載されている。 ・最悪この部分を/img/aaa.pngとすれば解決するが、ミスりやすいし根…
AWSでロードバランサー経由でアクセスしても表示されない。 設定も間違いないのにインスタンスでは 「アベイラビリティーゾーンに正常なターゲットがありません」とでてる。もしやと思って気づいたのが遅かったが、Basic認証だった。めちゃくちゃしょうもな…
まずは結論から post_content); ?> これをindex.phpに書けば解決する。 解説 投稿では普通にpタグとかついて表示されるのに固定ページだと出ないなーと思っていたら違っていた。 正確にはpage.phpとかではしゅつりょくされるけど、TOPなどに出す場合はタグな…
言葉だと全く伝わらないと思うが、要するにこういうことがしたい。「初期バー、マウスオンでアンダーライン伸ばし、マウスを離したら消えて初期のバーに戻る」とりあえず結論からSee the Pen XBVLbY by HiroyasuMurayama (@h-murayama-the-reactor) on CodeP…
Web制作では様々な仕事があり、毎回やるのが面倒だから自動化できるところは自動化して楽しちゃいましょうっていう話。ざっくり説明すると下記3つを使う。 Gulp.js(タスクランナー) ・Sass→CSS変換 ・CSS,JS,画像圧縮 などをJSで作成して自動化させる。 Sa…
タイトルまんまだが、 投稿でNEWSを使ってそれをnews一覧として固定ページを作り、page-news.phpに表示させる。前に書いた記事でも行けるが、これでもいけたのでメモしておく。 hiromode.hatenablog.com 12 'news', //特定のカテゴリースラッグを指定 15 'p…
最近は人工知能、機械学習、プログラミング教育も必修化するとか色々と話題が付きない。 Amazon、Google、Facebook、、、IT業界の猛者達はとどまることを知らない。 そんな中、世の中にはどうやら現在の仕事に満足していない人がやはり一定数いる。理由は様…
今英語の本を勉強している。 始めたばかりだが。Grammar in Use(CD-ROM付き) Unitが145まであり、ページでいうと300ページ程度と、そこそこのボリュームのため、続くか不安である。(みんなそうだと思うが) いや、後ろの索引みたいなのもあるので正確にはも…
まだ●●で消耗してるの?っていうタイトル多いね。 イケハヤさんのネーミングセンスすげーわ。てことであちこちで言われてるGithubにvimrcとかいろいろ置いておいて、 転職やPCが変わっても簡単に便利に環境構築しましょうという話。とはいえ大体下記を見ても…
今年の5月くらいに作ったのだが、そういえばブログにかいてないのを思い出したのでかいておく。普段サイトを作っていて、ものによってはテレビで紹介されたりバズったりすることもある。 そういうときにCDN置いたりいろいろと対策をすると思うが、その場合静…
2017年12月にも記録していたが、気づいたら6月。 今の自分を振り返るにはちょうどいい時期になった。前回の記事 hiromode.hatenablog.com 半年を振り返ってできるようになったこと 振り返ると正月休みが暇なのでCakePHP2系でブログアプリを作った。 そもそも…
通常使うInsert文とかをターミナルとかでたたくと恐ろしく時間がかかるので、 通常は下記のようにLoad data文で外部ファイルを読み込むらしい。mysql> load data infile "/var/www/html/hoge/import.csv" into table Answer fields terminated by "," lines …
タイトルがわけわからんと思うが、想定しているのはよくあるフォームの最後にある同意ボタン。こういうの ただの同意ボタンならlabel内にinputタグ書けば文字まで全部クリッカブルになるのでそれでおしまい。けど今回はそうじゃなくて画像のようにチェックボ…
すっごく久々に自社の広告提案営業担当が勉強会やってくれたので参加した。 普段コーディングばっかりやってると激しく忘れてるんだけど、どこかでそれじゃだめだろうという危機感があったのでとてもありがたい。 元々営業でやってたのもあり実践的かつ具体…
WEBサイトをつくってると脆弱性のチェックやコードのチェックなどやらないといけないことが沢山ある。 とてもじゃないが手を動かしてチェックなんてしてる暇はないので下記にあげたツールを使うことはむしろ必須といえる。なぜこんな記事を書くかというと、…
なかなかモチベーションの上がる内容だったのでメモ。 ほぼ抜粋だが、要点だけまとめた。0からプロになるまでは1万時間必要というのはよく言われているが、 時間がかかりすぎる。 そこで、0からまあまあいい感じのレベルまで持っていくのは20時間でいけんじ…
前にメモしたつもりが出てこないので改めて記載。これを書くだけ。 画像名変えるだけで出てくるのが超絶便利。 https://placehold.jp/460x320.png 本家サイトはこちら https://placehold.jp/
はじめに、この記事はCodezineを見ながら手を動かして、一部自分のメモなどもしたかったので加筆修正したものなのでリンクしてきます。 Reactの概要と基礎技術要素を理解する (1/3):CodeZine(コードジン)古い記事だと記法や手順が違ったりして面倒なこと…
要素を選択してもレイヤーが選択されないときの対処法 どういう作り方なのか、普通にvモードにしていて要素をクリックしたら右のレイヤーが選択されるはずだがそれがでない。 もちろん、自動選択とバウンディングボックスを表示にはチェックが入っている状態…
これは知らなかった。WEBサイトを作ってると動画埋め込み、もといYoutube動画埋め込みはよくある。 なんといってもサーバーに動画置かなくていいのでサーバー負荷も違うし勝手にYoutube側で画質調整してくれるらしいし。ただデメリットが ・Youtubeに動画の…
PHP、SSIなどが使えない、もしくはデータ納品だから先方で使えるかわからない場合に使える。 html 任意の箇所に埋める <script type="text/javascript"> writeHeader(); </script> <script type="text/javascript"> writeFooter(); </script> JavaScript //共通ヘッダーフッター読み込み function writeHeader(){ $.ajax({ url:"/inc/header.ht…
スライドの中でVideoタグを自動で再生させたいことがあった。 適当に入れただけだとautoplayとか入れても動かないので調べてみたら そのままでは動かないらしい。結論 bxSliderはコールバック関数が豊富に用意されているので、 その中のonSliderLoadを使えば…
自分はCSSのfloat:left;をよく使うので、いちいち要素ごとにclearするのがめんどい。 ええーい、このあとは回り込ませたくないんだよ!Flat!!ってときに使う手法だったりフォントだったりをまとめておく。てことで下記。 html, body, div, span, applet, obj…
環境構築 今回わかること ・掲示板システムを作る仕組み ・実行に必要なロール ・DynamoDBの基本操作 ・API GatewayとLamdaの仕組み 1.掲示板アプリの構成を考える 関数は2つ、読み込み用と書き込み用を作る必要がある。 2.Lambda実行用のIAMロールをつくる …
schooというオンライン講座を久々に見たらちょうど今勉強始めたサーバレスについてやってた。 http://schoo.jp/知ってることも多かったが、本とかネットも断片的なところがあるので、 復習の意味も込めて記載しておきます。 ※2018年3月25日(日)現在の情報 …