htmlとphpに関するhikaru217のブックマーク (7)

  • 自分のパソコンをウェブサーバーにしておくときっと良いことが - 還暦過ぎたエンジニアの挑戦

    あるかどうかはわかりませんが、 少なくとも面白いことであるのは間違いありません。 ネットワークを味方に Hikaruはエンジニアなので、 自分のパソコンで ウェブサーバーを立ち上げておくということは 大工さんが大工道具を持つぐらいに必然なのですが、 みなさんはどうでしょうか? 一般的にはそんなものは必要ない と、思われるのではないかと思います。 が、今日は敢えて書こうと思います。 普段、スマホしか使わないという方も、 PCをお持ちでしたらぜひ。 自分のパソコンをウェブサーバーにしておきましょう と。 少し勉強すれば、副業ができるかもしれません。 自分には全く縁がないと思っていたプログラムやホームページ作成ができると趣味の幅も俄然広がるかもしれません。 ブログを書いている人もその仕掛けが紐解かれるかもしれません。 な~んだ、、、なんてね。 追々、このブログではいろいろなことを紹介していきたい

    自分のパソコンをウェブサーバーにしておくときっと良いことが - 還暦過ぎたエンジニアの挑戦
  • スイッチでランプを点けよう【スイッチ】 - 還暦過ぎたエンジニアの挑戦

    前回(というべきか昨日ですが)、 webで使えるスイッチ という記事を書いたのですが、せっかくですので今日はその続き。 そのものずばりで 「スイッチでランプを点けよう」 ということで今日のサンプルはこれです スイッチのアイコンをクリックすると ランプが点いたり消えたりする画像 完全に遊んでいますね。😅 しかしVus.jsおそるべしです。 こんなに簡単にできるとは。。。 ソースはこんな感じ <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <div class="sampleMaterial"> <h1>スイッチ2</h1> <sp

  • ショートカットページを作りました - 還暦過ぎたエンジニアの挑戦

    なんとなく「これだけ知りたい」の記事も書き溜まってきたので、 整理したいなぁ。。。 カテゴリーのメニューからはそれぞれの記事へのリンクはありますが、 要点をまとめておかないと自分でも使いにくい そもそも書き始めたコンセプトは受験生の単語カードみたいなものをイメージしていたのです。 ショートカットページというのもちょっと違う気がするけど。。。 それなのに、これではぜったい違う。 と、思ったので実行しました。 今日までのまとめを書きました。 こういうような書き方しておかないと実践的ではないですよね。。。 MySQLのこれだけ知りたい と、いつもの自画自賛 今日までの記事を整理したページ MySQLのこれだけ知りたい Excelのこれだけ知りたい Gitのこれだけ知りたい Phpのこれだけ知りたい 事あるたびに追記していきま~す。

    ショートカットページを作りました - 還暦過ぎたエンジニアの挑戦
  • 【シリーズテーブル】9:まじめにREADMEを書いてみた - 還暦過ぎたエンジニアの挑戦

    << 8. 道具へのこだわり ここまで書いてきて、 「労せずして」 「ミスを少なく」 を合言葉に、データベースと付き合いながらエンジニア仕事を進めるための道具になってきたなと思っているところです。自画自賛(^_-)-☆ でも、大事なことはこれをちゃんと自分自身も含めて伝わるようにしておかないといけない! 誰でも使えるように、公開リポジトリにはしてみたものの、中途半端はいけない! と反省して今日は README*1を書いてみました。 Php Engineer Tools hikaru217 のREADME いや、Markdown*2って書くのは意外と楽しいですね。 ちゃんと画像も用意して、 ファイルマップも書いて ここでも体裁には少しこだわってしまいました。 誰かの目に留まるかな。。。 この【シリーズテーブル】はいったん完結としておこうと思います。 お付き合いいただいた方、ありがとうござい

    【シリーズテーブル】9:まじめにREADMEを書いてみた - 還暦過ぎたエンジニアの挑戦
  • Icons - Material Design

    Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

    Icons - Material Design
  • 簡単に表にスタイルをつける - 還暦過ぎたエンジニアの挑戦

    (この記事は2020-4-26にリメイクしました) << 2. テーブル一覧を表示する 前回の記事で、テーブルの一覧を表示するようにしました。 内容は「テーブル名: table name」と「テーブルコメント: table comment」だけにしてあります。 それ以外の情報はここでは不要で、シンプルに見られるようにしておきました。 サンプルの題材にはWordpressのテーブルを使いました。 Wordpressのテーブル一覧 見ていただくとわかるように、テーブル名だけ見て用途のわかりそうなものもありますが、なんだかよくわからないものもあります。 こういう時にテーブルの名前の付け方って重要だなぁ、と思います。 ここで注目したいのは、それぞれのテーブルに「コメントが書かれていない」というところです。 そのテーブルの用途や、使用上注意することなどがちょっと書いてあるだけで、エンジニアとしてはす

    簡単に表にスタイルをつける - 還暦過ぎたエンジニアの挑戦
    hikaru217
    hikaru217 2020/04/17
    ポイントはこれ 横着というと聞こえが悪いが、要するに作業効率を上げるためのひと手間を惜しんではいけない。。。 と、思う
  • 【シリーズ テーブル】2:テーブル一覧を表示する - 還暦過ぎたエンジニアの挑戦

    (この記事は2020-4-26にリメイクしました) << 1. データベース接続 とりあえず、ローカル環境でデータベースに接続したら、中身がどうなっているのか、、、 そう思った時に、たとえ、体裁よくまとめられたテーブル仕様書があったとしても、経験的に100%信用するわけにはいかないと思っています。 年期の入ったシステムになればなるほど、その実態に合わせて仕様書が更新されているのか、最新の状態を表しているのか、などがはっきりしないことがあるからです。 でも、とにかく俯瞰して全体を見てみないと話が始まりません。 ですのでこの目で確かめることにします。 その時に、もちろんMySQL Workbench*1 やphpmyadmin*2といったツールもあるので、それらでも十分仕事にはなるのですけれども、ここは少し横着をすることと、仕事の効率を考えてオリジナルに進めていきます。 まず、メニューにテーブ

    【シリーズ テーブル】2:テーブル一覧を表示する - 還暦過ぎたエンジニアの挑戦
  • 1