You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
HTMLで、Webページやアプリを作成する時に役立つ、フロントエンド用に必要最小限をまとめたシンプルなHTMLの基本テンプレートのファイル一式を紹介します。 v.8.0.0がリリースされ、現在の環境に合わせた設計にアップデートされました。 IE11を含む、すべてのモダンブラウザをサポートしています。 HTML5 Boilerplate -GitHub HTML5 Boilerplateの特徴 HTMLの基本テンプレート HTML5 Boilerplateの使い方 HTML5 Boilerplateの特徴 HTML5 Boilerplateは、Webサイトやアプリを実装するためのプロフェッショナルなフロントエンド用のHTMLの基本テンプレートです。 実践的な基本のテンプレート 200人を超える貢献者による分析・研究・実験をもとにしています。 ブラウザの見え方を最適化 プログレッシブエンハンス
ブログ requestsで取得できないWebページをスクレイピングする方法 [PR] 2019/12/20 2020/10/7 | Python Webスクレイピング スクレイピングの定番の方法と言えば「requests + BeautifulSoup」の組み合わせです。一般的はWebページであれば、大抵はスクレイピングできます。 しかし、この方法で読み取れないWebページに遭遇することがあります。特にYahoo!やTwitterなど頻繁に更新されるサイトによくあります。 その原因は、「ダウンロードしたHTMLファイル」と「ブラウザに表示されるHTML」が異なるからです。そのため、requestsでサーバーから直接ダウンロードしたHTMLファイルをBeautifulSoupで解読してもブラウザで見ている内容と違うのでスクレイピングできません。 Yahoo! JAPANが運営しているYaho
Googleアナリティクスの導入から、運用、活用まで、正式なサポートがない初めての人でもゼロから学んでいけるように、丁寧に解説していく。 Googleアナリティクスとは/衣袋教授のGoogleアナリティクス入門講座URLクエリパラメータ(クエリストリング)の意味とは。使い方は? 除外はすべき?[第4回][第4回] クエリパラメータ(クエリ文字列・クエリストリング)とは一体何か?「http:~」などURLの末尾に付け加える「?(はてなマーク)」や「&」から始まる文字列パラメータにはどのような使い方があるのか?などの疑問に答える。静的なページ(htmlやhtm)につくパラメーターの性質や除外するべき時はどういった場合なのかについても詳しく解説。
これってなんなの? 【ど素人状態=社会人になって初めてプログラミングを勉強したぜ!(特に新卒)】〜【Webエンジニアの3年生ぐらい】になるまでに読むと良い本まとめです。「どんな目的で学ぶか?」*「いつぐらいまでに読むといいか?」を段階的にまとめました。「これだけ読めばいい!」と、そんな簡単な話ではありませんが、「今いるレベルより少し上の人がどんなジャンルのことを学んでんだろ?」という方の参考になれば嬉しいです。過去の自分に向けてでもあります、自戒。これからWebエンジニアになる人、なって間もない人の参考になれば幸いですm(__)m ※続編 【Webエンジニアど素人】が【3〜4年生】くらいになったら読むといい本を目的別にまとめた ”Webエンジニアど素人から3年生ぐらいになるまでに読むと良い本”の段階的まとめ(一部外部記事あり) ど素人の方々が手を動かしながら1〜6ヶ月以内に学ぼう! ◆どの
HTTPでは、データが平文で送受信されるため、第三者による傍受や改ざんのリスクがあります。一方、HTTPSでは、SSL/TLSによる暗号化によってデータの機密性と完全性が保証され 、またSSL/TLS証明書によってサーバーの身元が確認できるため、なりすましを防ぐことができます。 HTTPからHTTPSへの移行の重要性 近年、個人情報保護の観点から、多くのWebサイトがHTTPからHTTPSへ移行しています。特に、以下のようなWebサイトではHTTPSの導入が強く推奨されています。 ログイン機能を持つWebサイト 個人情報や機密情報を扱うWebサイト オンラインショッピングやインターネットバンキングなどのサービスを提供するWebサイト また、Googleをはじめとする検索エンジンでは、HTTPSを使用しているサイトを優遇する傾向にあります。 そのため、SEO対策の観点からもHTTPSへの移行
拡張ボタンからページ遷移なしでブックマーク! ブラウザメニューのB!ボタンをクリックするだけで完了。 コメントやタグを付けて素早く保存できる公式ツールです。 使い方をみる
セッションクラスを作成する 今度は作成したテーブルにセッション情報を保存するPHPのクラスを作成。 DBに処理を寄せたので、MVCでいうとモデルに処理を寄せるのが良いかもしれない。 セッションクラスに必要な関数は次の6つ。 open close read write destroy gc PHP5.4以降ではセッションクラスにSessionHandlerInterfaceを使用することで、簡単に実装することができる。また、php5.5.1以降ではsession_set_save_handlerの7番目の引数にcreate_sidコールバックを指定できる。これを使って独自のセッションIDを発行するように変更可能だが、セッションハイジャックに注意が必要。 設計の際の注意点 InnoDB を使う これはmust。InnoDB でなくてもいいが、「行ロック」をサポートしていることが重要。 inse
#引用/参考書籍 「よくわかるPHPの教科書」 「初めてのPHP5」 「パーフェクトPHP」 「体系的に学ぶ安全なWebアプリケーションの作り方」 「PHPスーパーサンプル」 「プロになるためのWeb技術入門」 インターネット上で情報をやりとりするということは、大事な内容をはがきに書いて相手に送るようなもの。その情報が相手に届くまでに誰に見られるかわからない。 #概要 HTTPはステートレスなプロトコル。「状態」を持てない。 例えば、「ログイン」ページの場合、「ログインしているかどうか」のチェックをする必要がある。 NG例) http://www.littleforest.jp/itemlist?login=ok loginパラメータを調べてokかどうかを調べる。 →→パラメータを容易に改変できてしまう。 解決策として、Cookieとセッションを使う。 Chromeで、Cookieを確認す
Ajaxとは Ajaxとは「Asynchronous JavaScript + XML」の略 Asynchronousとは、非同時性の、非同期の つまり、「JavaScriptとXMLを使って非同期にサーバとの間の通信を行うこと。」 んん? 詳しく内容を追っていきましょう。 そもそも非同期通信とはどんなものか? このように画像の遷移のない通信を非同期通信と言います。 同期処理は一瞬画面が白くなって、画面を切り替わることを言います。 こういったことをするためにAjaxという仕組みが必要です。 どうしてこんなことができるのか? 大枠をざっくり先に説明します。 同期通信の場合 webブラウザからサーバーにリクエストを通信し、レスポンスが戻ってくる。 この時に、すべての情報を通信しているので、一瞬画面が白くなる。 =>サーバーからレスポンスが返ってくるまでは他の作業はできない。 非同期通信の場合
REST入門 基礎知識 はじめに RESTサービスを開発するにあたって勉強したことをまとめました。RESTとはなんぞやというところについて書いていきます。実際の開発方法等については当記事では触れません。 RESTとは REST(REpresentational State Transfer)はWebサービスの設計モデルです。RESTなWebサービスは、そのサービスのURIにHTTPメソッドでアクセスすることでデータの送受信を行います。 例としてQiitaのREST APIを利用してみます。下記のURLにアクセスしてみてください。(ChromeかFirefoxでないと*.jsonファイルのダウンロードになる場合があります) https://qiita.com/api/v2/users/TakahiRoyte {}でくくられている文字が表示されたかと思います。これは JSON(JavaScri
データベーステーブル設計の基礎の基礎~エンティティの抽出・定義から正規化まで 適切な形でデータベースのテーブルを設計し、運用するには?テーブル設計に必要な初歩を日本MySQLユーザ会副代表の坂井恵さんが丁寧に解説します。 金融系アプリ、ゲーム、人工知能などなど……。どんな種類のシステムを開発する上でも、避けて通れない領域があります。データベースです。データを適切な形式で格納し、取り出す。単純明快ながらも奥深いこの仕組みは、多くのシステムの根幹を支えています。 しかし、適切な形でデータベースのテーブルを設計し、運用するのは簡単なことではありません。「良いテーブル設計」のためには知識と経験が不可欠です。今回は日本MySQLユーザ会の副代表である坂井恵さんに、これからテーブル設計に着手する方に向け、設計に必要な技術と、良い設計を作るための考え方を教えていただきました。 坂井恵(さかい・けい) @
エンジニアHub > 記事一覧 > Visual Studio Codeのうれしい機能を使いこなして、初心者を最速で脱出する!《VSCode実践入門》 Visual Studio Codeのうれしい機能を使いこなして、初心者を最速で脱出する!《VSCode実践入門》 VSCodeは初版が2015年リリースの新しいエディタですが、インテリセンス、ユーザースニペット、Emmet、マルチカーソル、拡張機能というコーディングにうれしい機能が充実しています。VSCodeを検討中あるいは使いはじめたばかりの若手エンジニアが、いち早く初心者を脱出するための使いこなし方を解説します。 はじめまして、KC(けーしぃ、@kcpoipoi)と申します。技術書典6にサークル参加してたら「キミ、Web執筆に興味ない??」とお声がけいただきました。Web執筆は初めてなので至らない点があるかもしれませんが、何卒よろしく
この属性を指定することで、画像の表示サイズを変更することができます。 しかし、データ量そのものは変化しないので、巨大な画像を扱う際(サムネイルとして縮小する場合など)には注意が必要です。また、この属性で表示サイズを変更すると、画質が悪くなってしまう場合があります。(画像サイズの変更には、画像編集ソフトを使用した方がいいでしょう) 大きさを変更しない場合でもサイズ指定を行う 画像の大きさを変更しない場合でも、サイズの指定を行っておくことをお勧めします。 (193×130) 例えば、幅193ピクセル×高さ130ピクセルの画像を読み込む場合は、そのサイズをそのまま次のように指定しておきます。 <img src="rainbow.jpg" alt="写真" width="193" height="130"> 画像のサイズを指定しておくと、画像の読み込みを待たずに文書全体が表示されるようになります。
ポートフォリオサイトは、ただ作品を掲載するだけにとどまらず、それ自体で、自分の個性やセンス、スキルをアピールできるアイテム。したがって、こだわればこだわるほど、その作成者のデザイン性を色濃く表現することができるでしょう。 自分らしいポートフォリオサイトを作成するために、世のクリエイターたちは、さまざまなアイデア、Webデザイン、構成の仕方を熟慮しています。これまでにポートフォリオサイトを作ったことがない人でも、一流のクリエイターが作ったポートフォリオサイトを参考にすることで、新しい切り口やWebデザインを勉強することができるかもしれません。 それでは、早速参考にしたい20のポートフォリオサイトをご紹介できればと思います。 フリーランスとしてディレクション、デザイン、コーディングを手がけている徳田優一さんのポートフォリオサイト。そのトップページは、アイコンや画像を効果的に配置することによって
2018/02/06 (更新日: 2019/01/21) 【失敗例付き】Web系の転職で使えるポートフォリオの作り方・考え方 LIFE Work Web系に転職したい人「Web系に転職したいけど、ポートフォリオ作成はどうしよう?ポートフォリオって過去に作った作品を適当にまとめておけばいいのかな?」 こういった疑問に答えます。 本記事の内容 Web系の転職で使えるポートフォリオの作り方と考え方 転職向けのポートフォリオ作成で気をつけるべきこと【失敗例】 Web系で仕事が出来る人 = ポートフォリオが整理されている人 この記事を書いている僕は、Web業界の経験は5年ほど。 現在はフリーランスとして働いており、プロジェクト単位でお仕事をしています。 こういった状況だと、新規でエンジニアやデザイナーと会うことが多いのですが、、、仕事の出来る人ほどポートフォリオが整備されているなぁと思います。 こう
シンプルでベーシックなポートフォリオサイト用のHTMLテンプレートです。挙動はデモをご確認ください。 デモ ダウンロード テンプレートをご利用の際は、自分なりにカスタマイズをしてみてください。そのまま利用してしまうと採用担当の方は「あ、この人、手抜きしてるなぁ…」と思ってしまいます。 配色やレイアウト、フォントなどを変えて「自分のポートフォリオ」を作り込みましょう! Webデザイナー向けポートフォリオチェックリスト84項目。ここを直せば一気に良くなる! ポートフォリオのチェックリストをnoteで販売中です!激安のワンコイン500円です。ポートフォリオが完成したらぜひチェックしてみてください。ポートフォリオの質が低いと、選べる会社の選択肢が減ってブラック企業に入ってしまう可能性が高まります。今まで何人もそんな人を見てきました…。このチェックリストで改善点を見つけて少しでもポートフォリオを質を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く