カテゴリー: Web

HTML、CSS、Javascriptを中心にフロントエンドの話題をお届けします。時々サーバーサイド、インフラのお話も。
他に様々なWeb関連ブログを運営していますが、こちらでは自分の実用に近い話題を主に取り上げていきます。

Webの醍醐味や楽しさ

Webというのはサーバーやドメインを取得してしまえば、誰でもアクセスが出来、自分の伝えたいことを様々な方法・メディアで表現することができる。突き詰めなければ簡単。つまり、敷居が低くコストもそれほど掛かるものではない。つきつめていけば、それなりのコストが必要となるし、こだわりがあればゴールはいつまでもたどり着かない。だからこそ、終わりがなくて、次に何をしようかなということを常に考える用になるので面白い。

更新することに一つの醍醐味がある。もっともっとよくしよう。と。

どの世界でもそうかもしれないけれど、工夫次第で色々な表現ができる。表示を美しくしたり、あえて美しくせず、隠してしまって迷路みたいにしたり。

Webの領域

もともと、研究用のコンピュータや一部の人だけが使用できるパソコンという名の小さなネットにしか繋がっていない大きなコンピュータでしか使えなかった。ネットが広がり、世界も同時に広がっていきいいこと悪いことを含めると多種多様な、もう一つの世界が出来上がった。さらにどんどん変化して様々な秩序が生まれて、現実世界の代替となり得る部分が少しずつ出来上がってきている。今後は、さらに電子化されていなかったところが電子化されて、ますます身近にWebを感じることになるであろうと思う。

業界に興味を持ったわけ

ハッキリ言ってしまえば、もともとWebというものには興味はなかった。漠然とゲームが作りたかった。でもある時に思ったけれども、やっぱり向いてない・苦手だってことに気づいたし、さっぱり諦めた。かわりにWebのプログラミングという案が提供されると、今までとは違って敷居が低くなり様々な表現が自分一人で行えるというWebの世界にどっぷりとはまっていった。デザインだけつきつめればそれでもいいだろうし、プログラムをつきつめればそれもあり。フロントエンドをつきつめればそれも。

あれもこれもと広く浅く楽しめ、時には深く突っ込んでみることが出来て、暇さえあれば、実験用の場さえあれば色々なことが出来て楽しい。ちょっとしたことならば、簡単に始めることができる。すぐに実現したいことをカタチにできたからこそ興味を持ったのかも。

  • HTML、CSSの取得
  • PHPの習得
  • データベースの操作
  • サーバーの構築

コーディングチック、プログラムチック、システマチック、インフラチックなこういった世界も最初は動かないしつまらない。徐々にできるようになってくると、理解も深まって楽しい。出来なかったことが実現できるようになるというのは最高に幸せ。最初はまず、間違っていても曲がりなりにもやってみることが大切。何度か挑戦していろいろやってみよう。

不思議

一度、仕様だったり方法論が提案され、普及するとそれを継承しながら物事って進化していく。ゼロベースじゃない。キーボードがその一つだけれども、もとはタイプライターから始まったキー列を今でも踏襲している。まだまだ何十年もキーボードに変わる画期的なものが登場するまでは、他の入力装置は普及しないであろう。でも真剣に変えようとか思って変えた人が居て、それに賛同する世界があったならば別の方向が生まれ、違った今になっていたのかも。でも、なんにせよキーボードという装置は非常に優れていますね。

不思議なこと、といえば大きな変化が無いってことかな。どの時代どの世界でもそうだったけれども、ゼロだったところに新しく登場するとそれがフォーマットになる。車、携帯電話、家電など。ライバルが出てきたかと思えば、それの機能で勝ちにやってくる。全く違うアプローチではない。そういうのをWebにも期待している。でも、出来たとしても普及させようとしてもだれかが乗ってくれないとだめなんだよね。協力関係、人間関係って大事。

HTMLはいつまで

HTMLはいつまで続くのだろうか。このファイルの形式、またはこれを踏襲したようなものは何十年も先まで続きそう。変えようにも帰ることが出来ない仕様なので、例えば画期的で、世界がそれについてくればそうなる。

