現代は、世の中とテクノロジーが密接なつながりのある時代。特に、スマートフォンが爆発的に普及した2010年以降から、Webサービスの充実を体感している人も多いはず。そして、非エンジニアでありながら趣味としてプログラミング行い、ゲームやWebサイトを作っている人も多いです。 しかし、プログラミングと聞くと「難しそう」といったイメージを持つ方も多いのではないでしょうか？エンジニアは専門職ということもあり、その入口は特に難しそうに感じるかもしれません。 そこで今回は、初めてプログラミングに挑戦したい方にオススメな、JavaScriptやPythonなどの学習サービス「Code Combat」をご紹介します。 「Code Combat」ってなに？ 「Code Combat」は、プログラミングを全く知らない人でも簡単に出来るゲーム形式のサービスなので「遊びながらJavaScriptなどを学ぶ」ことので

少し気が早いですが、今年も残すところ あと僅かです。ここで、Web制作をする にあたって、個人的に、とても参考にな った素晴らしいエントリーをご紹介します。 基本的にまとめ記事が大好物なので、 まとめのまとめ、という形になってしまい ますがご了承願います。 まぁ、単なる個人的なメモです。今年はお世話になりました、という感謝の意を込めてリンク&トラフィックで返したいのと、自分の復習用リンク集です。来年もたぶんお世話になる記事だと思いますので、備忘録も兼ねて。順不同です。 尚、当ブログのエントリは御礼の場であるこの記事では割愛しています。後日、別記事にてまとめさせて頂きますので、宜しければ御覧ください。 デザイン 読み物系が多いです。正月とかで見直す用。 配色パターンからWebデザインを考える ウェブデザインでこれは気をつけたいの35のポイント デザインQRコードの作り方 非デザイナーのための

ドットインストール代表のライフハックブログ

「Webサイトを作るときに本当によく使う機能を、自分で作らずにさくっと実装したい」――。そんなワガママな願望をかなえてくれる JavaScriptライブラリが登場した。ミツエーリンクスが今月オープンソースとして公開した「MJL（MITSUE-LINKS JavaScript Library）」は、Webサイト制作に必須の“最小限の機能”に絞ったJavaScriptライブラリだ。 昨今相次いで公開されている、リッチなUIを実現するJavaScript/Ajaxライブラリとは異なり、MJLの機能はとてもシンプルだ。もともとWeb制作会社であるミツエーリンクスが「自社標準ライブラリ」として作成したものだけあって、汎用性・実用性を重視したライブラリになっている。 具体的な機能は以下の6つ。確かにどれもよく使いそうなものばかりだ。 画像のロールオーバー Flashオブジェクト埋め込みの機能拡張 新規

個人的なウェブサイト作成や仕事としてウェブサイトを作成している人だけでなく、何かのサイトを発注して作ってもらう際などにこういうのを知っておくと、かなりはっきりと具体的なイメージを相手に伝えやすくなるので、スムーズにコミュニケーションできるはずです。あるいはクライアントにこれらのリソースの存在を認知してもらうことで、話が進めやすくなるかもしれません。 というわけで、魅力的なウェブサイトを作成するために知っておくと便利な無料の各種スクリプトは以下から。 Woork: Useful resources and tutorials for developing stunning web sites 1. ModalBox http://www.wildbit.com/labs/modalbox/ Web2.0スタイルのダイアログボックスなどを表示させることができます。Mac OS Xのダイアログボ

ブラウザーいっぱいに広がる鮮やかなグラフィック。フェードインでゆっくりと出現する写真画像。スクロールしながら画像に重なっていく半透明のテキストボックス――思わず見とれてしまう、キャンペーンサイトなどでおなじみの“派手なWebサイト”は、フルFlashが一般的だ。「Flashはよく分からないし、そもそもオーサリングツールもない」という個人サイトの制作者はあきらめるしかなかった。 パリ在住のフリーコンサルタント／Webデザイナー「Sebcreation」のWebサイトは、そんな常識を打ち破ることに挑戦している。まずはトップページを見てみよう。 おなじみのローディングアイコン、上下右左から次々とスライドしてくる半透明のテキストボックス……といったダイナミックなデザインに、「またFlashか」と思わずつぶやいてしまうかもしれない。ところがSebcreationでは、アニメーション／エフェクト処理を

Ajaxの弱点を補うscript.aculo.usの楽しいエフェクト：パターンとライブラリで作るAjaxおいしいレシピ（4）（1/4 ページ） script.aculo.usの一歩進んだテクニック 今回紹介するscript.aculo.usは、以下のような機能を提供するAjax（JavaScript）フレームワークです。 ビジュアルエフェクト ドラッグ＆ドロップ DOM操作 オートコンプリート スライダー 単体テスト prototype.jsをベースのライブラリに使用しているので、prototype.jsとともに利用したことがある方も多いのではないでしょうか。 今回はscripot.aculo.usのエフェクト機能に焦点を絞り、より突っ込んだ使い方を紹介していきます。 ■ Ajaxの弱点を補う「エフェクト」の必要性 Ajaxを活用することで、画面全体を再描画せずに画面上の一部分のみを変更し

