This domain may be for sale!
![creatorcheck.net](https://cdn-ak-scissors.b.st-hatena.com/image/square/9e3d4bc50638c97df77ed93837c627ce0d319d6c/height=288;version=1;width=512/http%3A%2F%2Fwww.creatorcheck.net%2Fhome%2Fwp-content%2Fuploads%2FElevator-Multipurpose-Bootstrap-Theme-1024x493-web-web.jpg)
完全な初心者はこちらから!ウェブ入門ウェブ入門基本的なソフトウェアのインストールウェブサイトをどんな外見にするかファイルの扱いHTML の基本CSS の基本JavaScript の基本ウェブサイトの公開ウェブのしくみHTML — Structuring the webHTML概論HTML 入門HTML を始めようヘッド部には何が入る? HTML のメタデータHTML テキストの基礎ハイパーリンクの作成高度なテキスト整形文書とウェブサイトの構造HTML のデバッグ手紙のマークアップコンテンツのページの構造化Multimedia and embeddingマルチメディアとその埋め込みHTML の画像動画と音声のコンテンツobject から iframe まで — その他の埋め込み技術ウェブへのベクターグラフィックの追加レスポンシブ画像Mozilla のスプラッシュページHTML tablesH
「Rubyによるクローラー開発技法」で付録か何かで書こうか悩んだ末に書かなかったのが、kimonolabsの話です。kimonolabsは、クローラー/スクレイピングをオンラインで実行できるWebサービス(SaaS)です。クローラー本を書いておいて何ですが、9割の人は自分でクローラーを作らずに、この手のサービスを利用すれば事足りると思います。(書かなかった理由は、Ruby縛りサービスの継続性とスケジュールの問題です。主に最後) kimonolabsとは? kimonolabsは、先述のとおりWebスクレイピングをしてくれるSaaSです。会員登録してChromeの拡張をいれれば、すぐに使えるようになります。一般的に、Webスクレイピングする場合は、次のような手順が必要です。 対象ページのダウンロード ダウンロードしたページから、特定の箇所を抜き出す 抜き出したデータの保存 対象ページのダウン
コンパイルを伴うプログラミング言語を使った開発では一般的にIDEを使います。.NETであればVisual Studio、JavaであればNetBeansやEclipseなど、iOSであればXcodeを使います。対してWebフロントエンドの開発となると、テキストエディタがベースだという方も多いのではないでしょうか。 しかし最近のIDEは進化しており、Webフロントエンド開発にマッチした機能を搭載しはじめています。これらを知ることでより効率的な開発がのぞめるようになるでしょう。 ということで今回から主だったIDEについて、フロントエンド部分の開発(コード記述、デバッグやテストなど)の観点から、どのような機能が用意されているのかを調べていきたいと思います。初回となる今回はVisual Studioです。今回はVisual Studio Community 2013を使ってみます。 プロジェクトベ
どうもハンサムクロジです。 ホーム画面や通知センターにショートカットを設置できるアプリとしてiOS 7以前に大活躍したアプリ『MyShortcuts』が、アップデートでiOS 8に対応しました。 ウィジェット機能が利用できるようになったのに加え、そのウィジェットを自由にカスタマイズできるようになったのです! App Storeで制限されているアプリランチャー機能ももちろん実装可能!ということで、そのやり方を詳細解説したいと思います!! こんなアプリランチャーが作れる! まずは完成形から見ていただきましょう。『MyShortcuts』を使えば、以下のようなアプリランチャーをウィジェット上に自作することができます。 HTMLとCSSといったウェブサイト製作に関わる開発言語の知識が必要なうえ若干動作が不安定なこともありますが、自由にアプリランチャーを設置できるのは楽しいですよね! マニアックな使
違い、または付加機能 色々な周辺事情で、勢力を広げつつある Polymer さん。(つい最近、それに加担したような気もする) 「どこまでが Web Components で、どこからが Polymer なのか」を理解するためにもPolymerの機能をメモる。Polymer は色々なことを便利にしてくれるライブラリであり、差分を言い出すとキリがないので主要なポイントだけ。 <template> が自動で Shadow DOM に放り込まれる Shadow DOM内の <link> をインラインの <style> に展開 repeat のサポート {{interpolate}} のサポート <element> のかわりを <polymer-element> としてサポート on-click とかイベントハンドラの宣言 this.$ による idが付加された要素のコレクション observe に
Webアプリケーションはテキストエディタとブラウザさえあればすぐに開発できると言いますが、実際にはWebサーバも必要ですし、HTML側でファイルを読み込んだりするのも面倒に感じてしまいます。 そういった面倒さがなければ、自分が作りたいと思ったものをすぐ作り始められることでしょう。それは創造性を束縛することなく、どんどんモノ作りを楽しめるはずです。それを可能にするのがrunstantです。 runstantの使い方 runstantのメイン画面です。右がエディタ、左がプレビューになります。 HTML/スタイルシート/JavaScriptを切り替えられます。 コードの折りたたみができるので長くなってしまってもメンテナンス性は落ちません。 設定画面です。 自分で書いたコードはサーバ上に保存されませんが、専用のURLが生成されるのでそこにアクセスするとrunstantで動く形になります(コードをZ
エキスパートがぶっちゃけトークで語る「ハイブリッドアプリ開発、ホントのトコロ」 馬場 美由紀(HTML5 Experts.jp編集部) HTML5を活用したハイブリッドアプリ開発について、Web業界を代表するエキスパート陣が様々な観点からレポートをお届けした「ハイブリットアプリ開発最前線」特集。 最後のレポートは「ハイブリッドアプリ開発、ホントのトコロ」と題し、第48回HTML5とか勉強会「ハイブリッドアプリ開発最新動向」の懇親会で行われたぶっちゃけトーク対談を再現レポートします。 ▲登壇者(左から):株式会社ニューフォリア 畠田喜丈さん、アシアル株式会社 久保田光則さん、AngularJS Japan User Group管理人 金井健一さん、Google Developer Expert(Chrome)吉川徹さん モデレーター:HTML5 Experts.jp編集長 白石俊平 ハイブリ
Google I/O 2014でEric BidelmanがPolymer and Web Components change everything you know about Web developmentというタイトルで、Web Componentsおよびその補完・拡張ライブラリであるPolymerについてセッションが行われました。 「なぜWeb Componentsが生まれたのか」 「Web Componentsが何を解決してくれるか」 この2点を上記セッションに沿って解説していきます。 HTML/CSSが持つ弱点 Webを構成していくパーツを作る際、今まではどのように行っていたでしょうか。<div>や<textarea>といったようなネイティブで用意されているタグに、CSSで見た目で装飾し、JavaScriptからDOMのAPIを操作してインタラクションを付与してきました。 しか
2017年2月1日 Webサイト制作, マーケティング, 便利ツール みなさん、購読しているニュースレター(メールマガジン)はありますか?私は利用しているWebサービスや趣味関連のものをあわせてだいたい10サイトくらい購読しています。どれも素敵なデザインのHTMLメールばかりで、見ていて楽しくなっちゃいます :) そんなわけで今回はそんなHTMLメールの現状や、制作時のTipsを紹介します。効果的な導入方法を一緒に考えてみましょう! ↑私が10年以上利用している会計ソフト! HTMLメールとは テキストのみのメールではなく、テキストに色がついていたり、画像が挿入されている、HTMLを使って設計されたメールのことをHTMLメールと呼びます。海外では大手Web系企業をはじめ、多くの会社がHTML形式のニュースレターを配信しています。私が購読しているWebサービスのニュースレターやブログの更新通
編集部注:本稿は初心者向けにプログラミングやWebデザインの講座を開催している TechAcademy(テックアカデミー)による連載企画。「非エンジニアの起業家が知っておくべきプログラミングの知識」というテーマで数回に分けて極めて基礎的なプログラミングの基礎知識をお伝えする。全連載はこちらから photo credit: nyuhuhuu via photopin cc 「非エンジニアが知っておくべきプログラミングの知識」というテーマで、10回に分けてお届けする連載企画。第6回目のテーマは「JavaScriptの基礎」です。 前回は「これからプログラミングを学び始める方へ」というテーマでお送りしました。今回はより具体的にプログラミングを学んでいただくために、JavaScriptについてご紹介していきます。本連載は、インターネット業界で、これまで技術的なバックグラウンドを持たないまま起業した
Google HTML/CSS Style Guide(2019年9月時点) より意訳とまとめ。訳が間違っていたらごめんなさい。 プロトコル imageやmedia、scriptなどを指定するときに、可能な限りhttpsを利用する。 <!-- 非推奨:プロトコルの省略 --> <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> <!-- 非推奨:httpの利用 --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> <!-- 推奨 --> <script src="https://ajax.googleapis.com/ajax/libs/jquery
「HTMLメール…一度は試してみたいけれど、Webデザインなんてサッパリだし、制作会社に頼むお金もないし、やっぱり諦めるしかないかな…」こんな悩みをお持ちの方はいませんか? 本講座では2回にわたって、無料ツールを利用した簡単なHTMLメールの作り方をご紹介します。 >>HTMLメール用テンプレート集をプレゼント! どの程度のHTMLメールが作れるの?今回は非デザイナーの筆者が、無料ツールを利用して実際にお客様に送るHTMLメールを作ってみました。アウトプットはこちらです。 いかがですか? プロ並み!…とはいきませんが、素人が作ったにしてはなかなか悪くない(ですよね?)。本講座(全2回)を終えた頃には皆さんもこの程度のHTMLメールが作れるようになりますよ。Let’s challenge!! まずはメールテンプレートを作ろう!HTMLメールの作成工程は大きく、(1)メールテンプレートの作成
kakipy.com 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
コードのスニペット管理にSnippiを利用していたのですが、何故かTwitterアカウント連携ができなくなってしまい、こつこつ貯めていたコードが見られなくなってしまいました。 バックアップでNotefileに取ってあったため事なきは得たのですが、コードスニペット管理の方法としてはいかんせん使いにくい。 なんかいい方法あんめえかと思って探したところ、GitHubアカウントがあれば無料で使用できるスニペット管理ツールGistBoxが良さげだったので試してみたところ非常に快適でしたのでシェア。 参考:GistをメーラーのようなUIで管理する「GistBox」がいい感じ | REFLECTDESIGN メーラーのようなUI 使用はGistBoxでログインするか、Chromeアプリから。UIは一緒です。 私はChromeアプリを使用することにしました。 GistBox – Chrome ウェブストア
割と頻繁に使うので備忘録。 jQueryを使用して「チェックボックスにチェックされたら送信可能にするボタン」と「文字が入力されたら送信可能にするボタン」をそれぞれ実装する方法です。 特にチェックボックスの方は利用規約などに同意してもらったかの部分で用いたりと使う場面が多いのではないかと思います。 チェックボックスにチェックされたら送信可能にするボタン ページが表示された際はイメージ左のようにボタンにはdisabledが指定されて送信できない状態になっています。 それを「利用規約に同意します」というテキスト横にあるチェックボックスにチェックが入ったら、ボタンに指定してあるdisabledを解除して送信可能にするというものです。 実装にはjQueryを使用するので予め読み込ませおき、それぞれ下記のように記述をします。 <input type="checkbox" id="check" /><l
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く