クリックしていくだけで本格的なWebサイトが作れる「Seicenta」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、超お手軽に本格的なWebサイトを作って、そのまま公開まで完結できるオススメの無料Webサービスをご紹介します！ 初心者の方ならテンプレートを選んでいくだけで完成するし、中級者以上の方はコンテンツをカスタマイズしたりプログラミングすることも可能な万能型サービスとなっているのが特徴です。 【 Seicenta 】 ■「Seicenta」の使い方！ それでは、実際に「Seicenta」を使いながらどのようなサービスなのかを詳しく見ていきましょう！ まずはトップ画面にある「Login」をクリックします。 すると、Webサイトの管理ができる「ダッシュボード」が表示されます。 この画面右上に、ちょっと小さいですが「ユーザー登録」できるリンクがあるのでクリック！ メルアド・ニックネーム・パスワードを入力すればすぐに登録できるので、先に済ませておきまし
かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技
2015年3月18日 CSS 2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 ↑私が10年以上利用している会計ソフト！ 目次 Div全体をクリックできるようにする テーブルの偶数・奇数の行の色を変える フォームにテキストを入れておき、フォーカスで消す（文字色も変更） ラジオボタンとチェックボックスを装飾する スライドパネル アコーディオン ツールチップ 言語によってスタイルを変更 横並びのdivの高さ揃える ボックスを上下左右中央に配置する それでは実際にどんな事ができるのか見てみましょう！サンプルも作ったのでコードと
わずか1行のコード追加で、どんなWebサイトもCMSっぽくできる！「Simpla」の驚くべき使い方を徹底解説 - paiza開発日誌
どうも、まさとらん（@0310lan）です。 今回は、既存のWebサイトを究極にシンプルなCMSっぽく管理することができる無料のWebサービスをご紹介しようと思います！ このサービスを活用すれば、Webサイトのテキストや画像などの編集、サイトの更新作業などを直感的に誰でも行うことができるようになります。 【 Simpla 】 ■「Simpla」とは？ まず最初に、「Simpla」がどのようなサービスなのかを実際に見ていきましょう！ 以下に、「Simpla」を導入したサンプルサイトがあります。 見た目はごく普通のWebサイトですが、URLの末尾に「#edit」と追記して再読み込みします。 すると、専用の「ログイン画面」が表示されます！ 「Simpla」アカウントでログインすると、画面上でそのままコンテンツを編集できるようになります！ （編集できる箇所、できない箇所の設定も可能です） また、画
JavaScriptをゼロから学ぼう！全くの初心者でも問題なし
ホームページを制作する上で、HTML・CSSとともに欠かすことができないのがJavaScriptの存在です。 しかし、HTMLやCSSのようなマークアップ言語と違ってプログラミングって少し難しそう……と思っている人も多いのではないでしょうか。実は、JavaScriptは非常にシンプルで、基礎的な部分は他のプログラミング言語と同じところも多いのです。 そこで今回は、JavaScriptの基礎を初心者向けに解説します。 JavaScriptとは？ JavaScriptは何百種類もあるプログラミング言語の一種で、ホームページに様々な動きや機能を付加することができます。 JavaScriptはフロントエンド言語(クライアントサイド言語)の一種で、サーバーをとおすことなく、ブラウザだけでプログラミングを実行することが可能です。 JavaScriptはいたるところで使われています。 例えば、ユーザー登
Reactを使うとなぜjQueryが要らなくなるのか - Qiita
はじめに React（通称 React.js1）を全く知らない、あるいは幾つか記事を見たけどなんなのかピンと来ていない、という人のために書いています。 「jQuery くらいしか知らない」くらいの人に具体的に雰囲気を知ってもらうのが目的であり、すでにやる気がある人向けのチュートリアルではありません。やる気が出れば日本語版ドキュメントを読んで手を動かせばあっという間なので、そこまでの興味が出ることを目標にしています。 以降では ES2015 (ES6) の文法（アロー関数とか）を使っています。この部分が怪しい人は先にアロー関数と const 文だけでも知ってから先に進んでください。 以下の説明中、このアイコンで表すのは（2023 年現在から見た）『昔話』です。新しく自分のコードを書く際には本来知らなくていいことですが、古い記事を見たときに混同しないための参考情報として書いてあります。この記事
7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座
HOME>jQuery>7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。（っていうかそんな偉そうなこと言える程修めてない
検索クエリでSEO対策！ユーザーを分析して検索順位の改善を
「検索クエリ」という言葉をご存じですか？ この検索クエリを理解することは、WebサイトのSEO対策において必要不可欠です。 根拠もなくコンテンツの数を増やしただけでは、検索順位はなかなか上がりません。 訪問しているユーザーの分析を正しく行い、分析結果をもとにサイトやコンテンツの改善を図ることが大切です。その分析の材料となるのが検索クエリです。 今回は、Webマーケティング会社で働く筆者が、検索クエリの基礎知識や活用方法についてご紹介します。 キーワードとの違いって何？検索クエリの基礎知識 SEO対策には、ユーザーがどんな言葉で検索しているのかを知ることが重要です。ここでは「検索クエリ」の基礎知識をお伝えします。 検索クエリとは 検索クエリとは、検索時にユーザーが入力する単語やフレーズのことを指します。キーワードと何が違うのかと思われるかもしれませんが、ユーザーが入力するのが「検索クエリ」、
フリー素材
今日の午前中は雲一つ無い快晴。 これは富士山の写真を撮りに行かねば！ 富士山スカイライン上にある裾野市の水ヶ塚公園に初めてきた。 すごい！富士山でかい！宝永の火口もくっきり見える！ こんな綺麗に見える日は年に数回しかないだろう。 タグ ：#富士山#フリー素材#水ヶ塚公園 ブログネタ：動物の写真 に参加中！ まだ子供の牛さんです。 かわいいでしょ～♪ 朝霧高原の牧場で撮影しました！ タグ ：#フリー素材#牛#牧場 ブログネタ：お気に入りの写真を投稿してください！ に参加中！ 近所の自衛隊の記念行事にて。 たぶん９０式戦車 たぶん１０式戦車 タグ ：#戦車#素材#10式
YouTube人気急上昇
あつ森 住民を探すのが大変？まだ写真をもらってない住民の写真をゲットできるまで終われませんがなかなか終われない？【ゆっくり実況】
逆効果注意！ Google上位表示を狙う時に、やってはいけないSEO対策まとめ5つ 《最近の傾向と対策》 ニュー速VIP底辺｡･ﾟ･(ﾉД`)･ﾟ･｡
以下、５点です。 ・ページ上部に大量の広告を貼ってはいけない ・中身のない誘導用ランディングページはスパムSEO。 ・有料リンクを購入してはいけない。 ・自作自演でリンクを集めてはいけない。 ・寄稿やクロスポストに注意。ドメインをまたいだ重複コンテンツにも、Googleはペナルティを科す。 w3q様からの引用記事です 【引用元】 Googleで上位表示を狙うなら知っておきたい、やってはいけないSEO対策まとめ5 ページ上部に大量の広告を掲載している場合は要注意。 「上半分」にコンテンツをほとんど用意していないサイト、もしくは、サイトの初期画面の大半のスペースを広告に割いている場合、今後上位にランクインしない可能性がある。 類似コンテンツの量産は「順位アップ ⇒ 順位ダウン」 楽天のSEOチームリーダーである三澤氏のツイートを紹介。 イエス。重複コンテンツだけでなく
無料かつ商用可で約2万枚のハイレベルな写真を提供する「Luc Viatour」
無料で使えるネット上にある写真は「そこそこ」のレベルのものがほとんどで使い物にならないと思っている人の認識を変えさせるほどの威力を誇っているのがこのフォトグラファー「Luc Viatour」氏の公式サイトです。 なんとサイト上にある写真の全てがCreative Commonsライセンス（CC BY-SA 3.0）で提供されており、営利目的での利用、すなわち商用利用も可能となっています。 Luc Viatour http://www.lucnix.be/ 各画像の上にある以下のアイコンをクリックすると別ウインドウが開き、フルサイズの画像のダウンロードが可能となります なお、以下が約2万枚ある画像の一例です。 ◆01：Flaque d'eau au Champ de Mars ◆02：Cnidaria_Luc_Viatour ◆03：2h_Namur_13.jpg ◆04：LV1_5170 ◆
ゼロからはじめるスマートフォン専用サイト（iPhone＆Android）の作り方を学べるサイト集めました | HTML5でサイトをつくろう
これからのWEB制作はPCサイトだけではなく、iphoneなどのスマートフォンやipadなどさまざまなデバイスでの閲覧を前提として作成しなければいけません。 iphoneサイトやAndroidサイトはHTML5やCSS3にかなり対応しているので簡単そうなイメージもありますが、縦画面、横画面など変化することを前提に構築しなければいけませんし、Androidは機種によって解像度が違う、機種によってCSSが適用されないという昔のモバイルサイトより大変なことがおきているようです。 またシミュレーターを使ったり、実機をたくさん揃えたり、レンタルしたりとPCサイトより手間な制作の時代に逆戻りですね・・。 友人に聞いたら現在は案件よってはiphoneのみ対応、iphoneとdocomoを対応、すべて対応などさまざまなようですね。まあこれは予算によるのかもしれませんね。 僕はまだ本格的なスマホサイトの仕事
飲食店専用Facebookページ作成サービス
Facebookは、現在世界中で7億人が利用している巨大SNS（ソーシャルネットワーク）です。 昨年、アカデミー賞を争った映画「ソーシャルネットワーク」の舞台になったほど、世界で浸透しているSNSです。 匿名が当たり前のインターネットの世界で、“本名”での利用が義務付けられているため、ユーザー同士のコミュニケーションが深く、情報に関しても信頼性が強いのが特徴で、信頼あるやり取りが可能なため、既にビジネスにも活かされ始めています。 このFacebookには、たくさんの魅力的な機能が無料で用意されていますが、その中の一つとしてFacebook内で自分専用のホームページが持てるFacebookページ（旧ファンページ）が挙げられます。 もうすでに、ユニクロや無印良品、ローソン他、有名企業がFacebookページを作成し、“ファン”を獲得。プロモーションに活用しています。 「うちはホームページがある
Webデザインの“ブブン”を集めたブブンデザインアーカイブ 公式サイト
タグ一覧 タイトルロゴ(159) プライマリナビゲーション(72) グローバルナビゲーション(246) メインビジュアル(95) 見出し(326) 文字装飾(10) アクセント(29) サイドメニュー(142) ログインフォーム(68) タブ(55) テーブル・表(23) 地図(12) 特集バナー・内部リンク(525) Twitterアイコン・バナー(64) RSSアイコン・バナー(41) フォーム(9) アイコン(195) ＜前へ 次へ＞(12) 検索窓(149) パンくずリスト(12) このページのトップへ戻る(52) フォントサイズ変更ボタン(34) 問合せ・送信・購入ボタン(72) 電話番号(41) フッター・コピーライト(99) ニュース・ポータル・検索(207) ファッション(200) 音楽・ゲーム・コンテンツ配信(58) ネット関連サービス(86) オンラインショップ(308
Webページ制作に使える6つの便利サイト | エンタープライズ | マイコミジャーナル
A Web Design Community curated by Chris Coyier. CSS-TricksにWebページ制作時に役立つ便利なページ紹介の記事「One Page Apps I Actually Use」が掲載されている。特にCSS3を利用するにあたって便利なページがまとまっており参考になる。紹介されているページは次のとおり。 まず紹介されているのはCSS3 Please!。このサイトはよく使われるCSS3機能のテンプレートをまとめたサイトで、コピー&ペーストして利用できる。主要ブラウザのベンダプレフィックス版もすべて記載されおり便利。コメントも記載されておりわかりやすい。CSS Border Radius Generatorは角の丸みをチェックするサイト。四隅のボックスに数値を入力すると、それを表現するためのCSS3が生成される仕組みになっている。-webkit-と
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
エル写庫 | デザインスタジオ・エル 著作権フリーフォトライブラリ
VIPPERな俺 : Googleが無料のHTML5開発ツール、サイト、アプリ、広告が簡単に作成 ウェブデザイナー完全終了
これが無料とは！ スマートフォン向けサイトやアプリのワイヤーフレームを作成するソフトウェア -Prototyper
Copy Paste Character
Webサイトを簡単に丸ごとダウンロードできる無料のユーティリティ『SiteSucker』 | ライフハッカー・ジャパン