JavaScript開発ツールの本命！ FirebugとAptana：どこまでできる？ 無料ツールでWebサイト作成（4）（1/3 ページ） ついに「Aptana STUDIO」がリリース 先日、連載第1回と第2回で紹介したAptanaが、2年にわたる開発期間を経て「Aptana STUDIO 1.0」としてリリースされた。 「Aptana STUDIO 1.0」には、「Community Edition」と呼ばれるフリー版と、「Professional Edition」と呼ばれる製品版が存在し、製品版は1年間の更新と優先的なサポート、最新開発版へのアクセスパスが付いて199ドル（現在はセール中？）で、以降更新のために1年ごとに79ドル、というプランが用意されている。Professional EditionはIE（Internet Explorer）のデバッグサポート、JSONエディタ、S

Blockを二つ配置し，お互いを結びつけるとアプリケーションは完成。左上の「Preview」をクリックするとアプリケーションを試験的に実行できる 2007年10月19日，米Microsoftは，複数のWebサービスを組み合わせたアプリケーション（マッシュアップ・アプリケーション）を構築できる開発環境「Microsoft Popfly」のベータ版を一般公開した。2007年5月から一部のユーザーに向けたアルファ版を限定公開していたが，今回のベータ版は，ユーザー登録すれば誰でも利用できる。 Popflyは，Webブラウザからアクセスして利用するWebアプリケーション。世界各地に存在するWebサービスを抽象化した「Block」を多数用意しており，ユーザーはこのBlockの設定を変更し，Block同士をつなぎ合わせるだけでマッシュアップ・アプリケーションを構築できる。Blockは，Microsoft

Snapであなたのサイトにも無料で検索プレビュー機能をという記事より。 先週、「Snap Preview Anywhere」が ローンチされた。これは あらゆるサイトのオーナーに検索結果のプレビュー機能を提供する無料サービスである。これをインストールすると、すべてのリンク（サイト内のリンクは除外 可能）にマウスを載せるとリンク先のプレビュー画面がポップアップ表示されるようになる。 「Snap Preview Anywhere」がどんな機能かというのは、恐らく見て貰うのが一番早いと思います。ネタフルでも実装してみたので、スクリーンショットをご覧ください。 リンクの上にマウスカーソルを合わせると‥‥ こんな感じで、リンク先のプレビューが表示されるという仕組みです。 キャッシュがない場合は取得に少々の時間を要しますが、リンクをクリックする前にどんなサイトか確認できるというのは利用者にとっては便利

IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

米Googleは米国時間5月29日，Ajaxアプリケーション開発キット「Google Web Toolkit（GWT）1.4」のリリース候補版1（RC1：Release Candidate 1）を公開した。Google技術リードのBruce Johnson氏が同日，公式ブログGoogle Web Toolkit Blogへの投稿で明らかにしたもの。 GWT 1.4 RC1は，GoogleのWebサイトからWindows／Mac OS X／Linux版を無償でダウンロードできる。 GWT 1.4 RC1について，Johnson氏は「間違いなくこれまでで最大規模のリリース」とする。さまざまな新機能を搭載，改良，最適化を施したほか，150件以上のバグを修正したという。 コンパイラを改良した結果，生成するJavaScriptのサイズは従来に比べ10～20％小さい。起動処理に必要なモジュールのサイズ

Web担編集部の安田です。Web担のはてブ件数1万件超え（）を記念して、ご愛読のみなさんのお役にたてる便利なツールを作りました。名付けて、「位置調整可能なグリッドオーバーレイ」ブックマーク。ウェブデザインをする人なら日常的にdivの幅や隙間の長さを測ったりしていることでしょう。そういうときに手放せなくなるツールです。 akiyanさんが作った便利なグリッドオーバーレイのブックマークにインスパイヤされて、さらに便利な機能を盛り込んでみました。 名付けて、「位置調整可能なグリッドオーバーレイ」ブックマーク。 使い方その1普通のブックマークレットです。以下のリンクを右クリックして「お気に入りに追加」（IEの場合）または「このリンクをブックマーク」（Firefoxの場合）してください。 IEでは「追加しようとしているお気に入りは安全でない可能性があります。続行しますか？」とのセキュリティ警告が出ま

これまでは主に一部のプログラマー向けにサービスを提供してきたMicrosoftは米国時間5月18日、今度は一般ユーザー向けのウェブマッシュアップビルダーを発表した。 現在アルファテスト中のこのホストサービス「Microsoft Popfly」は、一般ユーザーを対象に、視覚的にウェブサイトを作成したり、既存のブログや個人のページにマッシュアップなどの機能を追加したりする方法を提供するものである。マッシュアップとは、ウェブの複数のソースからコンテンツを組み合わせ、それを組み合わせることで新たなサービスを作ることを意味している。 Popflyには、作成中のページにブロックのアイコンをドラッグ＆ドロップすることによってアプリケーションを作成することができるビルダーツールが含まれる。個々のブロックは、スライドショー形式で写真を表示するウィジェットなどタスクやサービスを表し、それらを用いてユーザーはウ

文：Martin LaMonica（CNET News.com） 翻訳校正：吉武稔夫、佐藤卓、小林理子2007年05月08日 21時55分 Sun Microsystemsは米国時間5月8日、コンシューマ機器向けのJavaアプリケーションの開発を容易にするスクリプト言語「JavaFX Script」を発表する予定だ。これは、Javaの可能性を十分に引き出し、次世代ウェブアプリケーションにおけるJavaの位置づけを強める試みとなる。 同日サンフランシスコで開幕するJava開発者向けカンファレンス「2007 JavaOne」において、Sunのソフトウェア担当エグゼクティブバイスプレジデントであるRich Green氏がJavaFX Scriptを紹介するとみられている。JavaFX Scriptは、Java対応のPCや携帯機器で動くアプリケーションを書くために簡略化されたスクリプト言語だ。 G