仕事で簡単なglslを書いてデバッグしていたところ、 私物のiPhoneXで、なぜか表示されない・エラーログも吐かない ということがあったのでここに記しておきます。 解決方法(僕のケースで) フラグメントシェーダーの精度修飾子を変更した。 precision highp f…
hoge.xxx/contact がお問い合わせページのURLだったときに、 ページに訪れるとhoge.com/contactへの リダイレクトループが発生するような現象が起こりました。 解決方法 パーマリンク設定とMW WP Formの両方を確認して合わせる必要がある。 パーマリンクの末…
flexプロパティを以下のように書いていました。 flex: 1 0 calc(100% / 3) しかし、これではIE11ではうまく表示されませんでした。 解決方法 flex-grow: 1; flex-shrink: 0; flex-basis: calc(100% / 3); flexのショートハンドでcalcを利用することが、 IE11…
cssで縦書きするには writing-mode: vertical-rl; を指定してやればいいわけですが、 単純にこれだけだと、 日本語が左右にずれたり半角英数がおかしくなります。 解決方法 writing-mode: vertical-rl; font-feature-settings: 'pkna'; pknaは、仮名や仮名関…
Connection Information 題のような状況で、こんな表示が出ました。 はじめて見る表示だったので、解決方法を調べてみました。 解決方法 dockerコンテナにログインしてwp-content の権限を変更する。 1. dockerコンテナにログインする docker exec -it servi…
僕は普段Wordpressの環境などをdocker-composeで作っています。 そしてlocalhost:8000のように適当なポート番号をふって開発しています。 しかし、今までlocalhost:xxxxでアクセスできていたはずだったのに、 どこかのタイミングからできないようになってし…
例えば 「トラック(track)」タグがついた記事と 「タクシー(taxi)」タグがついた記事を、 「車(car)」タグひとつに統合したい場合の操作を調べたので記しておきます。 とても簡単でした。 結論 Term Management Tools をインストールして、タグ・カテゴリ・…
すこしだけハマったので、 メモ程度に書き残しておきます。 案外日本語で書かれている方も少なかったようなので。 細かいところはドキュメントをどうぞ この記事では、ただタイトル通りのことを達成します。 REST API Handbook | WordPress Developer Resour…
はじめに 私はフロントエンジニアですが、無限カルーセル(*1)や大量のパーティクルなどの見た目部分を作ることが少なくありません。 言うまでもなく、無限カルーセルやパーティクルのオブジェクトを無限にnewしていたのでは、メモリに負荷をかけて、ユーザー…
*こんなタイトルにしておいてなんですが、 アプリケーション自体はクライアントの社内秘企画でお見せできません。 難易度はTODOアプリ+α+αぐらいのものです。 昨今仮想Domいけいけの時代ですが、 そもそも利用する機会がなかったので、ノータッチでした。 し…
<この本を読む目的> 読書が行動に結びつかない・読んでも身に入ってこないという現状を変えるため <心に残ったワード> 本は汚く読め 読書はスキマ時間にする 寝る前の読書が効果的 人間の脳は、「自分の能力よりも少し難しい課題」に取り組んでいるときに活…
Wordpressを最終的には動かしたいので、phpとdbをインストールします。 参考: https://knowledge.sakura.ad.jp/9006/ 1.remi用の設定パッケージをインストール PHP7.1はCentOSの公式リポジトリには含まれていないらしいので、 どこかのバーチャルアイドルみ…
前回でCentOS7をインストールしたので、今回はApacheをインストールしてみる https://knowledge.sakura.ad.jp/8541/ 1. yumの更新 まずOSを更新する上で、 yum update -y とする 2. apacheのインストール yum install httpd 3. http/httpsプロトコルの許可 C…
今更ながら、初めてさくらのVPSを借りてみた(というか借りてもらった)。 以下は参考サイトを見ながら進めた自分の所感をまとめただけなので、 詳細を知りたい方は以下のURLをご覧になることをオススメします。 参考: https://vps-news.sakura.ad.jp/tutorial…
タイトルがものすごいわかりづらいですね。 要は面白法人カヤックのサイトのこのページ(https://www.kayac.com/news)。 「タグ」をホバーしてスクロールすると分かるのですが、 下のメインコンテンツのスクロールは止まっていますね。 このような細かいとこ…
デザイナーからいただく.psdファイルにGoogleフォントが含まれていれば、 Google Fontsにおもむき、埋め込みコードを用意する必要があります。 その際いちいち使用しているテキストレイヤーの情報をみていてはとても時間がかかります。 github.com githubか…
実験的にNFCを試してみたく、 RC-S380とFelicaを購入し、nfcopyのexample/tagtool.pyを動かしてみました。 一部ハマったので、それをメモに残しておきます。 基本的には、以下のURLを参考に追っていくだけで、 サンプルの実行までたどりつけるはずです。 htt…
久々にHTMLとCSSを書いている僕ですが、 今までfont-sizeの指定はお恥ずかしながら、全て%(またはem)で設定していました。(下のような感じ) <html> <body> <div class='child'></div> </body> </html> html { font-size: 16px; } body { font-size: 90%;//0.9em } .child { font-size: 90%;//0.9em } このときchi…
Slicyを使ってスライスをするのが一番手っ取り早いなんて思っていたのですが、 PhotoshopCCにはさらに楽になる方がありました！ レイヤー名に〜.png, 〜.jpgとつけるだけ ファイル ＞ 生成 ＞ 画像アセットをオン。 あとはレイヤー名につけたい画像名と拡張…
Gulpでタスクも自動化したところで、Cocoapodsのようにライブラリも管理したくなった。 そのため、いまさらBowerに手を出しました。 Bowerとは？ Twitter社製のフロントエンド用のパッケージマネージャー なにができるのか？ ・ライブラリのインストール ・…
そんなこんなで二日間Gulpfile.jsを調整していたのですが、 どうにか自分が納得いくGulpfile.jsができました。 'use strict'; var gulp = require('gulp'); var connect = require('gulp-connect'); var plumber = require('gulp-plumber'); var notify = re…
３回目に引き続き、今度はsassのコンパイルをGulpに任せたい。 scssのコンパイル scssをcssに変換するには、gulp-sassというプラグインを使用します。 インストール npm install --save-dev gulp-sass gulpfile.js var sass = require('gulp-sass'); gulp.ta…
さあ1回目にひきつづき、Gulpにランしてもらうタスクを書いていきます。 やりたいことはいくつもありますが、まずはJSの圧縮と結合からやってみましょう。 はじめに gulpfile.jsは都度必要なプラグインをnpm install して、 node_moduleディレクトリにインス…
静的サイトジェネレーターもいいが、 やはりタスクランナーのほうが今回の案件にマッチしそうだったので、 しぶしぶ、いまさらGulpについて調べてみました。 Gulp.jsとは？ Node.jsのStreamAPIを利用したビルドシステム。 ローカル環境で動くサーバーサイドJ…
仕事で久しぶりにサイトのコーディングに勤しむことになったので、 最近流行っていると耳にした静的サイトジェネレーターとやらに挑んでみた。 静的サイトジェネレーターとは？ 静的サイトジェネレータとは、静的サイトを効率的に制作するためのツール。 好…
StringをNSStringに変換してあげれば使うことができます。 NSString(string: "hoge").stringByAppendingPathComponent("fuga") => hoge/fuga 参考: qiita.com
サーバーからのレスポンスをキャッシュしたい時なんぞに、 こういったことが必要になることがあります。 NSDictionaryをNSDataに変換 NSDictionaryをplistに変換しても良かったのだけれど、 何故か私が渡すDictionaryでは、writeToFileがfalseを返すばかりで…
NSFileManagerなんかでアプリ内ディレクトリに保存したものを確認したい時は、 以下のディレクトリを確認すれば良い。 /Users/(ユーザー名)/Library/Developer/CoreSimulator/Devices/(シュミレーターID)/data/Containers/Data/Application/(udid) Developer…
本を読んでいたら、tintColorについて発見があったのでメモ。 単にUIの色を変えるという認識でした。 親のビューのtintColorを変更すると、子のビューのtintColorが変更される let parentView = UIView() let stepper = UIStepper() stepper.tintColor = UIC…
短形A、ポイントAが短形Bの範囲内にあるかどうか、 調べるには以下のメソッドを使うようだ。 // 短形を調べる場合 CGRectContainsRect(rect1: CGRect, _ rect2: CGRect) -> Bool // ポイントを調べる場合 CGRectContainsPoint(rect: CGRect, _ point: CGPoin…