そのものが変化しないにしても、入力や生成の方式は大きく変化していくだろう言うのは予想できる。CMSを使えばいわばHTMLを使わなくてもある程度コンテンツを生成していくことは可能。オリジナル・オーダーメイドモノをもとめるとやっぱりハンドメイドしないといけない部分が出てくるため、そこはしかたのないことなんだろうけれどもね。

    WordPress 5.0より前のバージョンで、PHPを7.1に変更したり、その環境にそのままのデータを移設したらエラーに

    Warning: Parameter 1 to multibyte_patch::wplink_js() expected to be a reference, value given in ***\wp-includes\plugin.php on line 600 Warning: Parameter 1 to wp_default_scripts() expected to be a reference, value given in \***\wp-includes\plugin.php on line 600 Warning: Parameter 1 to wp_default_styles() expected to be a reference, value given in \***\wp-includes\plugin.php on line 600 ...

    WordPressのサイトを自分のPCの自サーバーで確認するときに_notesフォルダが原因でエラーになる

    WordPressのサイトを自分のPCの自サーバーで確認するときに_notesフォルダが原因でエラーになる これ、気づかない問題なのですが、Dreamweaverはサーバーにアップロードするときに_notesを生成します。このフォルダ内に同期情報が入っていて、便利なのですが、ローカルだとそのままコピーしてくると動かない。ローカルで確認するときは検索して、_notesフォルダをすべて除去して確認したほうがいい。 WordPressはテンプ...

    jQueryのeachを使って繰り返し・インデックス番号・分岐をうまく活用して表示分けする

    コードすべて すべてのコードを載せたもの。 <!doctype html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>jQueryのeachを使って繰り返し・インデックス番号・分岐をうまく活用して表示分けする</title> </head> <body> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <style> .disp{ display: inline-block; margin: 0 0 50...

    HTML+CSSでfocus時にoutline(外枠)を表示しないようにする方法

    inputタグやスライダーなどを選択している時に表示される外枠。こちらはoutlineというプロパティ。デフォルトだと表示される設定になっているが、見せたくない場合もある。そういった時はnoneとしてあげることでリセットできる。 inputのCSS 例 input:focus{ outline: none; } :focusという擬似クラスがあるので、設定すると気になるアウトラインが消せる。 *:focus{ outline: none; }

    Web制作の費用について:他のものに例えてみる

    オーダーメイド・要件・コストなどに焦点を当てて、Web制作というものにはどういった費用をかけるべきなのか?なぜ違いが出ていくるのかを、他の例と合わせて理解していきましょう。 プレハブ住宅と注文住宅 2000万円~3000万円 小さい注文住宅や低価格なら 1000万円 プレハブ・ユニットハウス・コンテナハウス 200万円~500万円 住むということだけ雨風をしのげるだけスペースがほしいだけ といった...

    ★CSSのメディアクエリ(Media Queries)を使い表示を分岐する

    メディアのタイプ 媒体のタイプを指定します。基本的に指定せず、allということで、全ての媒体で同じようにCSSが適用されるようになっています。 スクリーンはよく触れますが、プリンタなどは印刷の指定まで考えていないとなかなか考えませんよね。印刷は簡素にし、印刷用紙にうまくはまるように指定するとより良いです。 テレビ画面は大きいですが、それに合わせた指定も可能です。 @media allすべての媒体 @med...

    「wp-load」と「固定ページ」・ASPやSaaSのショッピングサイトシステムのトップページに読み込む・組み込む方法

    「wp-load」と「固定ページ」・ASPやSaaSのショッピングサイトシステムのトップページに読み込む・組み込む方法 今回は ASP・SaaSといったレンタルサーバー+カートシステムで、CMSが使えるサービスについて お話のポイント 複雑なシステム開発とは違う制約された中でも案外自由に構築可能なこともある このあたりをアイデア・案の一つとして持ち帰ってもらえれば…。 例として、ケース(課題・解決案)...

    クリエイター・制作者が会社で働くことと自営業(フリーランス)で働くこと 違い・大まかなイメージ

    イメージで記述してあるので、状況や環境によって反対になること、大きく違う可能性も。 仕事内容 会社個人よりは幅広い分野。専門性は強い。様々な業態を抱えているならワンストップしやすい。自営業特定分野または広く浅くなる。 仕事量 会社安定。他に頼めない・一人しか担当できない場合はフリーランスと実質同じ。金銭的な問題解決を行うことで解決可能。自営業不安定、うまく均等化できない可能性がある。代...

    HTML+CSSでボタンレイアウトのサンプルコードスニペット

    inputなどのボタンをHTML+CSSを使って表現する・カスタマイズする方法・サンプルコード inputなどのボタン。フォームなどに一つは使う。よく見かけるパーツであるが、色を付けたい、角丸にしたいなど細かいところを指定しないときれいに作れない。結構面倒。 コピペして自分を含めて誰かが楽できればいいんやけど。コピー・アンド・ペースト用のサンプルいくつか準備しましたので使えたら使ってください。 リセット ...

    Web制作会社/クリエイターに賢い構築・依頼するには?

    曖昧ですが、最初に考えることです Webサイト・ホームページが作りたい今まで運用してきたが新しくしたい集客したいWebサイトで便利な機能・情報を提供したい 次に考えることです どうやってつくればいいのかわからないそもそも何から手を付ければいいのかわからない安く抑えて早く形にしたい高くてもいいからしっかりしたい 課題の例としてはこういったものです決められた時間内にまとめてスムーズに作業できない...