プログラミング– category –
-
Laravel
【Laravel】Bladeの分岐
LaravelのBladeテンプレートエンジンでの分岐をまとめました。 @ifディレクティブ どこでも出てくる条件分岐です。条件が真の場合に処理が実行されます。 @if ($var == 1) {{ '$varが1の場合' }} @endif @if ($var == 1) {{ '$varが1の場合' }} @else {{ '... -
Laravel
【Laravel】Bladeのタグについて
自動エスケープしてデータを表示 {{ 変数 }}とするとhtmlspecialchars関数でエスケープ処理を行ったデータが表示されます。 @php $var = 'I am var'; @endphp {{ $var }} // I am varが出力される エスケープしないでデータを表示 {!! 変数 !!}とすると、... -
システム開発Tips
【Mac】コマンドラインからファインダーやファイルを開く
コマンドラインを利用している時に指定したパスのFinderでひらけたら便利ですよね。それを実現できるコマンドが「open」コマンド。基本動作とよく使うオプションを紹介します。 指定したフォルダをFinderで開く open [フォルダパス] 指定したファイルを関... -
システム開発Tips
Macのコマンドラインでコピペ操作
Macのコマンドラインでコピー&ペーストを使う方法をまとめました。 テキストをクリップボードにコピーする方法 // echoで出力した文字列をクリップボードにコピー echo '[テキスト]' | pbcopy // ファイルからテキストを読み込んでク... -
WordPress
prism.jsをWordPressに導入
WordPressにシンタックスハイライトを導入したくて最初に考えたのがGist。これは今も使っていますが、ちょっとしたコードを公開したい時に面倒だったので、ある程度まとまったコードを公開する場合に使っています。それとは別でちょっとしたコードを掲載し... -
JavaScript
JavaScript(ES6)の変数スコープの違いによる挙動確認
ES6で追加されたletとconst、以前からあるvarとグローバル変数について、スコープの違いによる挙動をまとめました。 関数スコープで挙動確認 var 今までよく使われていたvarは、スコープが関数となります。関数内で変数が宣言されている場合は関数内のスコ... -
システム開発Tips
Leafletで地図を実装するデモ(3)
チュートリアル3番目のマーカーのカスタマイズを実装してみます。 今回の完成形はこちら。デモ 画像ファイルはimgディレクトリに格納している前提とします。以下のようにアイコン情報を作成し、マーカー作成時に指定すればアイコンが表示されます。 var gr... -
システム開発Tips
Leafletで地図を実装するデモ(2)
チュートリアルの2番目となるiPhone,iPad,Android系のようなモバイル端末向けにフルスクリーンの地図を実装してみます。 今回の完成形はこちら。デモ まず初期化処理と地図のスタイルを定義して画面全体に表示されるようにします。 body { padding: 0; mar... -
システム開発Tips
Leafletで地図を実装するデモ
Google Mapsが有料になり気軽に使えなくなってきたので、Google Mapsと同じようなインターフェースで使えるLeafletのチュートリアルで学びながらデモを作成しました。 Leafletとは Leafletの公式サイトでは、以下のキャッチコピーが表示されています。 an ... -
システム開発Tips
Illustratorでアートボードのサイズを変更する
Illustratorのオンラインマニュアルをみていたのですが、更新日が古いせいか最新のIllustratorの画面と異なっていたので、私が確認したドキュメントのアートボードのサイズを変更する方法をまとめます。 アートボード変更手順 アートボードツールを選択 ツ...