クモのようにコツコツと

フロントエンドエンジニア イイダリョウの技術ブログ。略称「クモコツ」

ローカル→Sourcetree→GitHub→Herokuに同期する方法(黒い画面不要!)

全国一千万人(?)の黒い画面に不慣れの皆さん、こんばんは。ここ最近、Webデザイナーがより気軽にサーバサイド言語に触れる方法を模索しておりましたが、ようやくキタコレ的な方法にたどり着けました。クラウドサービス「Heroku」です。一般的にHerokuの利…

ブログに埋め込めるオンラインIDE比較(サーバサイド版のCodePenを探して)

フロントエンド言語(HTML、CSS、JS)の記事を書くときにいつもCodePenを埋め込んでいますが、サーバサイド言語はローカルで書いてスクリーンショットを撮っています。あー、サーバサイド言語もCodePenみたいにブラウザで実行できてブログにも埋め込めるオン…

Webサービスを公開するためのサーバ仕様比較(VPSとクラウドサービス)

最近いろいろなWebサービスが公開されているのに刺激を受けて、自分もPHPのフレームワークlaravelで何かを作ってみようと思いましたが、なんと自分が契約しているレンタルサーバの仕様だとlaravelを公開することができないことがわかりました!ここ数日、サ…

ブログのURLを独自ドメインに変更しました

あけましておめでとうございます。2019年元旦の本日、当ブログのURLを独自ドメインに変更いたしました。 今後ともよろしくお願いいたします。 ※新URL:https://www.i-ryo.com 作業中の大まかな手順と参考になった記事をご紹介いたします。

【Tone.js】十三音鍵盤のシンセ音を変更してみる(その2)

ブラウザで音を出そう「Tone.js」シリーズの続きです。前回はTone.jsに用意されたシンセ音の半分を紹介しました。今回は後編です。それではいってみましょう!

GitHubとSourcetreeでGitHub Pagesとローカルファイルを同期させる

GitHubシリーズの続きです。前回、ブラウザ上だけでリポジトリを作ってWebページを作成しました。今回はローカル環境(SourceTree)にリポジトリをクローン(複製)し、そこで行ったコミット(更新)をGitHubにプッシュ(反映)します。さらにGitHubの静的サ…

CSSドット絵マリオをCSSアニメでジャンプさせてみる

Qiitaアドベントカレンダー「CSS」 23日目の記事です。イブイブ! さて、CSSドット絵マリオシリーズ、前回のあらすじ。グラフィックソフトを使わずCSSオンリー打つべし打つべし!でドット絵を描いた(書いた?)マリオ。ホバーアクションで立ちポーズとジャ…

Pythonの基本を理解するためにJSと比較する

Qiitaアドベントカレンダー「Pythonその2」19日目の記事です。以前「PHPの基本を理解するためにJSと比較する」という記事を書きました*1。本記事はその「Python版」です!ちなみに私のPython歴は「Hello World」までです。Webデザイナーが新たなプログラミン…

Google ChartsをQuickにStartする

Qiitaアドベントカレンダー「JavaScript2」12日目の記事です。最近、データのビジュアライズに興味津々之介なイイダリョウです。これまでJSのチャートライブラリは「Chart.js(Canvasベース)」と「C3.js(SVGベース)」をGetしてStartedしました。今回は「G…

Smart Custom Fieldsの繰り返し(グループ)機能の出力タグ一覧

Qiitaアドベントカレンダー「WordPress」5日目の記事です。 WordPressのカスタムフィールド のプラグインSmart Custom Fields(SCF)は「繰り返し(グループ)」機能が標準で搭載されいます。いつも大変お世話になっています!このグループ機能がついた状態…