スプレッド構文(Spread Operator) ... で使用 for of で回せるArray-like(イテラブル？)なオブジェクトを個々の値で展開できる ※配列での仕様はES2015/ES6で標準になっているが、オブジェクトでの仕様はまだドラフト (ECMAScript® 2022 Language Specificati…

JavaScriptで変数を展開した文字列を作成する時、+で文字列連結をしていましたがES2015(ES6)からは``(バッククォート)で囲うテンプレート構文(Template literal)で書くことができるようです。 ※ IEやAndroidでは未対応なブラウザもあるようなので、WEBサイト…

PythonのboolはTrueとFalse true、falseと小文字にするとエラーになる。 0, 0.0, [], {}, "", Noneはbool化するとFalse Trueは、1扱いにもなる Falseは、0, 0.0扱いにもなる Bool化 bool(0) # False bool(0.0) # False bool([]) # False bool({}) # False bo…

HomebrewでpyenvをインストールしてPython環境を作っていました。 brew upgradeでpyenvがアップデートされた後Pythonを実行しようとしたら次のようなエラーが出るようになってしまいました。 $ python /Users/user_name/.pyenv/shims/python: line 21: /usr/…

PHPはphpbrewでインストールしました。 Macにデフォルトで入っているapacheを起動しないようにする $ sudo apacehctl stop $ sudo launchctl unload -w /System/Library/LaunchDaemons/org.apache.httpd.plist homebrewでインストール 以前はhttpd24という名…

フリーランスのお仕事だとレンタルサーバーにWordPressでホームページ作りたいってのがまだまだ多いのです。 MAMPやXAMPPはサーバーもセットで簡単にインストールできるのですが、稀にお客さんの用意しているレンタルサーバーのPHPとMySQLのバージョンが違っ…

ESLintをグローバルにインストール $ npm install -g eslint Sublime TextにSublimeLinterパッケージをインストール Sublime Textを起動しPackage Control(⌘+shift+P)を起動 Installと入力しInstall Packageを選択 SublimeLinterと入力しEnterを押してインス…

やりたいこと。 有効期限とかの日付の入っている次のようなデータのマスターシートがあるとして、検索月を入力したら有効期限が今月末までのデータをマスターシートから取得して一覧が表示されるようにしたい。 A B C D E F 区分 ID タイトル URL 有効期限 …

Python3 (3.6.5)でオレオレモジュールを作成してインポートしようとした際に結構ハマったのでメモ importの基本 import <module>キーワードでモジュールをインポートする import math print( math.pi ) # => 3.141592653589793 モジュールのメソッドはmodule.method</module>…

os を使う import os currnet_dir = os.path.dirname( os.path.abspath(__file__) ) os.path.abspath(__file__) で現在のファイルの絶対パスを取得し、os.path.dirname(path)でファイルのあるディレクトリを取得。 参照: 10.1. os.path — 共通のパス名操作 —…

classキーワードに続けて大文字から始まるクラス名を記述してクラスを作成する クラスからインスタンスを作成する際はnewなどのキーワードは不要 コンストラクタは__init__()で定義する class Player: # constructor def __init__(self, name = 'Human'): se…

なんとなくPythonがJavaScriptに似てる気がしてきてる今日このごろ。 後のループとかで使うために関数の先頭とかで空の変数だけ作っておきたい(関数宣言だけしたい)ってのに少しハマったのでメモ。 varみたいな宣言文がPythonには無いので、変数だけ作ってみ…

1. %演算子 変換指定子 フォーマット型 %f 浮動小数点数 %d 整数 %s 文字列 %x 16進数 %o 8進数 %% % print( 'Hello %s!' % 'World' ) # => Hello World area = 3.14 * 5 * 5 print( '円の面積は%f平方cm' % area ) # => 円の面積は78.500000平方cm cat = 3 …

他の言語ではハッシュとか連想配列と呼ばれているようなキーと値が対になったデータ構造をPythonでは辞書(dictionary)と呼ぶらしいです。(厳密にはもっと違いがあるのかもしれません) 辞書をfor inでループ dict = {'name': 'Aki', 'age': 16, 'role': 'gunn…

for s = '' for i in range(3): s += str(i) print(i) # => 2 print(s) # => '012' s = '' # 3<= i < 10 でループ for i in range(3, 10): s += str(i) print(s) # => '3456789' リストをループ s = '' arg = ['foo', 'bar', 'buz'] for i in arg: s += i pr…

ヲタクなのでPaizzaのすみぺ(上坂すみれ)コラボにつられてPython入門しました。 コミケ時期にキャンペーンするのヤメて!! 原稿と被って出来ないの!! 各位ヨロシクオネガイシマス 超初心者なのでprintでシンタックスエラーを出してしまいました。 print で Mi…

はてなブログ(マークダウン記法)で自分でupした画像にリンクを貼る方法がちとメンドーだったのでメモ はてなブログのサイドバーのメニュー写真を投稿から画像をアップロードして記事に挿入すると、エディターでは次のような はてな独自のf:idから始まるショ…

1. MySQLのインストール HomebrewでMySQLをインストールする $ brew install mysql $ mysql --version mysql Ver 8.0.11 for osx10.13 on x86_64 (Homebrew) v8.011がインストールされました。 2. MySQLの環境設定 MySQLの起動 $ mysql.server start rootユ…

Pythonをインストールしてみました。 pyenvのインストール Rubyで言うところのrbenv、バージョン管理のパッケージをhomebrewでインストールします $ brew install pyenv pyenvのパスを通す ~/.bashrcに下記を記述して保存 export PATH="$HOME/.pyenv/shims:$…

CSSプリプロセッサやタスクランナーなどフロントを触るにはnode.jsは必須になっているのでnodeが使える環境のセットアップも必須になってる感じです。 1. nodebrewのインストール node.jsのバージョン管理をするnodebrewをインストールします。 お好みの方法…

WEBサイトの制作のときならgulpでサーバー起動してCSS・JSを本番と同じようにコンパイルして確認するのが良いのですが、実験や学習用にでわざわざコンパイルまでしなくていいローカル環境が欲しかったのでexpressで作ってみました。 インストール $ npm inst…

gulp v4 で追加されたgulp.seriesとgulp.parallelを試してみた gulp.series(...tasks) ... 順番に実行する gulp.parallel(...tasks) ... 並列に実行をする GitHubのサンプル gulp.task('one', function(done) { // do stuff done(); }); gulp.task('two', fu…

Gulp v4になってv3の書き方だとエラーになるケースがあったので移行したときのメモ gulp.series と gulp.parallel gulp v4で追加されたメソッド added gulp.series and gulp.parallel methods for composing tasks. Everything must use these now. gulp.ser…

ニッチ過ぎて一体どこに需要があるのか謎すぎるのですが、gulpでディレクトリ構造を保ったままリネームして出力する方法を試していたのでメモです。 stylusで試してますがpugやsass、jsファイルでも同じかと思います。 renameしない場合、パスの/**/の部分の…

nibだけだと今は不要になってるベンダープレフィックスも出力してしまうのでautoprefixerを使って対象ブラウザをコントロールするメモ node: v9.6.1 npm: v6.1.0 gulp@3.9.1 gulp-stylus@2.7.0 gulp-autoprefixer@2.3.1 nib@1.1.2 install $ npm install --s…

久々にnpm installしてgulpを動かそうとしたところ $ gulp [08:46:54] Using gulpfile ~/Documents/local/gulpfile.js /.nodebrew/node/v6.9.2/lib/node_modules/gulp/bin/gulp.js:129 gulpInst.start.apply(gulpInst, toRun); ^ TypeError: Cannot read pro…

pugでHTMLを生成する時、変数をコメントに含めて出力するのに少しハマったのでメモ 変数をコメントに含める方法 - var hello = "world"; | ↓ 又はpugの文字列展開の方法を使って - var hello = "world"; != `` ↓ NG集 - var hello = "world";

新しいMacちゃんの開発環境とかのセットアップのメモ Finder 不可視ファイルの表示 macOS Sierraからはターミナルでコマンドを打ち込まなくてもcommand+shift+.ショートカットをFinderで実行すれば不可視ファイルの表示/非表示が切り替えられるようです macO…

表題のとおりです。 画像をレスポンシブで100%表示するのにObject-fitが便利なのですが、IE11ではObject-fitがサポートされてないので、HTMLのIEを判別させる条件付きコメントを使ってIEの時だけ上書きするCSSを読み込ませようとしていました。 Windowsの実…

Microsoft Edge でCSSでlist-style: noneが指定されているにも関わらず、・や 1. というリスト(ul, ol)の記号が消えないバグに遭遇しました。 調べているとIEでもこの問題はあったようで 問題の発生条件 概ね次のような条件で発生するようです。 ul / ol / l…